fix(*): edit storybook dropwdown

salute-developers · Dec 23, 2024 · e01914e · e01914e
1 parent a855d6e
commit e01914e
Show file tree

Hide file tree

Showing 11 changed files with 51 additions and 20 deletions.
diff --git a/packages/plasma-b2c/src/components/Dropdown/Dropdown.stories.tsx b/packages/plasma-b2c/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/plasma-giga/src/components/Dropdown/Dropdown.stories.tsx b/packages/plasma-giga/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts b/packages/plasma-new-hope/src/components/Dropdown/Dropdown.types.ts
@@ -57,6 +57,7 @@ export type DropdownProps<T extends DropdownItemOption = DropdownItemOption> = {
     /**
      * Стрелка у выпадающего списка.
      * @default true
+     * @deprecated
      */
     hasArrow?: boolean;
     /**

diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<StoryDropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -294,7 +297,7 @@ const StoryNormal = (args: StoryDropdownProps) => {
             onItemSelect={action('onItemSelect')}
             onItemClick={action('onItemClick')}
         >
-            <Button text="Список стран" />
+            <Button text="Список стран" size={args.size} />
         </Dropdown>
     );
 };

diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx b/packages/plasma-new-hope/src/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<StoryDropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -294,7 +297,7 @@ const StoryNormal = (args: StoryDropdownProps) => {
             onItemSelect={action('onItemSelect')}
             onItemClick={action('onItemClick')}
         >
-            <Button text="Список стран" />
+            <Button text="Список стран" size={args.size} />
         </Dropdown>
     );
 };

diff --git a/packages/plasma-web/src/components/Dropdown/Dropdown.stories.tsx b/packages/plasma-web/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/sdds-cs/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-cs/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/sdds-dfa/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-dfa/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/sdds-finportal/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-finportal/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/sdds-insol/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-insol/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );

diff --git a/packages/sdds-serv/src/components/Dropdown/Dropdown.stories.tsx b/packages/sdds-serv/src/components/Dropdown/Dropdown.stories.tsx
@@ -53,14 +53,17 @@ const meta: Meta<DropdownProps> = {
             control: { type: 'boolean' },
             if: { arg: 'alwaysOpened', truthy: false },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
     },
     args: {
         size: 'm',
         variant: 'normal',
         placement: 'bottom-start',
         trigger: 'click',
         offset: [0, 0],
-        listWidth: '',
+        listWidth: '300px',
         hasArrow: true,
         alwaysOpened: false,
         closeOnOverlayClick: true,
@@ -312,7 +315,7 @@ const StoryNormal = (args: DropdownProps) => {
                 onItemSelect={action('onItemSelect')}
                 onItemClick={action('onItemClick')}
             >
-                <Button text="Список стран" />
+                <Button text="Список стран" size={args.size} />
             </Dropdown>
         </>
     );