@salutejs/plasma-new-hope 0.324.0-dev.0 → 0.324.1-canary.1986.15225031077.0

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

@@ -13,6 +13,8 @@ import { Select } from './Select';
 type StorySelectProps = ComponentProps<typeof Select> & {
     enableContentLeft?: boolean;
     hasHint?: boolean;
+    enableSelectAll?: boolean;
+    selectAllSticky?: boolean;
 };
 
 const view = ['default', 'accent', 'secondary', 'clear', 'positive', 'warning', 'negative', 'dark', 'black', 'white'];
@@ -196,6 +198,13 @@ const meta: Meta<StorySelectProps> = {
             options: ['default', 'text'],
             if: { arg: 'target', eq: 'textfield-like' },
         },
+        enableSelectAll: {
+            control: 'boolean',
+        },
+        selectAllSticky: {
+            control: 'boolean',
+            if: { arg: 'enableSelectAll', truthy: true },
+        },
     },
     args: {
         target: 'textfield-like',
@@ -225,6 +234,8 @@ const meta: Meta<StorySelectProps> = {
         hintPlacement: 'auto',
         hintWidth: '10rem',
         hintHasArrow: true,
+        enableSelectAll: false,
+        selectAllSticky: false,
     },
     parameters: {
         controls: {
@@ -260,6 +271,8 @@ const meta: Meta<StorySelectProps> = {
                 'hintPlacement',
                 'hintWidth',
                 'hintHasArrow',
+                'enableSelectAll',
+                'selectAllSticky',
             ],
         },
     },
@@ -498,7 +511,7 @@ const SingleStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount', 'chipType', 'enableSelectAll'],
         },
     },
     render: (args) => <SingleStory {...args} />,
@@ -507,7 +520,7 @@ export const Single: StoryObj<StorySelectProps> = {
     },
 };
 
-const MultiselectStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
+const MultiselectStory = ({ enableContentLeft, enableSelectAll, selectAllSticky, ...args }: StorySelectProps) => {
     const [value, setValue] = useState<Array<string>>([]);
 
     return (
@@ -518,6 +531,7 @@ const MultiselectStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
                 value={value}
                 onChange={setValue}
                 contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                selectAllOptions={enableSelectAll ? { sticky: selectAllSticky || false } : undefined}
             />
         </div>
     );
@@ -560,6 +574,11 @@ const PredefinedStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
 };
 
 export const Predefined: StoryObj<StorySelectProps> = {
+    parameters: {
+        controls: {
+            exclude: ['enableSelectAll'],
+        },
+    },
     render: (args) => <PredefinedStory {...args} />,
 };
 
@@ -983,7 +1002,7 @@ const CommonStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
 export const Common: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['target', 'view'],
+            exclude: ['target', 'view', 'enableSelectAll'],
         },
     },
     argTypes: {