@arbor-education/design-system.components 0.14.0 → 0.16.0

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts

@@ -1,173 +1,195 @@
-import type { Meta } from '@storybook/react-vite';
+import type { StoryObj } from '@storybook/react-vite';
 import { SelectDropdown } from './SelectDropdown';
-declare const meta: Meta<typeof SelectDropdown>;
-export declare const Default: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        multiple: boolean;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const WithIcon: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-            icon: string;
-        }[];
-        multiple: boolean;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const DefaultWithGroups: {
-    args: {
-        title: string;
-        multiple: boolean;
-        options: ({
-            label: string;
-            value: string;
-            group: string;
-        } | {
-            label: string;
-            value: string;
-            group?: undefined;
-        })[];
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const DefaultMultiSelect: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        multiple: boolean;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const Placeholder: {
-    args: {
-        placeholder: string;
-        title: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        onSelectionChange: (value: string[]) => void;
+declare function SelectDropdownDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: import("./SelectDropdown").SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof SelectDropdownDocsPage;
+        };
     };
-};
-export declare const EmptyPlaceHolder: {
-    args: {
-        placeholder: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        disabled: boolean;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const WithError: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        disabled: boolean;
-        errorText: string;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const Disabled: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        disabled: boolean;
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const WithGroups: {
-    args: {
-        title: string;
-        options: ({
-            label: string;
-            value: string;
-            group: string;
-        } | {
-            label: string;
-            value: string;
-            group?: undefined;
-        })[];
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const MultilineItems: {
-    args: {
-        title: string;
-        options: {
-            label: string;
-            value: string;
-            header: string;
-        }[];
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const MultilineItemsGrouped: {
-    args: {
-        title: string;
-        options: ({
-            label: string;
-            value: string;
-            header: string;
-            group?: undefined;
-        } | {
-            label: string;
-            value: string;
-            header: string;
-            group: string;
-        })[];
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const MultilineItemsGroupedMultiSelect: {
-    args: {
-        title: string;
-        multiple: boolean;
-        options: ({
-            label: string;
-            value: string;
-            header: string;
-            group: string;
-        } | {
-            label: string;
-            value: string;
-            header: string;
-            group?: undefined;
-        })[];
-        onSelectionChange: (value: string[]) => void;
-    };
-};
-export declare const ControlledOpen: {
-    args: {
-        title: string;
+    argTypes: {
         options: {
-            label: string;
-            value: string;
-        }[];
-        open: boolean;
-        onOpenChange: (open: boolean) => void;
-        onSelectionChange: (value: string[]) => void;
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        multiple: {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hasError: {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        'aria-invalid': {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        'aria-describedBy': {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        alwaysShowPlaceholder: {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        initialSelectedValues: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selectedValues: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onSelectionChange: {
+            description: string;
+            action: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        open: {
+            description: string;
+            control: "boolean";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onOpenChange: {
+            description: string;
+            action: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default meta;
+type Story = StoryObj<typeof SelectDropdown>;
+export declare const Default: Story;
+export declare const WithInitialSelection: Story;
+export declare const MultiSelect: Story;
+export declare const MultiSelectWithCount: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const WithIcons: Story;
+export declare const WithItemHeaders: Story;
+export declare const WithGroups: Story;
+export declare const WithGroupsMultiSelect: Story;
+export declare const AlwaysShowPlaceholder: Story;
+export declare const ControlledSingleSelect: Story;
+export declare const ControlledOpen: Story;
+export declare const InsideFormField: Story;
+export declare const InsideFormFieldWithError: Story;
 //# sourceMappingURL=SelectDropdown.stories.d.ts.map

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAGrC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;mCASW,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;mCAeC,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;mCASA,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;mCASO,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;mCASE,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;mCAUS,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;mCAYQ,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;mCASI,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;mCAcH,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;mCAed,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;6BASF,OAAO;mCACD,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SelectDropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6FlD,iBAAS,sBAAsB,4CAmB9B;AAsDD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6J6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAsN7C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuClC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmCxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAiCnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAwCpC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA0C5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA2C7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAyCtC,CAAC"}