@arbor-education/design-system.components 0.15.0 → 0.16.1

package/dist/components/table/tableControls/TableSettingsDropdown.test.js

@@ -0,0 +1,178 @@
+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 { TableSettingsDropdown } from './TableSettingsDropdown';
+import { TableSettingsContext } from '../TableSettingsContext';
+import { TABLE_SPACING } from '../tableConsts';
+import { useTableSettings } from '../useTableSettings';
+const buildContextValue = (overrides = {}) => ({
+    settings: {
+        hasColumnBorders: false,
+        tableSpacing: TABLE_SPACING.S,
+        areCellColorsEnabled: true,
+    },
+    setTableSpacing: vi.fn(),
+    setHasColumnBorders: vi.fn(),
+    resetSettings: vi.fn(),
+    setAreCellColorsEnabled: vi.fn(),
+    ...overrides,
+});
+const renderDropdown = (ui, contextValue = buildContextValue()) => {
+    return render(_jsx(TableSettingsContext.Provider, { value: contextValue, children: ui }));
+};
+const openDropdown = async () => {
+    const trigger = screen.getByRole('button', { name: /table settings/i });
+    await userEvent.click(trigger);
+};
+describe('TableSettingsDropdown', () => {
+    describe('default items (no items prop)', () => {
+        test('renders the settings trigger button', () => {
+            renderDropdown(_jsx(TableSettingsDropdown, {}));
+            expect(screen.getByRole('button', { name: /table settings/i })).toBeInTheDocument();
+        });
+        test('shows table spacing radio group when opened', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, {}));
+            await openDropdown();
+            expect(await screen.findByRole('group', { name: /table spacing/i })).toBeInTheDocument();
+        });
+        test('shows column borders checkbox when opened', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, {}));
+            await openDropdown();
+            expect(await screen.findByRole('checkbox', { name: /column borders/i })).toBeInTheDocument();
+        });
+        test('shows cell colours checkbox when opened', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, {}));
+            await openDropdown();
+            expect(await screen.findByRole('checkbox', { name: /cell colours/i })).toBeInTheDocument();
+        });
+        test('shows reset button when opened', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, {}));
+            await openDropdown();
+            expect(await screen.findByRole('button', { name: /reset table settings/i })).toBeInTheDocument();
+        });
+    });
+    describe('items prop - opt-in to specific built-in items', () => {
+        test('shows only table spacing when items contains only tableSpacing', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['tableSpacing'] }));
+            await openDropdown();
+            expect(await screen.findByRole('group', { name: /table spacing/i })).toBeInTheDocument();
+            expect(screen.queryByRole('checkbox', { name: /column borders/i })).not.toBeInTheDocument();
+            expect(screen.queryByRole('checkbox', { name: /cell colours/i })).not.toBeInTheDocument();
+        });
+        test('shows both style checkboxes when style is included in items', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['style'] }));
+            await openDropdown();
+            expect(await screen.findByRole('checkbox', { name: /column borders/i })).toBeInTheDocument();
+            expect(screen.getByRole('checkbox', { name: /cell colours/i })).toBeInTheDocument();
+        });
+        test('does not render table spacing when not included in items', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['style'] }));
+            await openDropdown();
+            await screen.findByRole('checkbox', { name: /column borders/i });
+            expect(screen.queryByRole('group', { name: /table spacing/i })).not.toBeInTheDocument();
+        });
+        test('does not render style checkboxes when style is not included in items', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['tableSpacing'] }));
+            await openDropdown();
+            await screen.findByRole('group', { name: /table spacing/i });
+            expect(screen.queryByRole('checkbox', { name: /column borders/i })).not.toBeInTheDocument();
+            expect(screen.queryByRole('checkbox', { name: /cell colours/i })).not.toBeInTheDocument();
+        });
+    });
+    describe('separator item', () => {
+        test('renders a separator when separator is included in items', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['tableSpacing', 'separator', 'style'] }));
+            await openDropdown();
+            await screen.findByRole('group', { name: /table spacing/i });
+            // 2 separators: 1 from the items array, 1 always-present above the reset button
+            expect(screen.getAllByRole('separator')).toHaveLength(2);
+        });
+    });
+    describe('custom items - checkboxGroup', () => {
+        test('renders a checkbox group with the provided legend', async () => {
+            const customItem = { type: 'checkboxGroup', legend: 'View options', options: [{ label: 'Show archived rows', checked: false, onChange: vi.fn() }] };
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [customItem] }));
+            await openDropdown();
+            expect(await screen.findByRole('group', { name: /view options/i })).toBeInTheDocument();
+        });
+        test('renders custom checkbox options with provided labels', async () => {
+            const customItem = { type: 'checkboxGroup', options: [{ label: 'Show archived rows', checked: false, onChange: vi.fn() }] };
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [customItem] }));
+            await openDropdown();
+            expect(await screen.findByRole('checkbox', { name: /show archived rows/i })).toBeInTheDocument();
+        });
+        test('reflects the checked state of a custom checkbox option', async () => {
+            const customItem = { type: 'checkboxGroup', options: [{ label: 'Show archived rows', checked: true, onChange: vi.fn() }] };
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [customItem] }));
+            await openDropdown();
+            const checkbox = await screen.findByRole('checkbox', { name: /show archived rows/i });
+            expect(checkbox).toBeChecked();
+        });
+        test('calls onChange with the new checked value when a custom checkbox option is clicked', async () => {
+            const onChange = vi.fn();
+            const customItem = { type: 'checkboxGroup', options: [{ label: 'Show archived rows', checked: false, onChange }] };
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [customItem] }));
+            await openDropdown();
+            const checkbox = await screen.findByRole('checkbox', { name: /show archived rows/i });
+            await userEvent.click(checkbox);
+            expect(onChange).toHaveBeenCalledWith(true);
+        });
+    });
+    describe('custom items - radioGroup', () => {
+        const buildRadioItem = (overrides = {}) => ({
+            type: 'radioGroup',
+            legend: 'Grouping',
+            name: 'ds-grouping',
+            checkedValue: 'week',
+            onChange: vi.fn(),
+            options: [
+                { label: 'Day', value: 'day' },
+                { label: 'Week', value: 'week' },
+            ],
+            ...overrides,
+        });
+        test('renders a radio group with the provided legend', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [buildRadioItem()] }));
+            await openDropdown();
+            expect(await screen.findByRole('group', { name: /grouping/i })).toBeInTheDocument();
+        });
+        test('renders custom radio options with provided labels', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [buildRadioItem()] }));
+            await openDropdown();
+            expect(await screen.findByRole('radio', { name: /day/i })).toBeInTheDocument();
+            expect(screen.getByRole('radio', { name: /week/i })).toBeInTheDocument();
+        });
+        test('reflects the checkedValue by checking the matching radio', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [buildRadioItem({ checkedValue: 'day' })] }));
+            await openDropdown();
+            expect(await screen.findByRole('radio', { name: /day/i })).toBeChecked();
+            expect(screen.getByRole('radio', { name: /week/i })).not.toBeChecked();
+        });
+        test('calls onChange with the selected value when a radio option is clicked', async () => {
+            const onChange = vi.fn();
+            renderDropdown(_jsx(TableSettingsDropdown, { items: [buildRadioItem({ onChange })] }));
+            await openDropdown();
+            const dayRadio = await screen.findByRole('radio', { name: /day/i });
+            await userEvent.click(dayRadio);
+            expect(onChange).toHaveBeenCalledWith('day');
+        });
+    });
+    describe('reset button', () => {
+        test('reset button is always present regardless of items prop', async () => {
+            renderDropdown(_jsx(TableSettingsDropdown, { items: ['tableSpacing'] }));
+            await openDropdown();
+            expect(await screen.findByRole('button', { name: /reset table settings/i })).toBeInTheDocument();
+        });
+        test('calls resetSettings from context when reset button is clicked', async () => {
+            const resetSettings = vi.fn();
+            renderDropdown(_jsx(TableSettingsDropdown, {}), buildContextValue({ resetSettings }));
+            await openDropdown();
+            const resetButton = await screen.findByRole('button', { name: /reset table settings/i });
+            await userEvent.click(resetButton);
+            expect(resetSettings).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=TableSettingsDropdown.test.js.map

package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map

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

package/dist/components/tabs/Tabs.stories.d.ts

@@ -1,4 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite';
+declare function TabsDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
     component: {
@@ -16,25 +17,42 @@ declare const meta: {
             tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>;
         }) & import("react").HTMLAttributes<HTMLLIElement>)) => import("react/jsx-runtime").JSX.Element;
     };
+    tags: string[];
     parameters: {
         layout: string;
+        docs: {
+            page: typeof TabsDocsPage;
+        };
     };
-    tags: string[];
     argTypes: {
         children: {
             control: false;
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         className: {
             control: "text";
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithLinks: Story;
-export declare const Mixed: Story;
-export declare const ManyTabs: Story;
+export declare const WithIcons: Story;
+export declare const WithLinkTabs: Story;
+export declare const WithManyTabs: Story;
+export declare const MixedButtonAndLink: Story;
 //# sourceMappingURL=Tabs.stories.d.ts.map

package/dist/components/tabs/Tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuI5D,iBAAS,YAAY,4CAmBpB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuInC,eAAO,MAAM,OAAO,EAAE,KAuDrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoDvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC"}