@arbor-education/design-system.components 0.0.3 → 0.0.5

package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,161 @@
+import type { Meta } from '@storybook/react-vite';
+import { Dropdown } from './Dropdown';
+declare const meta: Meta<typeof Dropdown>;
+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;
+    };
+};
+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 default meta;
+//# sourceMappingURL=Dropdown.stories.d.ts.map

package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,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;AACF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/dropdown/Dropdown.stories.js

@@ -0,0 +1,172 @@
+import { Dropdown } from './Dropdown';
+const meta = {
+    title: 'Components/Dropdown',
+    component: Dropdown,
+};
+export const Default = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        multiple: false,
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const WithIcon = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1', icon: '3-dot' },
+            { label: 'Option 2', value: 'option2', icon: 'user' },
+            { label: 'Option 3', value: 'option3', icon: 'chart-spline' },
+        ],
+        multiple: true,
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const DefaultWithGroups = {
+    args: {
+        title: 'titleValue',
+        multiple: true,
+        options: [
+            { label: 'Option 5', value: 'option5', group: 'Group 1' },
+            { label: 'Option 6', value: 'option6', group: 'Group 1' },
+            { label: 'Option 7', value: 'option7', group: 'Group 2' },
+            { label: 'Option 8', value: 'option8', group: 'Group 2' },
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+            { label: 'Option 4', value: 'option4' },
+            { label: 'Option 9', value: 'option9' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const DefaultMultiSelect = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        multiple: true,
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const Placeholder = {
+    args: {
+        placeholder: 'placeholder',
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const EmptyPlaceHolder = {
+    args: {
+        placeholder: '',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        disabled: false,
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const WithError = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        disabled: false,
+        errorText: 'This field is required',
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const Disabled = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+            { label: 'Option 3', value: 'option3' },
+        ],
+        disabled: true,
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const WithGroups = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1', group: 'Group 1' },
+            { label: 'Option 2', value: 'option2', group: 'Group 1' },
+            { label: 'Option 4', value: 'option4', group: 'Group 2' },
+            { label: 'Option 5', value: 'option5', group: 'Group 2' },
+            { label: 'Option 3', value: 'option3' },
+            { label: 'Option 6', value: 'option6' },
+            { label: 'Option 7', value: 'option7' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const MultilineItems = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1', header: 'header1' },
+            { label: 'Option 2', value: 'option2', header: 'header2' },
+            { label: 'Option 3', value: 'option3', header: 'header3' },
+            { label: 'Option 4', value: 'option4', header: 'header4' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const MultilineItemsGrouped = {
+    args: {
+        title: 'titleValue',
+        options: [
+            { label: 'Option 1', value: 'option1', header: 'header1' },
+            { label: 'Option 2', value: 'option2', header: 'header2' },
+            { label: 'Option 3', value: 'option3', header: 'header3' },
+            { label: 'Option 4', value: 'option4', header: 'header4' },
+            { label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
+            { label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
+            { label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
+            { label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
+            { label: 'Option 9', value: 'option9', header: 'header9' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export const MultilineItemsGroupedMultiSelect = {
+    args: {
+        title: 'titleValue',
+        multiple: true,
+        options: [
+            { label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
+            { label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
+            { label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
+            { label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
+            { label: 'Option 1', value: 'option1', header: 'header1' },
+            { label: 'Option 2', value: 'option2', header: 'header2' },
+            { label: 'Option 3', value: 'option3', header: 'header3' },
+            { label: 'Option 4', value: 'option4', header: 'header4' },
+            { label: 'Option 9', value: 'option9', header: 'header9' },
+        ],
+        onSelectionChange: (value) => { console.log(value); },
+    },
+};
+export default meta;
+//# sourceMappingURL=Dropdown.stories.js.map

package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Dropdown.test.d.ts.map

package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/formField/inputs/dropdown/Dropdown.test.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { Dropdown } from './Dropdown';
+describe('Dropdown component', () => {
+    test('renders with default placeholder', () => {
+        render(_jsx(Dropdown, { onSelectionChange: vi.fn(), disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
+        expect(screen.getByText('Select')).toBeInTheDocument();
+    });
+    test('renders custom placeholder', () => {
+        render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
+        expect(screen.getByText("Hello I'm a Dropdown!")).toBeInTheDocument();
+    });
+    test('click opens options', async () => {
+        render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
+        await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
+        expect(await screen.findByText('Label 1')).toBeInTheDocument();
+    });
+    test('does not open options when disabled', async () => {
+        render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Disabled Dropdown", disabled: true, options: [{ label: 'Label 1', value: 'label1' }] }));
+        await userEvent.click(screen.getByText('Disabled Dropdown'));
+        expect(screen.queryByText('Label 1')).toBeNull();
+    });
+    test('clicking option triggers onSelectionChange', async () => {
+        const onSelectionChange = vi.fn();
+        render(_jsx(Dropdown, { onSelectionChange: onSelectionChange, placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
+        await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
+        const option = await screen.findByText('Label 1');
+        await userEvent.click(option);
+        expect(onSelectionChange).toHaveBeenCalledWith(['label1']);
+    });
+    test('renders multiple options (Default story)', async () => {
+        render(_jsx(Dropdown, { options: [
+                { label: 'Option 1', value: 'option1' },
+                { label: 'Option 2', value: 'option2' },
+                { label: 'Option 3', value: 'option3' },
+            ], onSelectionChange: vi.fn() }));
+        await userEvent.click(screen.getByText('Select'));
+        expect(await screen.findByText('Option 1')).toBeInTheDocument();
+        expect(screen.getByText('Option 2')).toBeInTheDocument();
+        expect(screen.getByText('Option 3')).toBeInTheDocument();
+    });
+    test('renders icons (WithIcon story)', async () => {
+        render(_jsx(Dropdown, { options: [
+                { label: 'Option 1', value: 'option1', icon: '3-dot' },
+                { label: 'Option 2', value: 'option2', icon: 'user' },
+            ], multiple: true, onSelectionChange: vi.fn() }));
+        await userEvent.click(screen.getByText('Select'));
+        expect(await screen.findByText('Option 1')).toBeInTheDocument();
+        expect(screen.getByText('Option 2')).toBeInTheDocument();
+    });
+    test('supports multi-select (DefaultMultiSelect story)', async () => {
+        const onSelectionChange = vi.fn();
+        render(_jsx(Dropdown, { multiple: true, options: [
+                { label: 'Option 1', value: 'option1' },
+                { label: 'Option 2', value: 'option2' },
+            ], onSelectionChange: onSelectionChange }));
+        await userEvent.click(screen.getByText('Select'));
+        const option1 = await screen.findByText('Option 1');
+        const option2 = screen.getByText('Option 2');
+        await userEvent.click(option1);
+        await userEvent.click(option2);
+        expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
+    });
+    test('applies error class when errorText is provided', () => {
+        render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, errorText: "Something went wrong", options: [{ label: 'Label 1', value: 'label1' }] }));
+        const selectElement = screen.getByRole('button');
+        expect(selectElement).toHaveClass('ds-button--error');
+    });
+    test('renders grouped options (WithGroups story)', async () => {
+        render(_jsx(Dropdown, { options: [
+                { label: 'Option 1', value: 'option1', group: 'Group 1' },
+                { label: 'Option 2', value: 'option2', group: 'Group 1' },
+                { label: 'Option 3', value: 'option3' },
+            ], onSelectionChange: vi.fn() }));
+        await userEvent.click(screen.getByText('Select'));
+        expect(await screen.findByText('Group 1')).toBeInTheDocument();
+        expect(screen.getByText('Option 1')).toBeInTheDocument();
+        expect(screen.getByText('Option 3')).toBeInTheDocument();
+    });
+    test('renders multiline items (MultilineItems story)', async () => {
+        render(_jsx(Dropdown, { options: [
+                { label: 'Option 1', value: 'option1', header: 'header1' },
+                { label: 'Option 2', value: 'option2', header: 'header2' },
+            ], onSelectionChange: vi.fn() }));
+        await userEvent.click(screen.getByText('Select'));
+        expect(await screen.findByText('Option 1')).toBeInTheDocument();
+        expect(screen.getByText('header1')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Dropdown.test.js.map

package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type DropdownButtonProps = {
+    label: string;
+    disabled?: boolean;
+    error?: boolean;
+    pressed?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const DropdownButton: React.FC<DropdownButtonProps>;
+export {};
+//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAC"}

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Icon } from '../../../../../icon/Icon';
+import { Button } from '../../../../../button/Button';
+export const DropdownButton = (props) => {
+    const { label, disabled, error, pressed, onClick, } = props;
+    const classNames = [
+        'ds-dropdown-select',
+        pressed ? 'ds-dropdown-select--pressed' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs(Button, { error: error, type: "dropdown", className: classNames, disabled: disabled, onClick: onClick, children: [_jsx("span", { children: label }), _jsx("span", { className: "ds-dropdown-select--icon", children: _jsx(Icon, { name: "chevron-down" }) })] }));
+};
+//# sourceMappingURL=DropdownButton.js.map

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAUlD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAA0B,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KAC7C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEhB,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GAAO,IACvE,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts

@@ -0,0 +1,10 @@
+import { type DropdownItemBaseProps } from '../wrapper/DropdownWrapper';
+import type { allowedIcons } from '../../../../icon/allowedIcons';
+export type DropdownOptionsProps = {
+    label: string;
+    header?: string;
+    group?: string;
+    icon?: keyof typeof allowedIcons;
+} & DropdownItemBaseProps;
+export declare const DropdownItemRenderer: (props: DropdownOptionsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownItemRenderer.d.ts.map

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,OAAO,oBAAoB,4CAwB/D,CAAC"}

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// DropdownItemRenderer.tsx
+import { DropdownItem } from './dropdownItem/DropdownItem';
+import { DropdownMultiLineItem } from './dropdownMultiLineItem/DropdownMultiLineItem';
+import {} from '../wrapper/DropdownWrapper';
+export const DropdownItemRenderer = (props) => {
+    const { value, label, header, icon, selected, onSelection } = props;
+    return (header
+        ? (_jsx(DropdownMultiLineItem, { value: value, label: label, header: header, selected: selected, onSelection: onSelection }))
+        : (_jsx(DropdownItem, { value: value, label: label, icon: icon, selected: selected, onSelection: onSelection })));
+};
+//# sourceMappingURL=DropdownItemRenderer.js.map

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemRenderer.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAA8B,MAAM,4BAA4B,CAAC;AAUxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,CACL,MAAM;QACJ,CAAC,CAAC,CACE,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH;QACH,CAAC,CAAC,CACE,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts

@@ -0,0 +1,9 @@
+import { allowedIcons } from '../../../../../icon/allowedIcons';
+import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
+export type DropdownItemProps = {
+    value: string;
+    label?: string;
+    icon?: keyof typeof allowedIcons;
+} & DropdownItemBaseProps;
+export declare const DropdownItem: (props: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAE1G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAqCpD,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { allowedIcons } from '../../../../../icon/allowedIcons';
+import { Icon } from '../../../../../icon/Icon';
+import classNames from 'classnames';
+export const DropdownItem = (props) => {
+    const { label, value, icon, selected = false, onSelection, id } = props;
+    const itemClassNames = classNames('ds-dropdown-item', {
+        'ds-dropdown-item--pressed': selected,
+    });
+    return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelection?.(value);
+            }
+        }, children: _jsxs("div", { className: "ds-dropdown-item--content", children: [icon && (_jsx("span", { className: "ds-dropdown-item--icon", children: _jsx(Icon, { name: icon, size: 16 }) })), _jsx("span", { className: "ds-dropdown-item--label", children: label ? label : value }), selected && (_jsx("span", { className: "ds-dropdown-item--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }) }));
+};
+//# sourceMappingURL=DropdownItem.js.map

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,wBAAwB,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,CACR,EACD,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,EACvE,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,8BAA8B,YAC5C,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts

@@ -0,0 +1,7 @@
+import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
+export type DropdownMultiLineItemProps = {
+    header: string;
+    label: string;
+} & DropdownItemBaseProps;
+export declare const DropdownMultiLineItem: (props: DropdownMultiLineItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownMultiLineItem.d.ts.map

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMultiLineItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAG1G,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAqCtE,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames'; // Import the classNames utility
+import { Icon } from '../../../../../icon/Icon'; // Import the Icon component
+export const DropdownMultiLineItem = (props) => {
+    const { value, label, header, selected, onSelection, id } = props;
+    const itemClassNames = classNames('ds-dropdown-item', {
+        'ds-dropdown-item--pressed': selected,
+    });
+    return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelection?.(value);
+            }
+        }, children: _jsxs("div", { className: "ds-dropdown-item-multiline ds-dropdown-item--content", children: [_jsxs("h4", { className: "ds-dropdown-item-multiline--header", children: [header, selected && (_jsx("span", { className: "ds-dropdown-item-multiline--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }), _jsx("div", { className: "ds-dropdown-item-multiline--content", children: label ? label : value })] }) }));
+};
+//# sourceMappingURL=DropdownMultiLineItem.js.map

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMultiLineItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC,CAAC,gCAAgC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC,CAAC,4BAA4B;AASzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAElE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAI,SAAS,EAAC,oCAAoC,aAC/C,MAAM,EACN,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,wCAAwC,YACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACE,EACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAClB,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts

@@ -0,0 +1,16 @@
+import React, { type SelectHTMLAttributes, type ReactNode } from 'react';
+export type DropdownItemBaseProps = {
+    value: string;
+    selected?: boolean;
+    onSelection?: (value: string) => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type DropdownWrapperProps = {
+    placeholder?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    errorText?: string;
+    children: ReactNode;
+    onSelectionChange: (value: string[]) => void;
+} & SelectHTMLAttributes<HTMLSelectElement>;
+export declare const DropdownWrapper: (props: DropdownWrapperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownWrapper.d.ts.map

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAgH1D,CAAC"}