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

package/dist/components/table/TableHeader.stories.js.map

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

package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts

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

package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateCellEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellEditors/DateCellEditor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAuElD,iBAAS,sBAAsB,4CAiB9B;AAgBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAc7C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC"}

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

@@ -0,0 +1,186 @@
+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 { fn } from 'storybook/test';
+import { DateCellEditor } from './DateCellEditor';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`DateCellEditor` is an AG Grid cell editor component that renders an Arbor `DatePicker` inside a table cell.',
+    'It is invoked when a user begins editing a date column (e.g. by pressing Enter or double-clicking the cell).',
+    '',
+    'Register it via the AG Grid `cellEditor` column definition property.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- On date columns that need an inline date-picker editor',
+    '- When users should be able to edit a date value directly in the table without leaving the row',
+    '',
+    '---',
+    '',
+    '### Registration',
+    '',
+    '```tsx',
+    "import { DateCellEditor } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'dob',",
+    "    headerName: 'Date of birth',",
+    '    cellEditor: DateCellEditor,',
+    '    // or via string key:',
+    "    cellEditor: 'dsDateCellEditor',",
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### `cellEditorParams`',
+    '',
+    'Any additional props to pass to the underlying `DatePicker` can be provided via `cellEditorParams`:',
+    '',
+    '```tsx',
+    'cellEditorParams: {',
+    "  placeholder: 'dd/mm/yyyy',",
+    '  disabled: false,',
+    '},',
+    '```',
+    '',
+    '---',
+    '',
+    '### Value format',
+    '',
+    'The `value` and `onValueChange` use the same date format as the Arbor `DatePicker`.',
+    'Refer to the [DatePicker docs](?path=/docs/components-datepicker--docs) for format details.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [DatePicker](?path=/docs/components-datepicker--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below shows `DateCellEditor` rendering the Arbor `DatePicker` with a pre-set date value. In a real table this component is mounted by AG Grid when the user begins editing a date cell.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function DateCellEditorDocsPage() {
+    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: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+const makeEditorProps = (value) => ({
+    value,
+    onValueChange: fn(),
+    colDef: { cellEditorParams: {} },
+});
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const meta = {
+    title: 'Components/Table/CellEditors/DateCellEditor',
+    component: DateCellEditor,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: DateCellEditorDocsPage },
+    },
+    argTypes: {
+        value: {
+            description: 'The current date value of the cell being edited. Format matches the Arbor `DatePicker` value format.',
+            control: false,
+            table: { type: { summary: 'string' }, defaultValue: { summary: 'undefined' } },
+        },
+        onValueChange: {
+            description: 'Called by AG Grid when the editor value changes. Receives the new date value.',
+            control: false,
+            table: { type: { summary: '(value: string) => void' } },
+        },
+    },
+};
+export default meta;
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    render: () => _jsx(DateCellEditor, { ...makeEditorProps(undefined) }),
+}, 'The `DateCellEditor` with no initial value — renders an empty `DatePicker` ready for input.');
+export const WithExistingDate = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => _jsx(DateCellEditor, { ...makeEditorProps(new Date('2024-09-01')) }),
+}, 'Pre-populated with an existing date value. In a table, AG Grid passes the cell\'s current value as `value` when the editor opens.');
+const DATE_EDITOR_IN_TABLE_DATA = [
+    { name: 'Alice Johnson', dateOfBirth: new Date(1990, 0, 15) },
+    { name: 'Bob Smith', dateOfBirth: new Date(1985, 5, 20) },
+    { name: 'Charlie Brown', dateOfBirth: new Date(1992, 10, 3) },
+    { name: 'Diana Prince', dateOfBirth: new Date(1988, 3, 12) },
+];
+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', dateOfBirth: new Date(1990, 0, 15) },
+  { name: 'Bob Smith', dateOfBirth: new Date(1985, 5, 20) },
+  { name: 'Charlie Brown', dateOfBirth: new Date(1992, 10, 3) },
+  { name: 'Diana Prince', dateOfBirth: new Date(1988, 3, 12) },
+];
+
+function DateCellEditorExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        { field: 'name', headerName: 'Name', flex: 2, editable: false },
+        {
+          field: 'dateOfBirth',
+          headerName: 'Date of birth',
+          flex: 1,
+          editable: true,
+          cellEditor: 'dsDateCellEditor',
+          valueFormatter: (params) =>
+            params.value instanceof Date
+              ? params.value.toLocaleDateString('en-GB')
+              : params.value,
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default DateCellEditorExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: DATE_EDITOR_IN_TABLE_DATA, columnDefs: [
+            { field: 'name', headerName: 'Name', flex: 2, editable: false },
+            {
+                field: 'dateOfBirth',
+                headerName: 'Date of birth',
+                flex: 1,
+                editable: true,
+                cellEditor: 'dsDateCellEditor',
+                valueFormatter: params => params.value instanceof Date
+                    ? params.value.toLocaleDateString('en-GB')
+                    : params.value,
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`dsDateCellEditor` wired up inside a full `Table`. Double-click (or press F2/Enter) on a Date of birth cell to open the `DatePicker` editor — AG Grid mounts the editor component and passes the current cell value as `value`. The `valueFormatter` formats the stored `Date` object as a localised string for display.');
+//# sourceMappingURL=DateCellEditor.stories.js.map

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

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

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

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/react-vite';
+import type { CustomCellRendererProps } from 'ag-grid-react';
+import { BooleanCellRenderer } from './BooleanCellRenderer';
+declare function BooleanCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof BooleanCellRendererDocsPage;
+        };
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "select";
+            };
+            options: (boolean | null)[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BooleanCellRenderer>;
+export declare const Default: Story;
+export declare const True: Story;
+export declare const False: Story;
+export declare const Empty: Story;
+export declare const InATable: Story;
+//# sourceMappingURL=BooleanCellRenderer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/BooleanCellRenderer.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;AAiF5D,iBAAS,2BAA2B,4CAmBnC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAkBlD,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAC"}

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

@@ -0,0 +1,209 @@
+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 { BooleanCellRenderer } from './BooleanCellRenderer';
+import { Table } from '../../table/Table';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`BooleanCellRenderer` is an AG Grid cell renderer that displays boolean values as icons.',
+    'A `true` value renders a green check icon; a `false` value renders a red ✕ icon;',
+    'any other value (including `null` and `undefined`) renders nothing.',
+    '',
+    'Register it via the string key `dsBooleanCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- On boolean columns where a visual icon is clearer than plain `true`/`false` text',
+    '- Active/inactive flags, yes/no columns, on/off states that are read-only',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| User needs to toggle the value in the cell | `CheckboxCellRenderer` (`dsCheckboxCellRenderer`) |',
+    '| You want text labels like "Yes" / "No" | A `valueFormatter` returning strings, with the default renderer |',
+    '| The value is truthy/falsy but not strictly boolean | Coerce to `true`/`false` first — see Developer notes |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Value comparison is strict — only `true` and `false` produce icons.**',
+    'The renderer checks `value === true` and `value === false`. Truthy values like `1`, `"yes"`, or objects render nothing.',
+    'Coerce your data to a strict boolean before passing to this column.',
+    '',
+    '```tsx',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'const colDefs = [',
+    '  {',
+    "    field: 'isActive',",
+    "    headerName: 'Active',",
+    "    cellRenderer: 'dsBooleanCellRenderer',  // string key — no import needed",
+    '  },',
+    '];',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    'Icons include `screenReaderText` props (`"true"` and `"false"`) so screen readers announce',
+    "the cell's boolean meaning rather than describing the icon shape.",
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { BooleanCellRenderer } from '@arbor-education/design-system.components';",
+    '```',
+    '',
+    '`BooleanCellRenderer` accepts `CustomCellRendererProps` from AG Grid — only `value` is used by this renderer.',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Table](?path=/docs/components-table--docs) · [CheckboxCellRenderer](?path=/docs/components-table-cellrenderers-checkboxcellrenderer--docs) · [Icon](?path=/docs/components-icon--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — use the `value` selector to see how `true`, `false`, and `null` each render.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function BooleanCellRendererDocsPage() {
+    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/BooleanCellRenderer',
+    component: BooleanCellRenderer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: BooleanCellRendererDocsPage },
+    },
+    argTypes: {
+        value: {
+            control: { type: 'select' },
+            options: [true, false, null],
+            description: 'The cell value. `true` renders a green check icon; `false` renders a red ✕ icon; any other value renders nothing.',
+            table: {
+                type: { summary: 'true | false | null | undefined' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+    },
+};
+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({
+    args: { value: true },
+    render: args => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: args.value }),
+}, 'Interactive example — select `true`, `false`, or `null` from the **Controls** panel to see how each value renders.');
+export const True = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const colDefs = [
+  {
+    field: 'isActive',
+    headerName: 'Active',
+    cellRenderer: 'dsBooleanCellRenderer',
+  },
+];
+`.trim(),
+            },
+        },
+    },
+    render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: true }),
+}, 'A `true` value renders a green check icon. The icon carries `screenReaderText="true"` for assistive technology.');
+export const False = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: false }),
+}, 'A `false` value renders a red ✕ icon. The icon carries `screenReaderText="false"` for assistive technology.');
+export const Empty = withDescription({
+    parameters: { controls: { disable: true } },
+    render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: null }),
+}, '`null`, `undefined`, or any non-boolean value renders nothing — the cell is intentionally left empty. This is by design: the renderer uses strict `=== true` / `=== false` comparisons, not truthiness.');
+const BOOLEAN_IN_TABLE_DATA = [
+    { name: 'Alice Johnson', active: true },
+    { name: 'Bob Smith', active: false },
+    { name: 'Charlie Brown', active: true },
+    { name: 'Diana Prince', active: null },
+];
+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', active: true },
+  { name: 'Bob Smith', active: false },
+  { name: 'Charlie Brown', active: true },
+  { name: 'Diana Prince', active: null },
+];
+
+function BooleanCellRendererExample() {
+  return (
+    <Table
+      rowData={rowData}
+      columnDefs={[
+        { field: 'name', headerName: 'Name', flex: 2 },
+        {
+          field: 'active',
+          headerName: 'Active',
+          flex: 1,
+          editable: false,
+          cellRenderer: 'dsBooleanCellRenderer',
+        },
+      ]}
+      defaultColDef={{ flex: 1, minWidth: 120 }}
+      domLayout="autoHeight"
+    />
+  );
+}
+
+export default BooleanCellRendererExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(Table, { rowData: BOOLEAN_IN_TABLE_DATA, columnDefs: [
+            { field: 'name', headerName: 'Name', flex: 2 },
+            {
+                field: 'active',
+                headerName: 'Active',
+                flex: 1,
+                editable: false,
+                cellRenderer: 'dsBooleanCellRenderer',
+            },
+        ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
+}, '`dsBooleanCellRenderer` wired up inside a full `Table`. `true` renders a check, `false` renders a ✕, and `null` leaves the cell empty. The Active column is set to `editable: false` — this renderer is display-only.');
+//# sourceMappingURL=BooleanCellRenderer.stories.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ButtonCellRenderer.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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA0F1D,iBAAS,0BAA0B,4CAmBlC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAkBjD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KA4EtB,CAAC"}