mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Refactored Storybook UI (#2020)

Browse Source 
* refactored Storybook UI

* refactored Storybook UI

* removed extra cards from the doc, added card for ui components
This commit is contained in:
Nimra Ahmed
2023-10-15 00:22:47 +05:00
committed by GitHub
parent 04090446cc
commit fa9303f545
94 changed files with 98 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/modules/ui/data/data-table/options/components/__stories__/TableOptionsDropdown.stories.tsx
View File

@ -9,7 +9,7 @@ import { TableRecoilScopeContext } from '../../../states/recoil-scope-contexts/T
import { TableOptionsDropdown } from '../TableOptionsDropdown';
const meta: Meta<typeof TableOptionsDropdown> = {
title: 'UI/Table/Options/TableOptionsDropdown',
title: 'UI/Data/DataTable/Options/TableOptionsDropdown',
component: TableOptionsDropdown,
decorators: [
(Story) => (

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/DateFieldDisplay.stories.tsx
View File

@ -47,7 +47,7 @@ const DateFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/DateFieldDisplay',
title: 'UI/Data/Field/Display/DateFieldDisplay',
component: DateFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/DoubleTextFieldDisplay.stories.tsx
View File

@ -60,7 +60,7 @@ const DoubleTextFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/DoubleTextFieldDisplay',
title: 'UI/Data/Field/Display/DoubleTextFieldDisplay',
component: DoubleTextFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/EmailFieldDisplay.stories.tsx
View File

@ -49,7 +49,7 @@ const EmailFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/EmailFieldDisplay',
title: 'UI/Data/Field/Display/EmailFieldDisplay',
component: EmailFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/MoneyFieldDisplay.stories.tsx
View File

@ -50,7 +50,7 @@ const MoneyFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/MoneyFieldDisplay',
title: 'UI/Data/Field/Display/MoneyFieldDisplay',
component: MoneyFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/NumberFieldDisplay.stories.tsx
View File

@ -50,7 +50,7 @@ const NumberFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/NumberFieldDisplay',
title: 'UI/Data/Field/Display/NumberFieldDisplay',
component: NumberFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/PhoneFieldDisplay.stories.tsx
View File

@ -49,7 +49,7 @@ const PhoneFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/PhoneFieldDisplay',
title: 'UI/Data/Field/Display/PhoneFieldDisplay',
component: PhoneFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/TextFieldDisplay.stories.tsx
View File

@ -49,7 +49,7 @@ const TextFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/TextFieldDisplay',
title: 'UI/Data/Field/Display/TextFieldDisplay',
component: TextFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/components/__stories__/URLFieldDisplay.stories.tsx
View File

@ -49,7 +49,7 @@ const URLFieldDisplayWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/display/URLFieldDisplay',
title: 'UI/Data/Field/Display/URLFieldDisplay',
component: URLFieldDisplayWithContext,
};

2
front/src/modules/ui/data/field/meta-types/display/content-display/components/__stories__/PhoneInputDisplay.stories.tsx
View File

@ -5,7 +5,7 @@ import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWith
import { PhoneDisplay } from '../PhoneDisplay'; // Adjust the import path as needed
const meta: Meta = {
title: 'UI/Input/PhoneInputDisplay',
title: 'UI/Input/PhoneInputDisplay/PhoneInputDisplay',
component: PhoneDisplay,
decorators: [ComponentWithRouterDecorator],
args: {

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/BooleanFieldInput.stories.tsx
View File

@ -50,7 +50,7 @@ const BooleanFieldInputWithContext = ({
};
const meta: Meta = {
title: 'UI/Field/input/BooleanFieldInput',
title: 'UI/Data/Field/Input/BooleanFieldInput',
component: BooleanFieldInputWithContext,
args: {
value: true,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/ChipFieldInput.stories.tsx
View File

@ -88,7 +88,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/ChipFieldInput',
title: 'UI/Data/Field/Input/ChipFieldInput',
component: ChipFieldInputWithContext,
args: {
value: 'chip',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/DateFieldInput.stories.tsx
View File

@ -70,7 +70,7 @@ const enterJestFn = jest.fn();
const clickOutsideJestFn = jest.fn();
const meta: Meta = {
title: 'UI/Field/input/DateFieldInput',
title: 'UI/Data/Field/Input/DateFieldInput',
component: DateFieldInputWithContext,
args: {
value: formattedDate,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/DoubleTextChipFieldInput.stories.tsx
View File

@ -105,7 +105,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/DoubleTextChipFieldInput',
title: 'UI/Data/Field/Input/DoubleTextChipFieldInput',
component: DoubleTextChipFieldInputWithContext,
args: {
firstValue: 'first value',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/DoubleTextFieldInput.stories.tsx
View File

@ -99,7 +99,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/DoubleTextFieldInput',
title: 'UI/Data/Field/Input/DoubleTextFieldInput',
component: DoubleTextFieldInputWithContext,
args: {
firstValue: 'first value',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/EmailFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/EmailFieldInput',
title: 'UI/Data/Field/Input/EmailFieldInput',
component: EmailFieldInputWithContext,
args: {
value: 'username@email.com',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/MoneyFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/MoneyFieldInput',
title: 'UI/Data/Field/Input/MoneyFieldInput',
component: MoneyFieldInputWithContext,
args: {
value: 1000,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/NumberFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/NumberFieldInput',
title: 'UI/Data/Field/Input/NumberFieldInput',
component: NumberFieldInputWithContext,
args: {
value: 1000,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/PhoneFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/PhoneFieldInput',
title: 'UI/Data/Field/Input/PhoneFieldInput',
component: PhoneFieldInputWithContext,
args: {
value: '+1-12-123-456',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/ProbabilityFieldInput.stories.tsx
View File

@ -66,7 +66,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/ProbabilityFieldInput',
title: 'UI/Data/Field/Input/ProbabilityFieldInput',
component: ProbabilityFieldInputWithContext,
args: {
value: 25,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/RelationFieldInput.stories.tsx
View File

@ -76,7 +76,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/RelationFieldInput',
title: 'UI/Data/Field/Input/RelationFieldInput',
component: RelationFieldInputWithContext,
args: {
useEditButton: true,

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/TextFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/TextFieldInput',
title: 'UI/Data/Field/Input/TextFieldInput',
component: TextFieldInputWithContext,
args: {
value: 'text',

2
front/src/modules/ui/data/field/meta-types/input/components/__stories__/URLFieldInput.stories.tsx
View File

@ -85,7 +85,7 @@ const clearMocksDecorator: Decorator = (Story, context) => {
};
const meta: Meta = {
title: 'UI/Field/input/URLFieldInput',
title: 'UI/Data/Field/Input/URLFieldInput',
component: URLFieldInputWithContext,
args: {
value: 'https://username.domain',