@arbor-education/design-system.components 0.1.2 → 0.1.3

package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.js

@@ -0,0 +1,88 @@
+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 { ColourPickerDropdown } from './ColourPickerDropdown';
+// Mock the Sketch component from @uiw/react-color
+vi.mock('@uiw/react-color', () => ({
+    Sketch: ({ onChange, color }) => {
+        return (_jsx("div", { "data-testid": "sketch-color-picker", "data-color": color, children: _jsx("button", { "data-testid": "color-change-button", onClick: () => {
+                    onChange({ hex: '#ff0000' });
+                }, children: "Change Color" }) }));
+    },
+}));
+describe('ColourPickerDropdown component', () => {
+    test('renders the component', () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { onChange: onChange }));
+        expect(screen.getByText('Toggle colour picker.')).toBeInTheDocument();
+    });
+    test('respects the disabled prop', () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { onChange: onChange, disabled: true }));
+        expect(screen.getByRole('button')).toBeDisabled();
+    });
+    test('uses default value when no value prop is provided', () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { onChange: onChange }));
+        const defaultValue = '#3cad51';
+        const preview = screen.getByRole('button').querySelector('.ds-colour-picker-dropdown__preview');
+        expect(preview).toHaveStyle({ backgroundColor: defaultValue });
+        expect(screen.getByText(`current colour: ${defaultValue}`)).toBeInTheDocument();
+    });
+    test('uses provided value prop', () => {
+        const onChange = vi.fn();
+        const passedValue = '#ff0000';
+        render(_jsx(ColourPickerDropdown, { value: passedValue, onChange: onChange }));
+        const preview = screen.getByRole('button').querySelector('.ds-colour-picker-dropdown__preview');
+        expect(preview).toHaveStyle({ backgroundColor: passedValue });
+        expect(screen.getByText(`current colour: ${passedValue}`)).toBeInTheDocument();
+    });
+    test('updates preview color when value prop changes', () => {
+        const onChange = vi.fn();
+        const firstValue = '#ff0000';
+        const secondValue = '#0000ff';
+        const { rerender } = render(_jsx(ColourPickerDropdown, { value: firstValue, onChange: onChange }));
+        let preview = screen.getByRole('button').querySelector('.ds-colour-picker-dropdown__preview');
+        expect(preview).toHaveStyle({ backgroundColor: firstValue });
+        expect(screen.getByText(`current colour: ${firstValue}`)).toBeInTheDocument();
+        rerender(_jsx(ColourPickerDropdown, { value: secondValue, onChange: onChange }));
+        preview = screen.getByRole('button').querySelector('.ds-colour-picker-dropdown__preview');
+        expect(preview).toHaveStyle({ backgroundColor: secondValue });
+        expect(screen.getByText(`current colour: ${secondValue}`)).toBeInTheDocument();
+    });
+    test('calls onChange when color is changed', async () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { onChange: onChange }));
+        const trigger = screen.getByRole('button');
+        await userEvent.click(trigger);
+        const colorPicker = await screen.findByTestId('sketch-color-picker');
+        expect(colorPicker).toBeInTheDocument();
+        const changeButton = screen.getByTestId('color-change-button');
+        await userEvent.click(changeButton);
+        expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ hex: '#ff0000' }));
+    });
+    test('updates preview color when color is changed', async () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { onChange: onChange }));
+        const trigger = screen.getByRole('button');
+        await userEvent.click(trigger);
+        await screen.findByTestId('sketch-color-picker');
+        const changeButton = screen.getByTestId('color-change-button');
+        await userEvent.click(changeButton);
+        const currentColour = screen.getByText('current colour: #ff0000');
+        expect(currentColour).toBeInTheDocument();
+        expect(currentColour.parentElement).toHaveStyle({ backgroundColor: '#ff0000' });
+    });
+    test('renders color picker with correct initial color', async () => {
+        const onChange = vi.fn();
+        render(_jsx(ColourPickerDropdown, { value: "#00ff00", onChange: onChange }));
+        expect(screen.getByText('current colour: #00ff00')).toBeInTheDocument();
+        const trigger = screen.getByRole('button');
+        await userEvent.click(trigger);
+        const colorPicker = await screen.findByTestId('sketch-color-picker');
+        expect(colorPicker).toHaveAttribute('data-color', '#00ff00');
+    });
+});
+//# sourceMappingURL=ColourPickerDropdown.test.js.map

package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.test.js.map

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

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

@@ -0,0 +1,11 @@
+import { type DropdownOptionsProps } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
+export type DropdownInputProps = {
+    placeholder?: string;
+    options: DropdownOptionsProps[];
+    multiple?: boolean;
+    disabled?: boolean;
+    errorText?: string;
+    onSelectionChange: (value: string[]) => void;
+};
+export declare const Dropdown: (props: DropdownInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,kBAAkB,4CAiEjD,CAAC"}

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { DropdownWrapper } from '../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
+import { DropdownItemRenderer, } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
+export const Dropdown = (props) => {
+    const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
+    const [selectedValues, setSelectedValues] = useState([]);
+    const [renderedSelectContent, setRenderedSelectContent] = useState('');
+    useEffect(() => {
+        onSelectionChange(selectedValues);
+        if (selectedValues.length === 0) {
+            setRenderedSelectContent(placeholder ?? 'Select');
+        }
+        else if (selectedValues.length === 1) {
+            const selectedLabel = options.find(option => option.value === selectedValues[0])?.label;
+            if (selectedLabel)
+                setRenderedSelectContent(selectedLabel);
+        }
+        else {
+            setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
+        }
+    }, [selectedValues, options, placeholder, onSelectionChange]);
+    // Flatten grouped options into a single array with headers
+    const UNGROUPED_KEY = 'Ungrouped';
+    const groupedOptions = options.reduce((acc, option) => {
+        const key = option.group ?? UNGROUPED_KEY;
+        if (!acc[key])
+            acc[key] = [];
+        acc[key].push(option);
+        return acc;
+    }, {});
+    const flatOptions = [];
+    Object.entries(groupedOptions).forEach(([groupName, groupItems]) => {
+        if (Object.keys(groupedOptions).length > 1) {
+            flatOptions.push({ headerLabel: groupName });
+        }
+        flatOptions.push(...groupItems);
+    });
+    return (_jsx(DropdownWrapper, { placeholder: renderedSelectContent, multiple: multiple, errorText: errorText, onSelectionChange: (value) => setSelectedValues(value), disabled: disabled, children: flatOptions.map(item => 'headerLabel' in item
+            ? (_jsx("h3", { className: "ds-dropdown-wrapper--items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
+            : (_jsx(DropdownItemRenderer, { value: item.value, header: item.header, label: item.label, icon: item.icon }, item.value))) }));
+};
+//# sourceMappingURL=Dropdown.js.map

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

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

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