@arbor-education/design-system.components 0.12.0 → 0.13.1

package/dist/components/table/cellEditors/DateCellEditor.test.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen, within, fireEvent } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { DateCellEditor } from './DateCellEditor';
+const createMockProps = (overrides = {}) => ({
+    value: undefined,
+    initialValue: undefined,
+    onValueChange: vi.fn(),
+    colDef: { cellEditorParams: {} },
+    ...overrides,
+});
+const getDateField = (container) => container.querySelector('input[type="date"]');
+describe('DateCellEditor', () => {
+    test('renders a date picker', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps() }));
+        expect(getDateField(container)).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'Open date picker' })).toBeInTheDocument();
+    });
+    test('displays the provided value', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ value: new Date(2024, 5, 15) }) }));
+        expect(getDateField(container)).toHaveValue('2024-06-15');
+    });
+    test('displays empty when value is undefined', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ value: undefined }) }));
+        expect(getDateField(container)).toHaveValue('');
+    });
+    test('displays empty when value is null', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ value: null }) }));
+        expect(getDateField(container)).toHaveValue('');
+    });
+    test('calls onValueChange when a date is typed', () => {
+        const onValueChange = vi.fn();
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ onValueChange }) }));
+        onValueChange.mockClear();
+        fireEvent.change(getDateField(container), { target: { value: '2024-06-15' } });
+        expect(onValueChange).toHaveBeenCalledWith(expect.any(Date));
+        const lastDate = onValueChange.mock.lastCall[0];
+        expect(lastDate.getFullYear()).toBe(2024);
+        expect(lastDate.getMonth()).toBe(5);
+        expect(lastDate.getDate()).toBe(15);
+    });
+    test('calls onValueChange when a date is picked from the calendar', async () => {
+        const onValueChange = vi.fn();
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ onValueChange }) }));
+        // Navigate to a known month via text input first
+        fireEvent.change(getDateField(container), { target: { value: '2024-06-01' } });
+        onValueChange.mockClear();
+        await userEvent.click(screen.getByRole('button', { name: 'Open date picker' }));
+        await userEvent.click(within(screen.getByRole('application')).getByRole('button', { name: /June 20/ }));
+        expect(onValueChange).toHaveBeenCalledWith(expect.any(Date));
+        const lastDate = onValueChange.mock.lastCall[0];
+        expect(lastDate.getFullYear()).toBe(2024);
+        expect(lastDate.getMonth()).toBe(5);
+        expect(lastDate.getDate()).toBe(20);
+    });
+    test('calls onValueChange with undefined when the date is cleared', () => {
+        const onValueChange = vi.fn();
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ value: new Date(2024, 5, 15), onValueChange }) }));
+        onValueChange.mockClear();
+        fireEvent.change(getDateField(container), { target: { value: '' } });
+        expect(onValueChange).toHaveBeenCalledWith(undefined);
+    });
+    test('autofocuses the date input on mount', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps() }));
+        expect(getDateField(container)).toHaveFocus();
+    });
+    test('autofocuses the date input even when a value is already set', () => {
+        const { container } = render(_jsx(DateCellEditor, { ...createMockProps({ value: new Date(2024, 5, 15) }) }));
+        expect(getDateField(container)).toHaveFocus();
+    });
+    test('passes cellEditorParams through to DatePicker', () => {
+        render(_jsx(DateCellEditor, { ...createMockProps({
+                value: undefined,
+                colDef: { cellEditorParams: { placeholder: 'Pick a birthday' } },
+            }) }));
+        expect(screen.getByText('Pick a birthday')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=DateCellEditor.test.js.map

package/dist/components/table/cellEditors/DateCellEditor.test.js.map

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

package/dist/components/tag/Tag.stories.d.ts

@@ -1,15 +1,126 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Tag } from './Tag';
-declare const meta: Meta<typeof Tag>;
+import type { StoryObj } from '@storybook/react-vite';
+import { Tag, type TagColor } from './Tag';
+declare function TagDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: ({ children, color, selected, slotStart, slotEnd, onRemove, removeLabel, removeButtonTabIndex, }: import("./Tag").TagProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof TagDocsPage;
+        };
+    };
+    argTypes: {
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: "select";
+            options: TagColor[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selected: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        slotStart: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        slotEnd: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onRemove: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        removeLabel: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        removeButtonTabIndex: {
+            control: "select";
+            options: number[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
 export default meta;
 type Story = StoryObj<typeof Tag>;
 export declare const Default: Story;
 export declare const WithColour: Story;
+export declare const AllColours: Story;
 export declare const Selected: Story;
 export declare const WithDot: Story;
 export declare const WithIcon: Story;
+export declare const WithSlotEnd: Story;
+export declare const WithBothSlots: Story;
 export declare const Removable: Story;
 export declare const RemovableWithIcon: Story;
-export declare const WithSlotEnd: Story;
-export declare const AllColours: Story;
+export declare const RemovableInteractive: Story;
+export declare const LongLabelTruncation: Story;
+export declare const ContentGuidelines: Story;
 //# sourceMappingURL=Tag.stories.d.ts.map

package/dist/components/tag/Tag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAY1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAelC,eAAO,MAAM,OAAO,EAAE,KAEsC,CAAC;AAE7D,eAAO,MAAM,UAAU,EAAE,KAEoC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAE4F,CAAC;AAEpH,eAAO,MAAM,OAAO,EAAE,KAK6C,CAAC;AAEpE,eAAO,MAAM,QAAQ,EAAE,KAKqC,CAAC;AAE7D,eAAO,MAAM,SAAS,EAAE,KAM4H,CAAC;AAErJ,eAAO,MAAM,iBAAiB,EAAE,KAOiC,CAAC;AAElE,eAAO,MAAM,WAAW,EAAE,KAK6B,CAAC;AAIxD,eAAO,MAAM,UAAU,EAAE,KAQsC,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAc5D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiH3C,iBAAS,WAAW,4CAmBnB;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAgIlC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}