@salutejs/plasma-new-hope 0.190.0-canary.1550.11795356464.0 → 0.190.0-dev.0

package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -25,58 +25,54 @@ const meta: Meta<StorySelectProps> = {
     component: Select,
     argTypes: {
         target: {
-            control: 'select',
             options: ['button-like', 'textfield-like'],
+            control: {
+                type: 'select',
+            },
         },
         size: {
-            control: 'select',
             options: size,
+            control: {
+                type: 'select',
+            },
         },
         view: {
-            control: 'select',
             options: view,
+            control: {
+                type: 'select',
+            },
         },
         labelPlacement: {
-            control: 'select',
             options: labelPlacement,
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'select',
             },
         },
         chipView: {
-            control: 'select',
             options: chip,
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'select',
             },
         },
         variant: {
-            control: 'select',
             options: variant,
+            control: {
+                type: 'select',
+            },
         },
         listWidth: {
-            control: 'text',
+            control: {
+                type: 'text',
+            },
         },
         listOverflow: {
-            control: 'text',
-        },
-        listHeight: {
-            control: 'text',
-        },
-        helperText: {
-            control: 'text',
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'text',
             },
         },
-        enableContentLeft: {
-            control: 'boolean',
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+        listHeight: {
+            control: {
+                type: 'text',
             },
         },
     },
@@ -88,7 +84,7 @@ const meta: Meta<StorySelectProps> = {
         helperText: 'Helper text',
         size: 'm',
         view: 'default',
-        chipView: 'secondary',
+        chipView: 'default',
         enableContentLeft: false,
         isTargetAmount: false,
         variant: 'normal',
@@ -342,18 +338,13 @@ const SingleStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
 };
 
 export const Single: StoryObj<StorySelectProps> = {
-    parameters: {
-        controls: {
-            exclude: ['chipView', 'isTargetAmount'],
-        },
-    },
     render: (args) => <SingleStory {...args} />,
     args: {
         closeAfterSelect: true,
@@ -370,7 +361,7 @@ const MultiselectStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
@@ -395,7 +386,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 items={items}
                 value={valueSingle}
                 onChange={setValueSingle}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
 
             <br />
@@ -406,7 +397,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 multiselect
                 value={valueMultiple}
                 onChange={setValueMultiple}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
@@ -471,7 +462,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -484,7 +475,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -615,7 +606,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -628,7 +619,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -668,7 +659,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -681,7 +672,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -721,7 +712,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -734,7 +725,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -844,7 +835,9 @@ export const Common: StoryObj<StorySelectProps> = {
     argTypes: {
         size: {
             options: size,
-            control: 'select',
+            control: {
+                type: 'select',
+            },
         },
     },
     args: {

package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx

@@ -45,6 +45,14 @@ const meta: Meta<StoryDropdownProps> = {
                 type: 'select',
             },
         },
+        closeOnOverlayClick: {
+            control: { type: 'boolean' },
+            if: { arg: 'alwaysOpened', truthy: false },
+        },
+        closeOnSelect: {
+            control: { type: 'boolean' },
+            if: { arg: 'alwaysOpened', truthy: false },
+        },
     },
     args: {
         size: 'm',
@@ -54,6 +62,7 @@ const meta: Meta<StoryDropdownProps> = {
         offset: [0, 0],
         listWidth: '',
         hasArrow: true,
+        alwaysOpened: false,
         closeOnOverlayClick: true,
         closeOnSelect: true,
     },