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

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

@@ -0,0 +1,241 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { CheckboxCellRenderer } from './CheckboxCellRenderer';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`CheckboxCellRenderer` is an AG Grid cell renderer that renders an editable Arbor `CheckboxInput`',
+    'inside a table cell. On toggle, it calls `node.setDataValue` to update the row data in-place.',
+    '',
+    'Register it via the string key `dsCheckboxCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- On boolean columns that the user needs to toggle directly in the table without opening a form',
+    '- "Active", "Enrolled", "Consent given" columns where inline editing is expected',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Display-only boolean (no editing) | `BooleanCellRenderer` (`dsBooleanCellRenderer`) |',
+    '| Toggling the value requires confirmation or a side effect | Handle in a modal; do not edit inline |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`column` must be provided for changes to persist.**',
+    'On toggle, the renderer calls `node.setDataValue(column, !value)`. If `column` is not available in',
+    'props (which should not happen inside a real AG Grid), the change is silently ignored.',
+    '',
+    '**`aria-label` is derived from `colDef.headerName`.**',
+    'Always set `headerName` on the column definition — without it, the checkbox has no accessible label.',
+    'Override with `cellRendererParams: { "aria-label": "..." }` if needed.',
+    '',
+    '**Pass extra `CheckboxInput` props via `cellRendererParams`.**',
+    'The renderer spreads `cellRendererParams` onto `CheckboxInput`, so you can pass `disabled`, `className`, etc.',
+    '',
+    '```tsx',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'isEnrolled',",
+    "    headerName: 'Enrolled',",
+    "    cellRenderer: 'dsCheckboxCellRenderer',",
+    '    // optional extra CheckboxInput props:',
+    '    cellRendererParams: { disabled: isReadOnly },',
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    'The `aria-label` is set to `"Checkbox: {headerName}"` when `headerName` is defined. Without it,',
+    'the checkbox has no accessible label — WCAG 2.1 failure (1.3.1 Info and Relationships).',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { CheckboxCellRenderer } from '@arbor-education/design-system.components';",
+    '```',
+    '',
+    '`CheckboxCellRenderer` accepts `CustomCellRendererProps` from AG Grid.',
+    '`value` should be a `boolean`. Additional `CheckboxInput` props can be passed via `colDef.cellRendererParams`.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [BooleanCellRenderer](?path=/docs/components-table-cellrenderers-booleancellrenderer--docs) · [CheckboxInput](?path=/docs/components-checkboxinput--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below uses a mock AG Grid row node — click the checkbox to see it toggle. `node.setDataValue` is wired to local state in this preview; in a real table it updates the row data directly.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function CheckboxCellRendererDocsPage() {
+    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 meta = {
+    title: 'Components/Table/CellRenderers/CheckboxCellRenderer',
+    component: CheckboxCellRenderer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: CheckboxCellRendererDocsPage },
+    },
+    argTypes: {
+        value: {
+            control: false,
+            description: 'The current boolean state of the checkbox. On toggle, the renderer calls `node.setDataValue(column, !value)`.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        node: {
+            control: false,
+            description: 'AG Grid row node. The renderer calls `node.setDataValue` on toggle.',
+            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' } },
+        },
+        colDef: {
+            control: false,
+            description: '`headerName` is used as the basis of the checkbox `aria-label`. Extra `CheckboxInput` props can be passed via `cellRendererParams`.',
+            table: { type: { summary: 'ColDef' } },
+        },
+    },
+};
+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 } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Template components
+// ---------------------------------------------------------------------------
+const InteractiveTemplate = () => {
+    const [checked, setChecked] = useState(false);
+    const mockNode = { setDataValue: (_, val) => setChecked(val) };
+    const mockColumn = {};
+    return (_jsx(CheckboxCellRenderer, { ...{}, value: checked, node: mockNode, column: mockColumn, colDef: { headerName: 'Enrolled' } }));
+};
+const DisabledTemplate = ({ checked }) => (_jsx(CheckboxCellRenderer, { ...{}, value: checked, node: { setDataValue: () => { } }, column: {}, colDef: { headerName: 'Enrolled', cellRendererParams: { disabled: true } } }));
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    parameters: { controls: { disable: true } },
+    render: InteractiveTemplate,
+}, 'An interactive `CheckboxInput` backed by a mock row node. Click to toggle — `node.setDataValue` updates local state in this preview; in a real table it updates the AG Grid row data in-place.');
+export const Checked = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const colDefs = [
+  {
+    field: 'isEnrolled',
+    headerName: 'Enrolled',
+    cellRenderer: 'dsCheckboxCellRenderer',
+  },
+];
+`.trim(),
+            },
+        },
+    },
+    render: () => _jsx(DisabledTemplate, { checked: true }),
+}, 'Checked state — `value={true}`. The `aria-label` is derived from `colDef.headerName` ("Checkbox: Enrolled").');
+export const Unchecked = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => _jsx(DisabledTemplate, { checked: false }),
+}, 'Unchecked state — `value={false}`.');
+export const DisabledChecked = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(CheckboxCellRenderer, { ...{}, value: true, node: { setDataValue: () => { } }, column: {}, colDef: { headerName: 'Enrolled', cellRendererParams: { disabled: true } } })),
+}, 'Disabled state — pass `disabled: true` via `cellRendererParams` to prevent the user from toggling the value. Useful for read-only rows or conditional editing logic.');
+const CHECKBOX_IN_TABLE_DATA = [
+    { name: 'Alice Johnson', enrolled: true },
+    { name: 'Bob Smith', enrolled: false },
+    { name: 'Charlie Brown', enrolled: true },
+    { name: 'Diana Prince', enrolled: false },
+];
+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', enrolled: true },
+  { name: 'Bob Smith', enrolled: false },
+  { name: 'Charlie Brown', enrolled: true },
+  { name: 'Diana Prince', enrolled: false },
+];
+
+function CheckboxCellRendererExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        { field: 'name', headerName: 'Name', flex: 2 },
+        {
+          field: 'enrolled',
+          headerName: 'Enrolled',
+          flex: 1,
+          editable: false,
+          cellRenderer: 'dsCheckboxCellRenderer',
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default CheckboxCellRendererExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: CHECKBOX_IN_TABLE_DATA, columnDefs: [
+            { field: 'name', headerName: 'Name', flex: 2 },
+            {
+                field: 'enrolled',
+                headerName: 'Enrolled',
+                flex: 1,
+                editable: false,
+                cellRenderer: 'dsCheckboxCellRenderer',
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`dsCheckboxCellRenderer` wired up inside a full `Table`. Click a checkbox to toggle the value — AG Grid calls `node.setDataValue` which updates the row data in-place. The `headerName` ("Enrolled") becomes the checkbox `aria-label`.');
+//# sourceMappingURL=CheckboxCellRenderer.stories.js.map

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

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

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

@@ -0,0 +1,55 @@
+import type { StoryObj } from '@storybook/react-vite';
+import type { CustomCellRendererProps } from 'ag-grid-react';
+import { DefaultCellRenderer } from './DefaultCellRenderer';
+declare function DefaultCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof DefaultCellRendererDocsPage;
+        };
+    };
+    argTypes: {
+        valueFormatted: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        colDef: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DefaultCellRenderer>;
+export declare const Default: Story;
+export declare const RawValueFallback: Story;
+export declare const Empty: Story;
+export declare const WithDataTestId: Story;
+export declare const InATable: Story;
+//# sourceMappingURL=DefaultCellRenderer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AA2F5D,iBAAS,2BAA2B,4CAmBnC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAkBlD,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkC5B,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAC"}

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

@@ -0,0 +1,245 @@
+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 { DefaultCellRenderer } from './DefaultCellRenderer';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`DefaultCellRenderer` is the internal default cell renderer used by Arbor\'s `Table`. It renders',
+    '`valueFormatted` when available, falls back to `value.value`, and renders an empty `div` for',
+    '`null` or `undefined`. It also supports an optional `dataTestId` via `colDef.cellRendererParams`.',
+    '',
+    '**You rarely need to register this renderer explicitly.** AG Grid uses it automatically for all',
+    'columns in an Arbor Table.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- When you need to add a `dataTestId` to a cell for automated testing',
+    '- When you want to be explicit about using the default renderer in a column definition',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| The column needs interactive controls | `CheckboxCellRenderer`, `ButtonCellRenderer`, or `SelectDropdownCellRenderer` |',
+    '| The column renders a boolean flag | `BooleanCellRenderer` |',
+    '| You want formatted text output | A `valueFormatter` on the column — `DefaultCellRenderer` renders `valueFormatted` automatically |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Value resolution order:**',
+    '1. Uses `valueFormatted` if it exists and is NOT the string `"[object Object]"`',
+    '2. Falls back to `value.value`',
+    '3. Renders an empty `<div>` for `null` or `undefined`',
+    '',
+    'This means a `valueFormatter` on the column will always take precedence over the raw value.',
+    '',
+    '**`dataTestId` must be passed via `colDef.cellRendererParams`** — it is not a direct prop.',
+    '',
+    '```tsx',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'name',",
+    "    headerName: 'Name',",
+    '    // Explicit registration — only needed when you want a dataTestId:',
+    '    cellRenderer: DefaultCellRenderer,',
+    '    cellRendererParams: {',
+    "      dataTestId: 'student-name-cell',",
+    '    },',
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    'No specific accessibility requirements — this renderer renders plain text. Ensure your `valueFormatter`',
+    'returns a human-readable string, not a raw object (which would produce `"[object Object]"`).',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { DefaultCellRenderer } from '@arbor-education/design-system.components';",
+    '```',
+    '',
+    '`DefaultCellRenderer` accepts `CustomCellRendererProps` from AG Grid.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [BooleanCellRenderer](?path=/docs/components-table-cellrenderers-booleancellrenderer--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below shows `DefaultCellRenderer` in its various value states. This renderer is used internally by Arbor\'s Table — its Controls are not individually wired to the grid runtime.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function DefaultCellRendererDocsPage() {
+    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/DefaultCellRenderer',
+    component: DefaultCellRenderer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: DefaultCellRendererDocsPage },
+    },
+    argTypes: {
+        valueFormatted: {
+            control: false,
+            description: 'String produced by AG Grid\'s `valueFormatter`. Takes precedence over `value.value` unless it equals `"[object Object]"`.',
+            table: {
+                type: { summary: 'string | undefined' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        value: {
+            control: false,
+            description: 'The raw cell value from AG Grid. The renderer reads `value.value` as a fallback when `valueFormatted` is not set.',
+            table: {
+                type: { summary: '{ value: string | number | null | undefined } | any' },
+            },
+        },
+        colDef: {
+            control: false,
+            description: 'Pass `cellRendererParams: { dataTestId: "..." }` to add a test ID to the cell `div`.',
+            table: {
+                type: { summary: 'ColDef' },
+            },
+        },
+    },
+};
+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(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: "Smith, Alice", value: { value: 'smith-alice' }, colDef: {} })),
+}, '`valueFormatted` takes precedence — the renderer displays "Smith, Alice" (the formatted value) rather than "smith-alice" (the raw value).');
+export const RawValueFallback = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: undefined, value: { value: 'Unformatted cell value' }, colDef: {} })),
+}, 'When `valueFormatted` is not set, the renderer falls back to `value.value`.');
+export const Empty = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: undefined, value: { value: null }, colDef: {} })),
+}, '`null` or `undefined` resolved values render an empty `<div>`. The cell is blank but the DOM element is present (useful for `dataTestId` targeting).');
+export const WithDataTestId = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { DefaultCellRenderer } from '@arbor-education/design-system.components';
+
+const colDefs = [
+  {
+    field: 'name',
+    headerName: 'Name',
+    cellRenderer: DefaultCellRenderer,
+    cellRendererParams: {
+      dataTestId: 'student-name-cell',
+    },
+  },
+];
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: "Smith, Alice", value: { value: 'smith-alice' }, colDef: { cellRendererParams: { dataTestId: 'student-name-cell' } } })),
+}, 'Pass `dataTestId` via `colDef.cellRendererParams` to add a `data-testid` attribute to the cell `div`. Inspect the rendered element to see `data-testid="student-name-cell"`.');
+const DEFAULT_IN_TABLE_DATA = [
+    { name: { value: 'Alice Johnson' }, role: { value: 'Developer' } },
+    { name: { value: 'Bob Smith' }, role: { value: 'Designer' } },
+    { name: { value: 'Charlie Brown' }, role: { value: 'Manager' } },
+];
+export const InATable = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table, DefaultCellRenderer } from '@arbor-education/design-system.components';
+
+const rowData = [
+  { name: { value: 'Alice Johnson' }, role: { value: 'Developer' } },
+  { name: { value: 'Bob Smith' }, role: { value: 'Designer' } },
+  { name: { value: 'Charlie Brown' }, role: { value: 'Manager' } },
+];
+
+function DefaultCellRendererExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        {
+          field: 'name',
+          headerName: 'Name',
+          flex: 2,
+          cellRenderer: DefaultCellRenderer,
+          cellRendererParams: { dataTestId: 'name-cell' },
+          valueFormatter: Table.DefaultValueFormatter,
+        },
+        {
+          field: 'role',
+          headerName: 'Role',
+          flex: 1,
+          valueFormatter: Table.DefaultValueFormatter,
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default DefaultCellRendererExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: DEFAULT_IN_TABLE_DATA, columnDefs: [
+            {
+                field: 'name',
+                headerName: 'Name',
+                flex: 2,
+                cellRenderer: DefaultCellRenderer,
+                cellRendererParams: { dataTestId: 'name-cell' },
+                valueFormatter: Table.DefaultValueFormatter,
+            },
+            {
+                field: 'role',
+                headerName: 'Role',
+                flex: 1,
+                valueFormatter: Table.DefaultValueFormatter,
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`DefaultCellRenderer` registered explicitly on the Name column to attach a `dataTestId`. Row data uses the `{ value: string }` object shape — `Table.DefaultValueFormatter` formats it for display, and `DefaultCellRenderer` reads `value.value` as its fallback. Inspect the Name cells in DevTools to see `data-testid="name-cell"`.');
+//# sourceMappingURL=DefaultCellRenderer.stories.js.map

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

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

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

@@ -0,0 +1,67 @@
+import type { StoryObj } from '@storybook/react-vite';
+import type { CustomCellRendererProps } from 'ag-grid-react';
+import { InlineTextCellRenderer } from './InlineTextCellRenderer';
+declare function InlineTextCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: CustomCellRendererProps<any, any, any> & {
+        value: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof InlineTextCellRendererDocsPage;
+        };
+    };
+    argTypes: {
+        value: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        valueFormatted: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        node: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        column: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof InlineTextCellRenderer>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const InATable: Story;
+//# sourceMappingURL=InlineTextCellRenderer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineTextCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAsFlE,iBAAS,8BAA8B,4CAmBtC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAkBrD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KA6BnB,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAC"}