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

package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js

@@ -0,0 +1,221 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { InlineTextCellRenderer } from './InlineTextCellRenderer';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`InlineTextCellRenderer` is an AG Grid cell renderer that renders a `TextInput` permanently',
+    'inside a table cell for inline text editing. Pressing Enter commits the current value via',
+    '`node.setDataValue`. The input is pre-populated from `valueFormatted ?? value`.',
+    '',
+    'Register it via the string key `dsInlineTextCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- When users need to edit text values directly in the table row without opening a modal or form',
+    '- Short, single-field edits (names, codes, quantities) where the editing context is clear',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Editing a date value | `DateCellEditor` (`dsDateCellEditor`) |',
+    '| Selecting from a list of options | `SelectDropdownCellRenderer` (`dsSelectDropdownCellRenderer`) |',
+    '| The edit requires validation before saving | A form in a modal — inline editing skips the validation step |',
+    '| The field is long-form text | A full text area in a slideover or modal |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**This is a renderer, not an editor — the `TextInput` is always visible.**',
+    'Unlike AG Grid\'s native cell editors (which mount only during edit mode), `InlineTextCellRenderer`',
+    'renders the `TextInput` permanently in the cell.',
+    '',
+    '**Pressing Enter commits the value via `node.setDataValue`.**',
+    'The renderer attaches a `keydown` listener to the cell wrapper on mount. Pressing Enter calls',
+    '`node.setDataValue(column, currentInputValue)`. If `column` is not in props, Enter is a no-op.',
+    '',
+    '```tsx',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'forename',",
+    "    headerName: 'First name',",
+    "    cellRenderer: 'dsInlineTextCellRenderer',",
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    'The `TextInput` inside the cell has no explicit label — the column header provides visual context.',
+    'For screen readers, add an `aria-label` via `cellRendererParams: { "aria-label": "..." }`.',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { InlineTextCellRenderer } from '@arbor-education/design-system.components';",
+    '```',
+    '',
+    '`InlineTextCellRenderer` extends `CustomCellRendererProps` with `value: string`.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [SelectDropdownCellRenderer](?path=/docs/components-table-cellrenderers-selectdropdowncellrenderer--docs) · [TextInput](?path=/docs/components-textinput--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below shows `InlineTextCellRenderer` with a pre-populated value. Type in the input to see it update. Pressing Enter would call `node.setDataValue` — in this preview that call is a no-op since there is no AG Grid row node.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function InlineTextCellRendererDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const MOCK_CELL_PROPS = {};
+const meta = {
+    title: 'Components/Table/CellRenderers/InlineTextCellRenderer',
+    component: InlineTextCellRenderer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: InlineTextCellRendererDocsPage },
+    },
+    argTypes: {
+        value: {
+            control: false,
+            description: 'The initial text value displayed in the `TextInput`. The component manages its own internal state from this initial value.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: "''" },
+            },
+        },
+        valueFormatted: {
+            control: false,
+            description: 'If provided, used as the initial text value instead of `value`. Set by AG Grid\'s `valueFormatter`.',
+            table: {
+                type: { summary: 'string | undefined' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        node: {
+            control: false,
+            description: 'AG Grid row node. The renderer calls `node.setDataValue` when the user presses Enter.',
+            table: { type: { summary: 'IRowNode' } },
+        },
+        column: {
+            control: false,
+            description: 'AG Grid column instance. Passed as the first argument to `node.setDataValue`.',
+            table: { type: { summary: 'Column | null' } },
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Helper: attach a per-story description to docs
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(InlineTextCellRenderer, { ...MOCK_CELL_PROPS, value: "Alice Smith" })),
+}, 'Pre-populated with an existing value. The `TextInput` is always visible — type to update the internal value, then press Enter to commit (in a real table, Enter calls `node.setDataValue`).');
+export const Empty = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const colDefs = [
+  {
+    field: 'forename',
+    headerName: 'First name',
+    cellRenderer: 'dsInlineTextCellRenderer',
+  },
+];
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(InlineTextCellRenderer, { ...MOCK_CELL_PROPS, value: "" })),
+}, 'Empty initial state — the `TextInput` is blank and ready for input. This is the state for a new row with no existing data.');
+const INLINE_TEXT_IN_TABLE_DATA = [
+    { fullName: 'Alice Johnson', forename: 'Alice' },
+    { fullName: 'Bob Smith', forename: 'Bob' },
+    { fullName: 'Charlie Brown', forename: 'Charlie' },
+];
+export const InATable = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const rowData = [
+  { fullName: 'Alice Johnson', forename: 'Alice' },
+  { fullName: 'Bob Smith', forename: 'Bob' },
+  { fullName: 'Charlie Brown', forename: 'Charlie' },
+];
+
+function InlineTextCellRendererExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        { field: 'fullName', headerName: 'Full Name', flex: 2, editable: false },
+        {
+          field: 'forename',
+          headerName: 'First Name',
+          flex: 1,
+          editable: false,
+          cellRenderer: 'dsInlineTextCellRenderer',
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default InlineTextCellRendererExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: INLINE_TEXT_IN_TABLE_DATA, columnDefs: [
+            { field: 'fullName', headerName: 'Full Name', flex: 2, editable: false },
+            {
+                field: 'forename',
+                headerName: 'First Name',
+                flex: 1,
+                editable: false,
+                cellRenderer: 'dsInlineTextCellRenderer',
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`dsInlineTextCellRenderer` wired up inside a full `Table`. Click into any First Name cell to start editing — the `TextInput` is always visible. Press Enter to commit the value via `node.setDataValue`, updating the row data in-place.');
+//# sourceMappingURL=InlineTextCellRenderer.stories.js.map

package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map

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

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts

@@ -0,0 +1,75 @@
+import type { StoryObj } from '@storybook/react-vite';
+import type { CustomCellRendererProps } from 'ag-grid-react';
+import { SelectDropdownCellRenderer } from './SelectDropdownCellRenderer';
+declare function SelectDropdownCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: CustomCellRendererProps<any, any, any> & import("../../formField/inputs/selectDropdown/SelectDropdown").SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof SelectDropdownCellRendererDocsPage;
+        };
+    };
+    argTypes: {
+        value: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        options: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        api: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        node: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SelectDropdownCellRenderer>;
+export declare const Default: Story;
+export declare const WithSelection: Story;
+export declare const Disabled: Story;
+export declare const InATable: Story;
+//# sourceMappingURL=SelectDropdownCellRenderer.stories.d.ts.map

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdownCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAiG1E,iBAAS,kCAAkC,4CAmB1C;AAmBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAkBzD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0C3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js

@@ -0,0 +1,270 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { SelectDropdownCellRenderer } from './SelectDropdownCellRenderer';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`SelectDropdownCellRenderer` is an AG Grid cell renderer that renders an Arbor `SelectDropdown`',
+    'permanently inside a table cell. It listens for `cellKeyDown` events on the Grid API to open the',
+    'dropdown when the user presses Enter in the focused cell. On selection, it calls `node.setDataValue`',
+    'to update the row data in-place.',
+    '',
+    'Register it via the string key `dsSelectDropdownCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- On columns where the user must choose from a fixed list of options (status, category, type)',
+    '- When the options are the same for every row',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Options vary per row | A custom cell renderer with a `SelectDropdown` and per-row option logic |',
+    '| The user can select multiple options in one cell | Not currently supported — use a form in a modal |',
+    '| The list is very long (100+ options) | A searchable select or a modal with filtering |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`api` is required.**',
+    'The renderer attaches a `cellKeyDown` listener to the Grid API on mount so that pressing Enter',
+    'in the focused cell opens the dropdown. Without `api`, the keyboard shortcut is silently skipped',
+    'but the dropdown still renders and is clickable.',
+    '',
+    '**`options` must be passed via `cellRendererParams`.**',
+    'Options are not part of the cell `value` — configure them in `cellRendererParams`.',
+    'Option `value` fields are normalised to strings internally for comparison, but the original value',
+    '(string or number) is restored when calling `node.setDataValue`.',
+    '',
+    '```tsx',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'status',",
+    "    headerName: 'Status',",
+    "    cellRenderer: 'dsSelectDropdownCellRenderer',",
+    '    cellRendererParams: {',
+    '      options: [',
+    "        { label: 'Active', value: 'active' },",
+    "        { label: 'Inactive', value: 'inactive' },",
+    "        { label: 'Pending', value: 'pending' },",
+    '      ],',
+    "      placeholder: 'Select status',",
+    '    },',
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    'Pressing Enter in a focused cell opens the dropdown — no mouse click required.',
+    'The `SelectDropdown` handles full keyboard navigation internally (arrow keys, Enter/Escape).',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { SelectDropdownCellRenderer } from '@arbor-education/design-system.components';",
+    '```',
+    '',
+    '`SelectDropdownCellRenderer` extends `CustomCellRendererProps` with `SelectDropdownInputProps`.',
+    '`options` and `placeholder` are the most commonly used extra props.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [SelectDropdown](?path=/docs/components-selectdropdown--docs) · [InlineTextCellRenderer](?path=/docs/components-table-cellrenderers-inlinetextcellrenderer--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below shows `SelectDropdownCellRenderer` with a set of status options. The dropdown can be opened by clicking it — the Enter-key shortcut requires a live AG Grid API and is a no-op in this preview.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function SelectDropdownCellRendererDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const MOCK_API = {
+    addEventListener: () => { },
+    removeEventListener: () => { },
+};
+const MOCK_CELL_PROPS = {};
+const STATUS_OPTIONS = [
+    { label: 'Active', value: 'active' },
+    { label: 'Inactive', value: 'inactive' },
+    { label: 'Pending', value: 'pending' },
+];
+const meta = {
+    title: 'Components/Table/CellRenderers/SelectDropdownCellRenderer',
+    component: SelectDropdownCellRenderer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: SelectDropdownCellRendererDocsPage },
+    },
+    argTypes: {
+        value: {
+            control: false,
+            description: 'The currently selected option value. Used to set the initial selection in the `SelectDropdown`.',
+            table: {
+                type: { summary: 'string | number | null | undefined' },
+            },
+        },
+        options: {
+            control: false,
+            description: 'The list of options to display in the dropdown. Passed via `cellRendererParams` in the column definition.',
+            table: {
+                type: { summary: 'Array<{ label: string; value: string | number }>' },
+                defaultValue: { summary: '[]' },
+            },
+        },
+        placeholder: {
+            control: false,
+            description: 'Placeholder text shown when no option is selected.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: '"Select"' },
+            },
+        },
+        api: {
+            control: false,
+            description: 'AG Grid API. Required for the Enter-key shortcut that opens the dropdown. Provided automatically by AG Grid.',
+            table: { type: { summary: 'GridApi' } },
+        },
+        node: {
+            control: false,
+            description: 'AG Grid row node. The renderer calls `node.setDataValue` on option selection.',
+            table: { type: { summary: 'IRowNode' } },
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Helper: attach a per-story description to docs
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(SelectDropdownCellRenderer, { ...MOCK_CELL_PROPS, api: MOCK_API, value: "", options: STATUS_OPTIONS, placeholder: "Select status", node: { setDataValue: () => { } }, column: {} })),
+}, 'No selection — the `SelectDropdown` shows the placeholder text. Click to open the dropdown and select an option.');
+export const WithSelection = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const colDefs = [
+  {
+    field: 'status',
+    headerName: 'Status',
+    cellRenderer: 'dsSelectDropdownCellRenderer',
+    cellRendererParams: {
+      options: [
+        { label: 'Active', value: 'active' },
+        { label: 'Inactive', value: 'inactive' },
+        { label: 'Pending', value: 'pending' },
+      ],
+      placeholder: 'Select status',
+    },
+  },
+];
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(SelectDropdownCellRenderer, { ...MOCK_CELL_PROPS, api: MOCK_API, value: "active", options: STATUS_OPTIONS, placeholder: "Select status", node: { setDataValue: () => { } }, column: {} })),
+}, 'Pre-selected with `value="active"`. The `SelectDropdown` initialises with the matching option selected.');
+export const Disabled = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(SelectDropdownCellRenderer, { ...MOCK_CELL_PROPS, api: MOCK_API, value: "active", options: STATUS_OPTIONS, placeholder: "Select status", disabled: true, node: { setDataValue: () => { } }, column: {} })),
+}, 'Pass `disabled: true` via `cellRendererParams` to prevent the user from changing the selection for specific rows.');
+const SELECT_IN_TABLE_DATA = [
+    { name: 'Alice Johnson', status: 'active' },
+    { name: 'Bob Smith', status: 'inactive' },
+    { name: 'Charlie Brown', status: 'pending' },
+    { name: 'Diana Prince', status: 'active' },
+];
+export const InATable = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const rowData = [
+  { name: 'Alice Johnson', status: 'active' },
+  { name: 'Bob Smith', status: 'inactive' },
+  { name: 'Charlie Brown', status: 'pending' },
+  { name: 'Diana Prince', status: 'active' },
+];
+
+const statusOptions = [
+  { label: 'Active', value: 'active' },
+  { label: 'Inactive', value: 'inactive' },
+  { label: 'Pending', value: 'pending' },
+];
+
+function SelectDropdownCellRendererExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        { field: 'name', headerName: 'Name', flex: 2 },
+        {
+          field: 'status',
+          headerName: 'Status',
+          flex: 1,
+          editable: false,
+          cellRenderer: 'dsSelectDropdownCellRenderer',
+          cellRendererParams: { options: statusOptions },
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default SelectDropdownCellRendererExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: SELECT_IN_TABLE_DATA, columnDefs: [
+            { field: 'name', headerName: 'Name', flex: 2 },
+            {
+                field: 'status',
+                headerName: 'Status',
+                flex: 1,
+                editable: false,
+                cellRenderer: 'dsSelectDropdownCellRenderer',
+                cellRendererParams: { options: STATUS_OPTIONS },
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`dsSelectDropdownCellRenderer` wired up inside a full `Table`. Click a Status dropdown to select a new value — the selection is committed to the row via `node.setDataValue`. Press Enter in a focused Status cell to open the dropdown via keyboard.');
+//# sourceMappingURL=SelectDropdownCellRenderer.stories.js.map

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdownCellRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,iGAAiG;IACjG,kGAAkG;IAClG,sGAAsG;IACtG,kCAAkC;IAClC,EAAE;IACF,4IAA4I;CAC7I,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,cAAc,GAAG;IACrB,iBAAiB;IACjB,EAAE;IACF,+FAA+F;IAC/F,+CAA+C;IAC/C,EAAE;IACF,KAAK;IACL,EAAE;IACF,qBAAqB;IACrB,EAAE;IACF,6BAA6B;IAC7B,WAAW;IACX,oGAAoG;IACpG,wGAAwG;IACxG,0FAA0F;CAC3F,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,6BAA6B;IAC7B,EAAE;IACF,wBAAwB;IACxB,gGAAgG;IAChG,kGAAkG;IAClG,kDAAkD;IAClD,EAAE;IACF,wDAAwD;IACxD,oFAAoF;IACpF,mGAAmG;IACnG,kEAAkE;IAClE,EAAE;IACF,QAAQ;IACR,oEAAoE;IACpE,EAAE;IACF,mBAAmB;IACnB,KAAK;IACL,sBAAsB;IACtB,2BAA2B;IAC3B,mDAAmD;IACnD,2BAA2B;IAC3B,kBAAkB;IAClB,+CAA+C;IAC/C,mDAAmD;IACnD,iDAAiD;IACjD,UAAU;IACV,qCAAqC;IACrC,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,gFAAgF;IAChF,8FAA8F;IAC9F,EAAE;IACF,KAAK;IACL,EAAE;IACF,sBAAsB;IACtB,EAAE;IACF,OAAO;IACP,yFAAyF;IACzF,KAAK;IACL,EAAE;IACF,iGAAiG;IACjG,qEAAqE;CACtE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,kBAAkB,GAAG;IACzB,uBAAuB;IACvB,EAAE;IACF,iNAAiN;CAClN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,WAAW,GAAG,mNAAmN,CAAC;AAExO,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,SAAS,kCAAkC;IACzC,OAAO,CACL,8BACE,KAAC,KAAK,KAAG,EACT,KAAC,QAAQ,KAAG,EACZ,KAAC,QAAQ,cAAE,iBAAiB,GAAY,EACxC,KAAC,UAAU,sCAAiC,EAC5C,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClC,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,KAAG,EACZ,KAAC,UAAU,iCAA4B,EACvC,KAAC,QAAQ,cAAE,cAAc,GAAY,EACrC,KAAC,UAAU,kCAA6B,EACxC,KAAC,QAAQ,cAAE,eAAe,GAAY,EACtC,KAAC,UAAU,2BAAsB,EACjC,KAAC,OAAO,IAAC,KAAK,EAAC,EAAE,GAAG,EACpB,KAAC,QAAQ,cAAE,kBAAkB,GAAY,IACxC,CACJ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E,MAAM,QAAQ,GAAG;IACf,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CACR,CAAC;AAExB,MAAM,eAAe,GAAG,EAAwC,CAAC;AAEjE,MAAM,cAAc,GAAG;IACrB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IACxC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACvC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,0BAA0B;IACrC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE;KACnD;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,iGAAiG;YAC9G,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,oCAAoC,EAAE;aACxD;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,2GAA2G;YACxH,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,kDAAkD,EAAE;gBACrE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAChC;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,oDAAoD;YACjE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;aACtC;SACF;QACD,GAAG,EAAE;YACH,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8GAA8G;YAC3H,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;SACxC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;SACzC;KACF;CACgD,CAAC;AAEpD,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,iDAAiD;AACjD,8EAA8E;AAE9E,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,WAAmB,EAAS,EAAE,CAAC,CAAC;IACrE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,KAAK,CAAC,UAAU;QACnB,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;KACzE;CACF,CAAC,CAAC;AAEH,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,0BAA0B,OACrB,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,EAAE,EACR,OAAO,EAAE,cAAc,EACvB,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAgD,EAC9E,MAAM,EAAE,EAAuC,GAC/C,CACH;CACF,EACD,kHAAkH,CACnH,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU,eAAe,CACjD;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;CAkBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,0BAA0B,OACrB,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,cAAc,EACvB,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAgD,EAC9E,MAAM,EAAE,EAAuC,GAC/C,CACH;CACF,EACD,yGAAyG,CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU,eAAe,CAC5C;IACE,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,0BAA0B,OACrB,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,cAAc,EACvB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EAAgD,EAC9E,MAAM,EAAE,EAAuC,GAC/C,CACH;CACF,EACD,mHAAmH,CACpH,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE;IAC3C,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE;IACzC,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE;IAC5C,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU,eAAe,CAC5C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,KAAK,IACJ,OAAO,EAAE,oBAAoB,EAC7B,UAAU,EAAE;YACV,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;YAC9C;gBACE,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE,QAAQ;gBACpB,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,KAAK;gBACf,YAAY,EAAE,8BAA8B;gBAC5C,kBAAkB,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;aAChD;SACF,EACD,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EACzC,SAAS,EAAC,YAAY,GACtB,CACH;CACF,EACD,uPAAuP,CACxP,CAAC"}

package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts

@@ -0,0 +1,57 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { BooleanFilter } from './BooleanFilter/BooleanFilter';
+declare function BooleanFilterDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: {
+        model: {
+            allowTrue: boolean;
+            allowFalse: boolean;
+        } | null;
+        onModelChange: (model: {
+            allowTrue: boolean;
+            allowFalse: boolean;
+        }) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof BooleanFilterDocsPage;
+        };
+    };
+    argTypes: {
+        model: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onModelChange: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onModelChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BooleanFilter>;
+export declare const Default: Story;
+export declare const YesSelected: Story;
+export declare const NoSelected: Story;
+export declare const Controlled: Story;
+export declare const InATable: Story;
+//# sourceMappingURL=BooleanFilter.stories.d.ts.map

package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFilter.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/columnFilters/BooleanFilter.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,aAAa,EAAyB,MAAM,+BAA+B,CAAC;AAgErF,iBAAS,qBAAqB,4CAiB7B;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAc5C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAUF,eAAO,MAAM,QAAQ,EAAE,KAsEtB,CAAC"}