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

package/dist/components/table/Table.d.ts

@@ -34,6 +34,10 @@ export declare const Table: {
     ButtonCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps<any, any, any> & {
         value: import("../button/Button").ButtonProps;
     }) => import("react/jsx-runtime").JSX.Element;
+    InlineTextCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps<any, any, any> & {
+        value: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SelectDropdownCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps<any, any, any> & import("../formField/inputs/selectDropdown/SelectDropdown").SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
     BooleanCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element | null;
     DefaultCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element;
     DateCellEditor: (props: import("ag-grid-react").CustomCellEditorProps) => import("react/jsx-runtime").JSX.Element;
@@ -41,9 +45,10 @@ export declare const Table: {
     GridApiContext: import("react").Context<GridApi<any> | null>;
     CheckboxCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element;
     DefaultValueFormatter: import("ag-grid-enterprise").ValueFormatterFunc<any, any, any>;
-    TableSettingsDropdown: () => import("react/jsx-runtime").JSX.Element;
+    TableSettingsDropdown: ({ items }: import("./tableControls/TableSettingsDropdown").TableSettingsDropdownProps) => import("react/jsx-runtime").JSX.Element;
     TableControls: (props: TableControlsProps) => import("react/jsx-runtime").JSX.Element | null;
     Spacing: typeof TABLE_SPACING;
+    SettingsItems: readonly ["tableSpacing", "separator", "style"];
 };
 export declare namespace Table {
     type Props<TData = any> = TableProps<TData>;

package/dist/components/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUzD,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAcnF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1H,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAyJtC,CAAC;AAqBF,yBAAiB,KAAK,CAAC;IAErB,KAAY,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;IACnD,KAAY,aAAa,GAAG,kBAAkB,CAAC;IAC/C,KAAY,UAAU,GAAG,cAAc,CAAC;IACxC,KAAY,gBAAgB,GAAG,wBAAwB,CAAC;IACxD,KAAY,OAAO,GAAG,aAAa,CAAC;CACrC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAenF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1H,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JtC,CAAC;AAwBF,yBAAiB,KAAK,CAAC;IAErB,KAAY,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;IACnD,KAAY,aAAa,GAAG,kBAAkB,CAAC;IAC/C,KAAY,UAAU,GAAG,cAAc,CAAC;IACxC,KAAY,gBAAgB,GAAG,wBAAwB,CAAC;IACxD,KAAY,OAAO,GAAG,aAAa,CAAC;CACrC"}

package/dist/components/table/Table.js

@@ -3,7 +3,7 @@ import { AllEnterpriseModule, ModuleRegistry } from 'ag-grid-enterprise';
 import { AgGridReact } from 'ag-grid-react';
 import { defaultTheme } from './theme/defaultTheme';
 import classNames from 'classnames';
-import { useRef, useState } from 'react';
+import { useContext, useRef, useState } from 'react';
 import { TableFooter } from './TableFooter';
 import { TableHeader } from './TableHeader';
 import { GridApiContext } from './GridApiContext';
@@ -15,6 +15,7 @@ import { BulkActionsDropdown } from './tableControls/BulkActionsDropdown';
 import { HideColumnsDropdown } from './tableControls/HideColumnsDropdown';
 import { useTableSettings } from './useTableSettings';
 import { setAgGridLicenseKey } from '../../utils/setAgGridLicenseKey';
+import { PopupParentContext } from '../../utils/PopupParentContext';
 import { toggleRowSelectionInCurrentRange } from './toggleRowSelectionInCurrentRange';
 import { defaultValueFormatter, DSDefaultColDef, shouldSuppressFocus } from './DSDefaultColDef';
 import { NumberCellEditor } from './cellEditors/NumberCellEditor';
@@ -26,7 +27,7 @@ import { focusFirstFocusableElement } from '../../utils/focusFirstFocusableEleme
 import { BooleanFilter } from './columnFilters/BooleanFilter/BooleanFilter';
 import { TimeFilter } from './columnFilters/TimeFilter/TimeFilter';
 import { DateCellEditor } from './cellEditors/DateCellEditor';
-import { TableSettingsDropdown } from './tableControls/TableSettingsDropdown';
+import { TableSettingsDropdown, TABLE_SETTINGS_ITEMS } from './tableControls/TableSettingsDropdown';
 import { TableControls } from './tableControls/TableControls';
 import { TABLE_SPACING } from './tableConsts';
 import { TableSettingsContext } from './TableSettingsContext';
@@ -40,6 +41,7 @@ export const Table = (props) => {
     const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, onTableSettingsChanged, onTableSettingsReset, onColumnBordersChanged, onTableSpacingChanged, onCellColorsChanged, enableSimultaneousRangeAndRowSelection = false, disableDragSelect = false, onCellSelectionChanged, defaultColDef = {}, context = {}, components = {}, tableTheme, onCellFocused, verticalHeaderText = false, className: propsClassName, ...rest } = props;
     const [gridApi, setGridApi] = useState(null);
     const [searchValue, setSearchValue] = useState('');
+    const popupParentRef = useContext(PopupParentContext);
     const { settings, resetSettings, setHasColumnBorders, setTableSpacing, setAreCellColorsEnabled, } = useTableSettings({
         onTableSettingsChanged,
         onTableSettingsReset,
@@ -72,7 +74,7 @@ export const Table = (props) => {
                 setHasColumnBorders,
                 setTableSpacing,
                 setAreCellColorsEnabled,
-            }, children: _jsxs("section", { "data-testid": testId, className: classNames('ds-table__container', wrapperClassName), onMouseDown: () => { isUsingKeyboardRef.current = false; }, onMouseUp: () => { isUsingKeyboardRef.current = false; }, onMouseMove: () => { isUsingKeyboardRef.current = false; }, onKeyDown: () => { isUsingKeyboardRef.current = true; }, onKeyUp: () => { isUsingKeyboardRef.current = true; }, children: [headerContent && (_jsx(TableHeader, { "data-testid": headerTestId, hasSearch: hasSearch, searchValue: searchValue, setSearchValue: setSearchValue, children: headerContent })), _jsx(AgGridReact, { theme: getTheme(), onGridReady: (event) => {
+            }, children: _jsxs("section", { "data-testid": testId, className: classNames('ds-table__container', wrapperClassName), onMouseDown: () => { isUsingKeyboardRef.current = false; }, onMouseUp: () => { isUsingKeyboardRef.current = false; }, onMouseMove: () => { isUsingKeyboardRef.current = false; }, onKeyDown: () => { isUsingKeyboardRef.current = true; }, onKeyUp: () => { isUsingKeyboardRef.current = true; }, children: [headerContent && (_jsx(TableHeader, { "data-testid": headerTestId, hasSearch: hasSearch, searchValue: searchValue, setSearchValue: setSearchValue, children: headerContent })), _jsx(AgGridReact, { theme: getTheme(), popupParent: popupParentRef.current, onGridReady: (event) => {
                             const { api } = event;
                             setGridApi(api);
                             onGridReady?.(event);
@@ -111,6 +113,8 @@ Table.RowCountInfo = RowCountInfo;
 Table.BulkActionsDropdown = BulkActionsDropdown;
 Table.HideColumnsDropdown = HideColumnsDropdown;
 Table.ButtonCellRenderer = ButtonCellRenderer;
+Table.InlineTextCellRenderer = InlineTextCellRenderer;
+Table.SelectDropdownCellRenderer = SelectDropdownCellRenderer;
 Table.BooleanCellRenderer = BooleanCellRenderer;
 Table.DefaultCellRenderer = DefaultCellRenderer;
 Table.DateCellEditor = DateCellEditor;
@@ -121,4 +125,5 @@ Table.DefaultValueFormatter = defaultValueFormatter;
 Table.TableSettingsDropdown = TableSettingsDropdown;
 Table.TableControls = TableControls;
 Table.Spacing = TABLE_SPACING;
+Table.SettingsItems = TABLE_SETTINGS_ITEMS;
 //# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

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

package/dist/components/table/Table.stories.d.ts

@@ -15,6 +15,7 @@ export declare const WithTableControls: Story;
 export declare const WithTableControlsStartGroupOnly: Story;
 export declare const WithTableControlsEndGroupOnly: Story;
 export declare const WithHideColumnsDropdown: Story;
+export declare const WithInitiallyHiddenColumns: Story;
 export declare const WithRestrictedHideColumnsDropdown: Story;
 export declare const WithClientSidePagination: StoryObj<TableProps>;
 export declare const WithServerSidePagination: StoryObj<TableProps>;
@@ -30,6 +31,8 @@ export declare const TableWithExplicitColours: Story;
 export declare const TableWithSemanticColors: Story;
 export declare const WithDateCellEditor: Story;
 export declare const WithBooleanCellRenderer: Story;
+export declare const WithTableSettingsDropdownItems: Story;
+export declare const WithTableSettingsDropdownCustomItems: Story;
 export declare const WithCheckboxCellRenderer: Story;
 export default meta;
 //# sourceMappingURL=Table.stories.d.ts.map

package/dist/components/table/Table.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAY1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA4NpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KA0B7C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAwB3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAmD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAsBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAqDzD,CAAC;AA6FF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CAqGpF,CAAC;AAEJ,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CA0HvF,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAkBxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0E1B,CAAC;AA0BF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AA8BF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAwJF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAoFF,eAAO,MAAM,kBAAkB,EAAE,KAkBhC,CAAC;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAC;AAiFF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAgO/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAuH1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA4NpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KA0B7C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAwB3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA4CxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAmD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAsBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAqDzD,CAAC;AA6FF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CAqGpF,CAAC;AAEJ,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CA0HvF,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAkBxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0E1B,CAAC;AA0BF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AA8BF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAwJF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAoFF,eAAO,MAAM,kBAAkB,EAAE,KAkBhC,CAAC;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAC;AAiFF,eAAO,MAAM,8BAA8B,EAAE,KAoB5C,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,KA8ClD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/table/Table.stories.js

@@ -1,4 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import {} from 'ag-grid-enterprise';
 import { Table } from './Table';
 import { Button } from '../button/Button';
@@ -12,14 +14,317 @@ import { Modal } from '../modal/Modal';
 import { ModalUtils } from '../../utils/ModalUtils';
 import { BooleanFilter, doesBooleanFilterPass, } from './columnFilters/BooleanFilter/BooleanFilter';
 import { doesTimeFilterPass, TimeFilter, } from './columnFilters/TimeFilter/TimeFilter';
+// ---------------------------------------------------------------------------
+// Content strings for the custom DocsPage
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`Table` is an enterprise-grade data table built on top of [AG Grid React](https://www.ag-grid.com/react-data-grid/).',
+    'It wraps `AgGridReact` with Arbor design tokens, a custom theme, built-in search, pagination, bulk actions,',
+    'hide-columns, and a suite of custom cell renderers and column filters.',
+    'All AG Grid props pass through via `...rest`, so the full AG Grid API is available.',
+].join(' ');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any DS-specific prop to see the story update in real time.';
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Displaying large, structured datasets where users need to sort, filter, search, or paginate.',
+    '- Any screen in Arbor that renders rows of records (pupil lists, staff registers, attendance grids, marksheets).',
+    '- When cells need interactive controls — buttons, dropdowns, checkboxes, date pickers.',
+    '- When column visibility, row selection, and bulk actions are required.',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| A small read-only list of key–value pairs | [`Section`](?path=/docs/components-section--docs) with [`Row`](?path=/docs/components-row--docs) components |',
+    '| A two-column data summary (label + value) | [`Row`](?path=/docs/components-row--docs) inside a `Section` |',
+    '| Simple static HTML tables | Native `<table>` with semantic markup |',
+    '| A handful of rows that never change | Native `<table>` — AG Grid has overhead |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### AG Grid license',
+    '',
+    '`setAgGridLicenseKey()` is called automatically inside the `Table` component.',
+    'You do **not** need to call it yourself.',
+    '',
+    '---',
+    '',
+    '### Registered cell renderers',
+    '',
+    'These string keys are pre-registered and available in any `cellRenderer` or `cellRendererParams`:',
+    '',
+    '| Key | Component | Purpose |',
+    '|---|---|---|',
+    '| `dsButtonCellRenderer` | `Table.ButtonCellRenderer` | Renders a `Button` inside a cell |',
+    '| `dsInlineTextCellRenderer` | `Table.InlineTextCellRenderer` | Inline text editing with expand/collapse support |',
+    '| `dsSelectDropdownCellRenderer` | `Table.SelectDropdownCellRenderer` | Renders a `SelectDropdown` in a cell |',
+    '| `dsBooleanCellRenderer` | `Table.BooleanCellRenderer` | Read-only boolean display |',
+    '| `dsCheckboxCellRenderer` | `Table.CheckboxCellRenderer` | Editable boolean checkbox |',
+    '| `dsDateCellEditor` | `Table.DateCellEditor` | Date picker cell editor |',
+    '',
+    '---',
+    '',
+    '### Registered column filters',
+    '',
+    '| Import | `doesFilterPass` helper | Use case |',
+    '|---|---|---|',
+    '| `BooleanFilter` | `doesBooleanFilterPass` | Filtering boolean / active columns |',
+    '| `TimeFilter` | `doesTimeFilterPass` | Filtering time string columns |',
+    '',
+    '---',
+    '',
+    '### Header and footer slots',
+    '',
+    '- `headerContent` — pass any `ReactNode` here; the `<TableHeader>` wraps it with a built-in search bar.',
+    '  Use `Table.TableControls` for the standard toolbar (bulk actions, hide columns, settings, download, help, expand).',
+    '- `hasSearch` (default `true`) — controls whether the search bar is rendered inside the header.',
+    '  Set to `false` when the header has no search functionality.',
+    '- `footerContent` — pass any `ReactNode` here; the `<TableFooter>` wraps it.',
+    '  Use `Table.PaginationPanel` for standard pagination.',
+    '',
+    '---',
+    '',
+    '### TableSettingsDropdown customisation',
+    '',
+    '`Table.TableSettingsDropdown` accepts an optional `items` prop to control which controls are shown and in what order.',
+    'Omit `items` (or omit any key) to hide that control entirely.',
+    '',
+    '```tsx',
+    '// Built-in keys — use any subset in any order:',
+    '<Table.TableSettingsDropdown items={[\'tableSpacing\', \'separator\', \'style\']} />',
+    '',
+    '// Custom checkbox group:',
+    '<Table.TableSettingsDropdown items={[',
+    '  \'tableSpacing\',',
+    '  { type: \'checkboxGroup\', legend: \'View options\', options: [',
+    '    { label: \'Show inactive\', checked: showInactive, onChange: setShowInactive },',
+    '  ] },',
+    ']} />',
+    '',
+    '// Custom radio group:',
+    '<Table.TableSettingsDropdown items={[',
+    '  { type: \'radioGroup\', legend: \'Display\', name: \'display\', checkedValue: view, onChange: setView,',
+    '    options: [{ label: \'Compact\', value: \'compact\' }, { label: \'Default\', value: \'default\' }] },',
+    ']} />',
+    '```',
+    '',
+    'Use `Table.SettingsItems` to access the default items array and extend it:',
+    '',
+    '```tsx',
+    'const myItems = [...Table.SettingsItems, { type: \'checkboxGroup\', options: [...] }];',
+    '<Table.TableSettingsDropdown items={myItems} />',
+    '```',
+    '',
+    'Use `onTableSettingsReset` on `Table` to reset your custom state when the reset button is clicked.',
+    '',
+    '---',
+    '',
+    '### Themes',
+    '',
+    '| Value | Description |',
+    '|---|---|',
+    '| _(omit)_ | Default Arbor table theme with full spacing and borders |',
+    '| `"tidy"` | Compact theme for dense layouts like marksheets. Suppresses expand/collapse icons. |',
+    '',
+    '---',
+    '',
+    '### Table spacing',
+    '',
+    'Use `Table.Spacing` (enum `TABLE_SPACING`) when handling `onTableSpacingChanged`:',
+    '',
+    '```ts',
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    '// Table.Spacing values:',
+    '// Table.Spacing.XS  → 0',
+    '// Table.Spacing.S   → var(--spacing-xsmall)',
+    '// Table.Spacing.M   → var(--spacing-small)  ← default',
+    '// Table.Spacing.L   → var(--spacing-medium)',
+    '```',
+    '',
+    '---',
+    '',
+    '### GridApiContext',
+    '',
+    'Child components that need the AG Grid `GridApi` can consume `Table.GridApiContext`:',
+    '',
+    '```tsx',
+    "import { useContext } from 'react';",
+    "import { Table } from '@arbor-education/design-system.components';",
+    '',
+    'function MyTableChild() {',
+    '  const gridApi = useContext(Table.GridApiContext);',
+    '  return <button onClick={() => gridApi?.exportDataAsCsv()}>Export</button>;',
+    '}',
+    '```',
+    '',
+    '---',
+    '',
+    '### DefaultColDef and DefaultValueFormatter',
+    '',
+    '`Table.DefaultColDef` contains Arbor defaults (editable, sortable, resizable, min-width, flex).',
+    'Spread it into your `defaultColDef` and add overrides:',
+    '',
+    '```ts',
+    'const defaultColDef = {',
+    '  ...Table.DefaultColDef,',
+    '  editable: false, // override',
+    '};',
+    '```',
+    '',
+    '`Table.DefaultValueFormatter` handles the `{ value: string }` cell data shape.',
+    'Any column using the object cell shape (`{ value, backgroundColor, foregroundColor, semanticColor }`) **must** use this formatter.',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { Table } from '@arbor-education/design-system.components';",
+    "import type { TableProps, TableControlsProps, BulkAction, HideColumnsProps } from '@arbor-education/design-system.components';",
+    '',
+    '// or via namespace:',
+    'type MyTableProps = Table.Props;',
+    'type MyControlsProps = Table.ControlsProps;',
+    'type MyBulkAction = Table.BulkAction;',
+    'type MySpacing = Table.Spacing;',
+    '',
+    '// Table.SettingsItems — the default settings items array (spread to extend):',
+    'const myItems = [...Table.SettingsItems, { type: \'checkboxGroup\' as const, options: [] }];',
+    '```',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Section](?path=/docs/components-section--docs) · [Row](?path=/docs/components-row--docs) · [Button](?path=/docs/components-button--docs) · [SelectDropdown](?path=/docs/components-selectdropdown--docs)',
+].join('\n');
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function TableDocsPage() {
+    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',
     component: Table,
     tags: ['autodocs'],
     parameters: {
+        layout: 'padded',
         docs: {
-            description: {
-                component: 'The Table component is a wrapper around the ag-grid-react component. It provides a set of props that can be used to configure the table.',
+            page: TableDocsPage,
+        },
+    },
+    argTypes: {
+        wrapperClassName: {
+            description: 'Additional CSS class names applied to the root `<section>` wrapper.',
+            control: 'text',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        hasSearch: {
+            description: [
+                'When `true` (the default) a quick-filter search bar is rendered inside the header area.',
+                'Set to `false` when using `headerContent` without a search requirement,',
+                'or when you want to suppress the search bar entirely.',
+            ].join(' '),
+            control: 'boolean',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+            },
+        },
+        headerContent: {
+            description: [
+                'ReactNode rendered inside the `<TableHeader>` above the grid.',
+                'Use `Table.TableControls` for the standard composed toolbar.',
+                'The built-in search bar appears here when `hasSearch` is `true`.',
+            ].join(' '),
+            control: false,
+            table: {
+                type: { summary: 'ReactNode' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        footerContent: {
+            description: [
+                'ReactNode rendered inside the `<TableFooter>` below the grid.',
+                'Use `Table.PaginationPanel` for standard client-side or server-side pagination.',
+            ].join(' '),
+            control: false,
+            table: {
+                type: { summary: 'ReactNode' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        tableTheme: {
+            description: [
+                'Visual theme for the grid.',
+                'Pass `"tidy"` for the compact marksheet-style theme.',
+                'Omit (or pass `undefined`) for the default Arbor table theme.',
+            ].join(' '),
+            control: 'select',
+            options: [undefined, 'tidy'],
+            table: {
+                type: { summary: "'tidy' | undefined" },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        enableSimultaneousRangeAndRowSelection: {
+            description: [
+                'When `true`, allows both cell-range selection and row selection to be active at the same time.',
+                'Default `false` — drag selection clears row selection.',
+            ].join(' '),
+            control: 'boolean',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        disableDragSelect: {
+            description: 'When `true`, disables drag-to-select behaviour on cell range selection.',
+            control: 'boolean',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        onTableSettingsChanged: {
+            description: 'Fired when the user changes table settings (column borders, spacing, cell colours) via the settings dropdown.',
+            control: false,
+            table: {
+                type: { summary: '(settings: TableSettings) => void' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        onTableSpacingChanged: {
+            description: 'Fired when the user changes row spacing. Receives a `Table.Spacing` (TABLE_SPACING) enum value.',
+            control: false,
+            table: {
+                type: { summary: '(val: TABLE_SPACING) => void' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        onColumnBordersChanged: {
+            description: 'Fired when the user toggles column borders on or off via the settings dropdown.',
+            control: false,
+            table: {
+                type: { summary: '(hasBorders: boolean) => void' },
+                defaultValue: { summary: 'undefined' },
+            },
+        },
+        onTableSettingsReset: {
+            description: 'Fired when the user resets all table settings to their defaults.',
+            control: false,
+            table: {
+                type: { summary: '() => void' },
+                defaultValue: { summary: 'undefined' },
             },
         },
     },
@@ -391,7 +696,31 @@ export const WithHideColumnsDropdown = {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         overrideColumnHiding, } = args;
-        return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: console.log })) }));
+        return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: fn() })) }));
+    },
+};
+export const WithInitiallyHiddenColumns = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'Use AG Grid initial state to start with selected columns hidden. This example hides the email and role columns on first render.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+        initialState: {
+            columnVisibility: {
+                hiddenColIds: ['email', 'role'],
+            },
+        },
+    },
+    render: (args) => {
+        const { rowData, columnDefs, defaultColDef, domLayout, initialState, } = args;
+        return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, initialState: initialState, headerContent: (_jsx(HideColumnsDropdown, { onSelectionChanged: fn() })) }));
     },
 };
 export const WithRestrictedHideColumnsDropdown = {
@@ -420,7 +749,7 @@ export const WithRestrictedHideColumnsDropdown = {
         return (_jsx(Table, { rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: domLayout, onGridReady: (params) => {
                 const { api } = params;
                 setColumns(api.getColumns()?.slice(1) || []);
-            }, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: console.log, columns: columns })) }));
+            }, headerContent: (_jsx(HideColumnsDropdown, { overrideColumnHiding: overrideColumnHiding, onSelectionChanged: fn(), columns: columns })) }));
     },
 };
 export const WithClientSidePagination = {
@@ -1464,6 +1793,56 @@ const checkboxColumnDefs = [
         editable: false,
     },
 ];
+export const WithTableSettingsDropdownItems = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'Pass an `items` array to control exactly which controls appear. Only the items you include will be shown. Available keys: `tableSpacing`, `separator`, `style`.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+        headerContent: (_jsx(Table.TableSettingsDropdown, { items: ['tableSpacing'] })),
+    },
+};
+export const WithTableSettingsDropdownCustomItems = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'Pass an `items` array with any mix of built-in keys and custom item objects in any order. Built-in keys: `tableSpacing`, `separator`, `style`. For custom items, use `{ type: "checkboxGroup", legend?, options }` for a group of toggles or `{ type: "radioGroup", legend?, name, checkedValue, onChange, options }` for mutually exclusive options. Custom item state is managed externally. Use `onTableSettingsReset` on the Table to reset custom state when the reset button is clicked.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+    },
+    render: (args) => {
+        const [showInactive, setShowInactive] = useState(false);
+        const filteredData = showInactive
+            ? args.rowData
+            : args.rowData?.filter((row) => row.active);
+        return (_jsx(Table, { ...args, rowData: filteredData, onTableSettingsReset: () => setShowInactive(false), headerContent: (_jsx(Table.TableSettingsDropdown, { items: [
+                    'tableSpacing',
+                    'separator',
+                    'style',
+                    'separator',
+                    {
+                        type: 'checkboxGroup',
+                        legend: 'View options',
+                        options: [
+                            { label: 'Show inactive users', checked: showInactive, onChange: setShowInactive },
+                        ],
+                    },
+                ] })) }));
+    },
+};
 export const WithCheckboxCellRenderer = {
     parameters: {
         docs: {