@arbor-education/design-system.components 0.10.0 → 0.11.1

package/README.md

@@ -1,38 +1,128 @@
-# Components for the Design System
+# @arbor-education/design-system.components
 
-## What components are there?
-Have a look at our wonderful [Storybook](https://main--68c3f2a09d95b22aa55a11e8.chromatic.com/).
+The React component library for the Arbor design system. Components are built with TypeScript, styled with Sass, developed in Storybook, and tested with Vitest. This library serves millions of students and educators across the UK — handle with care.
+
+---
+
+## Storybook
+
+The component library is documented and previewed in Storybook.
+
+**Production Storybook** (built on every push to `main`):
+https://main--68c3f2a09d95b22aa55a11e8.chromatic.com/
+
+**Per-PR Storybook previews**: every pull request automatically triggers a Chromatic build. Once it completes, a bot will comment on your PR with links to both the Storybook preview and the Chromatic visual diff for that branch.
+
+---
+
+## Local setup
 
-## Local set up
 ### Prerequisites
-Make sure you have [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) and [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) installed
 
-### Set up steps
-Run `nvm use`
+- [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) for Node version management
+- [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) for package management
+
+### Steps
+
+```bash
+nvm use
+yarn install
+yarn storybook
+```
+
+Storybook will build and open in your browser with hot reloading ready for development.
+
+---
+
+## Commands
+
+### Development
+| Command | Description |
+|---------|-------------|
+| `yarn storybook` | Start Storybook dev server on port 6006 |
+| `yarn watch` | Watch mode — rebuilds and pushes to Yalc consumers on changes |
+
+### Building
+| Command | Description |
+|---------|-------------|
+| `yarn build` | Full production build (TypeScript + tsc-alias + Sass) |
+| `yarn tsc` | TypeScript compilation only |
+| `yarn check-types` | Type check without emitting files |
+
+### Testing
+| Command | Description |
+|---------|-------------|
+| `yarn test` | Run Vitest in watch mode |
+| `yarn test:coverage` | Run tests once with coverage report |
+
+### Linting
+| Command | Description |
+|---------|-------------|
+| `yarn style-lint` | Lint SCSS files with stylelint |
+
+> ESLint runs automatically on staged TypeScript files via lint-staged on git commit.
+
+---
+
+## Creating a new component
+
+Use the scaffolding script to generate all necessary files for a new component:
+
+```bash
+yarn create-component <ComponentName>
+```
+
+This creates `Component.tsx`, `Component.test.tsx`, `Component.stories.tsx`, and `component.scss`, and automatically adds the exports to `src/index.ts` and `src/index.scss`.
+
+---
+
+## Local development with a consumer project
+
+This library uses [Yalc](https://github.com/wclr/yalc) for local linking.
+
+**First time setup** — install Yalc globally:
+```bash
+npm i yalc -g
+```
 
-Run `yarn install`
+**Link the library to a consumer project:**
 
-Run `yarn storybook`
+```bash
+# In this repo — build and publish to the local Yalc store
+yarn build
+yalc publish
 
-Storybook should then build and open a browser window with your local version, complete with all the hot reloading niceties, ready for you to start development.
+# In the consumer project — add the local package
+yalc add @arbor-education/design-system.components
+```
 
+**For active development with hot updates**, use watch mode instead:
 
-## How can I create a component?
+```bash
+# In this repo — automatically rebuilds and pushes to Yalc on file changes
+yarn watch
+```
 
-In order to use the createComponent script, run the following command:
+---
 
-    chmod +x bin/createComponent.sh
+## Version management
 
-Then you can create a new component by running
+This library uses [Changesets](https://github.com/changesets/changesets) for versioning and changelog generation.
 
-    npm run create-component <ComponentName>
+If your change affects the public API (new components, changed props, removed exports), create a changeset before opening your PR:
 
-## How can I link this package locally?
+```bash
+yarn changeset
+```
 
-You can link this package locally using [Yalc](https://github.com/wclr/yalc). To publish new changes locally with hot loading, run:
+---
 
-    yarn build
+## Contributing
 
-On the consumer project run:
+Before opening a PR, please read [CONTRIBUTING.md](./CONTRIBUTING.md). Key points:
 
-    yalc add design-system.components
+- One PR, one thing — if the title needs "and" or "also", split it
+- Keep meaningful code diffs under 400 lines
+- All tests must pass (`yarn test:coverage`)
+- All type checks must pass (`yarn check-types`)
+- Use the PR template — fill in every section

package/dist/components/table/DSDefaultColDef.js

@@ -14,7 +14,7 @@ export const shouldSuppressFocus = (params) => {
     if (typeof params.column !== 'object') {
         return false;
     }
-    return params.column?.getColDef().cellRendererParams.supressCellFocusAndFocusFirstElement ?? false;
+    return params.column?.getColDef().cellRendererParams.suppressCellFocusAndFocusFirstElement ?? false;
 };
 export const DSDefaultColDef = {
     cellStyle: cellColorStyles,
@@ -48,7 +48,7 @@ export const DSDefaultColDef = {
         useFormatter: true,
     },
     cellClassRules: {
-        'ds-table__cell--supress-focus': shouldSuppressFocus,
+        'ds-table__cell--suppress-focus': shouldSuppressFocus,
     },
     cellRendererParams: {
         suppressMouseEventHandling: (params) => {

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

@@ -1 +1 @@
-{"version":3,"file":"DSDefaultColDef.js","sourceRoot":"","sources":["../../../src/components/table/DSDefaultColDef.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,mEAAmE;AACnE,MAAM,cAAc,GAAG,CAAC,KAAc,EAA+B,EAAE;IACrE,OAAO,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAuB,CAAC,MAAM,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IACzB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAA8E,EAAE,EAAE;IACpH,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,kBAAkB,CAAC,oCAAoC,IAAI,KAAK,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QACtB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;QAC3C,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IACD,cAAc,EAAE,qBAAqB;IACrC,iBAAiB,EAAE,CAAC,MAAM,EAAE,EAAE;QAC5B,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;QAC3C,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAC,KAAK,CAAC;QACzB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,IAAI;KACnB;IACD,cAAc,EAAE;QACd,+BAA+B,EAAE,mBAAmB;KACrD;IACD,kBAAkB,EAAE;QAClB,0BAA0B,EAAE,CAAC,MAAwC,EAAE,EAAE;YACvE,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF;CACF,CAAC"}
+{"version":3,"file":"DSDefaultColDef.js","sourceRoot":"","sources":["../../../src/components/table/DSDefaultColDef.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,mEAAmE;AACnE,MAAM,cAAc,GAAG,CAAC,KAAc,EAA+B,EAAE;IACrE,OAAO,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAuB,CAAC,MAAM,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IACzB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAA8E,EAAE,EAAE;IACpH,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,kBAAkB,CAAC,qCAAqC,IAAI,KAAK,CAAC;AACtG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QACtB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;QAC3C,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IACD,cAAc,EAAE,qBAAqB;IACrC,iBAAiB,EAAE,CAAC,MAAM,EAAE,EAAE;QAC5B,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC;QAC3C,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAC,KAAK,CAAC;QACzB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,IAAI;KACnB;IACD,cAAc,EAAE;QACd,gCAAgC,EAAE,mBAAmB;KACtD;IACD,kBAAkB,EAAE;QAClB,0BAA0B,EAAE,CAAC,MAAwC,EAAE,EAAE;YACvE,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;KACF;CACF,CAAC"}

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

@@ -1,4 +1,3 @@
-import { type GridApi } from 'ag-grid-enterprise';
 import { type AgGridReactProps } from 'ag-grid-react';
 import { type ReactNode } from 'react';
 import { type UseTableSettingsParams } from './useTableSettings';
@@ -14,23 +13,8 @@ type TableProps<TData = any> = {
     'disableDragSelect'?: boolean;
     'tableTheme'?: string;
 } & UseTableSettingsParams & AgGridReactProps<TData>;
-export declare enum TABLE_SPACING {
-    XS = "XS",
-    S = "S",
-    M = "M",
-    L = "L"
-}
-export declare const TableSettingsContext: import("react").Context<{
-    settings: {
-        hasColumnBorders: boolean;
-        tableSpacing: TABLE_SPACING;
-        areCellColorsEnabled: boolean;
-    };
-    resetSettings: () => void;
-    setHasColumnBorders: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setTableSpacing: import("react").Dispatch<import("react").SetStateAction<TABLE_SPACING>>;
-    setAreCellColorsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-}>;
+export { TABLE_SPACING } from './tableConsts';
+export { TableSettingsContext } from './TableSettingsContext';
 export declare const Table: {
     (props: TableProps): import("react/jsx-runtime").JSX.Element;
     PaginationPanel: (props: {
@@ -40,22 +24,14 @@ export declare const Table: {
     PaginationControls: (props: import("./pagination/PaginationControls").PaginationControlsProps) => import("react/jsx-runtime").JSX.Element;
     RowCountInfo: (props: import("./pagination/RowCountInfo").RowCountInfoProps) => import("react/jsx-runtime").JSX.Element | null;
     BulkActionsDropdown: (props: {
-        actions: {
-            displayName: string;
-            callback: (api: GridApi | null) => void;
-            disabled?: boolean;
-        }[];
+        actions: import("./tableControls/BulkActionsDropdown").BulkAction[];
     }) => import("react/jsx-runtime").JSX.Element;
-    HideColumnsDropdown: (props: {
-        columns?: import("ag-grid-enterprise").Column[];
-        onSelectionChanged?: (cols: string[]) => void;
-        overrideColumnHiding?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    HideColumnsDropdown: (props: import("./tableControls/HideColumnsDropdown").HideColumnsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
     ButtonCellRenderer: (props: import("ag-grid-react").CustomCellRendererProps<any, any, any> & {
         value: import("../button/Button").ButtonProps;
     }) => import("react/jsx-runtime").JSX.Element;
     DefaultValueFormatter: import("ag-grid-enterprise").ValueFormatterFunc<any, any, any>;
     TableSettingsDropdown: () => import("react/jsx-runtime").JSX.Element;
+    TableControls: (props: import("./tableControls/TableControls").TableControlsProps) => import("react/jsx-runtime").JSX.Element | null;
 };
-export {};
 //# sourceMappingURL=Table.d.ts.map

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,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAenF,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;CACvB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;EAU/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAmJtC,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AACA,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;AAmBnF,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;CACvB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;CAoJtC,CAAC"}

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 { createContext, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { TableFooter } from './TableFooter';
 import { TableHeader } from './TableHeader';
 import { GridApiContext } from './GridApiContext';
@@ -11,8 +11,8 @@ import { PaginationPanel } from './pagination/PaginationPanel';
 import { PageSizeSelector } from './pagination/PageSizeSelector';
 import { PaginationControls } from './pagination/PaginationControls';
 import { RowCountInfo } from './pagination/RowCountInfo';
-import { BulkActionsDropdown } from './BulkActionsDropdown';
-import { HideColumnsDropdown } from './HideColumnsDropdown';
+import { BulkActionsDropdown } from './tableControls/BulkActionsDropdown';
+import { HideColumnsDropdown } from './tableControls/HideColumnsDropdown';
 import { useTableSettings } from './useTableSettings';
 import { setAgGridLicenseKey } from '../../utils/setAgGridLicenseKey';
 import { toggleRowSelectionInCurrentRange } from './toggleRowSelectionInCurrentRange';
@@ -24,28 +24,16 @@ import { tidyTheme } from './theme/tidyTheme';
 import { focusFirstFocusableElement } from '../../utils/focusFirstFocusableElement';
 import { BooleanFilter } from './columnFilters/BooleanFilter/BooleanFilter';
 import { TimeFilter } from './columnFilters/TimeFilter/TimeFilter';
-import { TableSettingsDropdown } from './TableSettingsDropdown';
+import { TableSettingsDropdown } from './tableControls/TableSettingsDropdown';
+import { TableControls } from './tableControls/TableControls';
+import { TABLE_SPACING } from './tableConsts';
+import { TableSettingsContext } from './TableSettingsContext';
 import { BooleanCellRenderer } from './cellRenderers/BooleanCellRenderer';
+import { CheckboxCellRenderer } from './cellRenderers/CheckboxCellRenderer';
 setAgGridLicenseKey();
 ModuleRegistry.registerModules([AllEnterpriseModule]);
-export var TABLE_SPACING;
-(function (TABLE_SPACING) {
-    TABLE_SPACING["XS"] = "XS";
-    TABLE_SPACING["S"] = "S";
-    TABLE_SPACING["M"] = "M";
-    TABLE_SPACING["L"] = "L";
-})(TABLE_SPACING || (TABLE_SPACING = {}));
-export const TableSettingsContext = createContext({
-    settings: {
-        hasColumnBorders: false,
-        tableSpacing: TABLE_SPACING.S,
-        areCellColorsEnabled: true,
-    },
-    setTableSpacing: () => { },
-    setHasColumnBorders: () => { },
-    resetSettings: () => { },
-    setAreCellColorsEnabled: () => { },
-});
+export { TABLE_SPACING } from './tableConsts';
+export { TableSettingsContext } from './TableSettingsContext';
 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, ...rest } = props;
     const [gridApi, setGridApi] = useState(null);
@@ -107,6 +95,7 @@ export const Table = (props) => {
                             dsSelectDropdownCellRenderer: SelectDropdownCellRenderer,
                             dsBooleanFilter: BooleanFilter,
                             dsTimeFilter: TimeFilter,
+                            dsCheckboxCellRenderer: CheckboxCellRenderer,
                             dsBooleanCellRenderer: BooleanCellRenderer,
                             ...components,
                         }, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
@@ -120,4 +109,5 @@ Table.HideColumnsDropdown = HideColumnsDropdown;
 Table.ButtonCellRenderer = ButtonCellRenderer;
 Table.DefaultValueFormatter = defaultValueFormatter;
 Table.TableSettingsDropdown = TableSettingsDropdown;
+Table.TableControls = TableControls;
 //# 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

@@ -10,6 +10,9 @@ export declare const WithHeader: Story;
 export declare const WithHeaderAndNoSearch: Story;
 export declare const WithHeaderAndFooter: Story;
 export declare const WithBulkActions: Story;
+export declare const WithTableControls: Story;
+export declare const WithTableControlsStartGroupOnly: Story;
+export declare const WithTableControlsEndGroupOnly: Story;
 export declare const WithHideColumnsDropdown: Story;
 export declare const WithRestrictedHideColumnsDropdown: Story;
 export declare const WithClientSidePagination: StoryObj<TableProps>;
@@ -25,5 +28,6 @@ export declare const TidyTable: Story;
 export declare const TableWithExplicitColours: Story;
 export declare const TableWithSemanticColors: Story;
 export declare const WithBooleanCellRenderer: 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;AAKhC,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;AA6JpC,eAAO,MAAM,OAAO,EAAE,KAYrB,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,KAmC7B,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;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,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;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;AAqJpC,eAAO,MAAM,OAAO,EAAE,KAYrB,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;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAC;AAiFF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -2,13 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import {} from 'ag-grid-enterprise';
 import { Table } from './Table';
 import { Button } from '../button/Button';
-import { Icon } from '../icon/Icon';
-import { BulkActionsDropdown } from './BulkActionsDropdown';
 import { useState } from 'react';
 import { RowCountInfo } from './pagination/RowCountInfo';
 import { PaginationPanel } from './pagination/PaginationPanel';
-import { HideColumnsDropdown } from './HideColumnsDropdown';
-import { TableSettingsDropdown } from './TableSettingsDropdown';
+import { HideColumnsDropdown } from './tableControls/HideColumnsDropdown';
+import { TableControls } from './tableControls/TableControls';
 import { ModalManager } from '../modal/modalManager/ModalManager';
 import { Modal } from '../modal/Modal';
 import { ModalUtils } from '../../utils/ModalUtils';
@@ -138,10 +136,7 @@ const footerContent = [
     _jsx(RowCountInfo, {}, 3),
     _jsx(Button, { variant: "secondary", children: "Button 2" }, 2),
 ];
-const headerContent = [
-    _jsxs("div", { style: { display: 'flex', gap: '0.5rem' }, children: [_jsx(Button, { variant: "secondary", size: "S", children: "Button 1" }, 0), _jsx(Button, { variant: "secondary", size: "S", children: "Button 2" }, 1)] }, 0),
-    _jsxs("div", { style: { display: 'flex', gap: '1rem' }, children: [_jsx(Icon, { name: "download" }), _jsx(TableSettingsDropdown, {}), _jsx(Icon, { name: "circle-help" }), _jsx(Icon, { name: "expand" })] }, 1),
-];
+const headerContent = (_jsx(TableControls, { onDownload: () => console.log('download'), showSettings: true, onHelp: () => console.log('help'), onExpandToggle: expanded => console.log('expand', expanded) }));
 export const Default = {
     args: {
         rowData: sampleData,
@@ -219,23 +214,71 @@ export const WithBulkActions = {
         columnDefs: sampleColumnDefs,
         defaultColDef,
         domLayout: 'autoHeight',
-        headerContent: [
-            _jsx(BulkActionsDropdown, { actions: [
-                    {
-                        displayName: 'foo',
-                        callback: (gridApi) => {
-                            console.log('clicked on the foo action', gridApi);
-                        },
-                    },
-                    {
-                        displayName: 'bar',
-                        callback: (gridApi) => {
-                            console.log('clicked on the bar action', gridApi);
-                        },
-                        disabled: true,
-                    },
-                ] }, 0),
-        ],
+        headerContent: (_jsx(TableControls, { bulkActions: [
+                {
+                    displayName: 'foo',
+                    callback: (gridApi) => { console.log('clicked on the foo action', gridApi); },
+                },
+                {
+                    displayName: 'bar',
+                    callback: (gridApi) => { console.log('clicked on the bar action', gridApi); },
+                    disabled: true,
+                },
+            ] })),
+    },
+};
+export const WithTableControls = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'TableControls is a pre-composed toolbar that wires up the standard set of table controls. Every slot is opt-in — only pass the props for the controls you need.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+        headerContent: (_jsx(TableControls, { bulkActions: [
+                { displayName: 'Export selected', callback: api => console.log('export', api) },
+                { displayName: 'Delete selected', callback: api => console.log('delete', api), disabled: true },
+            ], onUndo: () => console.log('undo'), onRedo: () => console.log('redo'), showHideColumns: true, onDownload: () => console.log('download'), showSettings: true, onHelp: () => console.log('help'), onExpandToggle: expanded => console.log('expand', expanded) })),
+    },
+};
+export const WithTableControlsStartGroupOnly = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'TableControls with only the start group rendered — bulk actions, undo, redo, and hide columns. No end group props are passed so that side is omitted entirely.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+        headerContent: (_jsx(TableControls, { bulkActions: [
+                { displayName: 'Export selected', callback: api => console.log('export', api) },
+                { displayName: 'Delete selected', callback: api => console.log('delete', api), disabled: true },
+            ], onUndo: () => console.log('undo'), onRedo: () => console.log('redo'), showHideColumns: true })),
+    },
+};
+export const WithTableControlsEndGroupOnly = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'TableControls with only the end group rendered — search, download, settings, help, and expand. No start group props are passed so that side is omitted entirely.',
+            },
+        },
+    },
+    args: {
+        rowData: sampleData,
+        columnDefs: sampleColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+        headerContent: (_jsx(TableControls, { hasSearch: true, onDownload: () => console.log('download'), showSettings: true, onHelp: () => console.log('help'), onExpandToggle: expanded => console.log('expand', expanded) })),
     },
 };
 export const WithHideColumnsDropdown = {
@@ -349,7 +392,7 @@ const sampleColumnDefsWithButtonCellRenderer = [
                 headerTooltip: 'The name of the user',
                 cellRenderer: 'dsButtonCellRenderer',
                 cellRendererParams: {
-                    supressCellFocusAndFocusFirstElement: true,
+                    suppressCellFocusAndFocusFirstElement: true,
                 },
                 editable: false,
             },
@@ -608,7 +651,7 @@ export const WithInlineTextCellRenderer = {
                 field: 'name',
                 cellRenderer: 'dsInlineTextCellRenderer',
                 cellRendererParams: {
-                    supressCellFocusAndFocusFirstElement: true,
+                    suppressCellFocusAndFocusFirstElement: true,
                     suppressCount: true,
                     suppressDoubleClickExpand: true,
                     suppressEnterExpand: true,
@@ -947,7 +990,7 @@ export const TidyTable = {
             editable: false,
             cellRenderer: 'agGroupCellRenderer',
             cellRendererParams: {
-                supressCellFocusAndFocusFirstElement: true,
+                suppressCellFocusAndFocusFirstElement: true,
                 suppressCount: true,
                 suppressDoubleClickExpand: true,
                 suppressEnterExpand: true,
@@ -1169,5 +1212,97 @@ export const WithBooleanCellRenderer = {
         domLayout: 'autoHeight',
     },
 };
+const checkboxRowData = [
+    {
+        id: 1,
+        name: { value: 'Alice Johnson' },
+        email: { value: 'alice.johnson@example.com' },
+        role: { value: 'Developer' },
+        attended: true,
+        consented: false,
+    },
+    {
+        id: 2,
+        name: { value: 'Bob Smith' },
+        email: { value: 'bob.smith@example.com' },
+        role: { value: 'Designer' },
+        attended: false,
+        consented: true,
+    },
+    {
+        id: 3,
+        name: { value: 'Charlie Brown' },
+        email: { value: 'charlie.brown@example.com' },
+        role: { value: 'Manager' },
+        attended: true,
+        consented: true,
+    },
+    {
+        id: 4,
+        name: { value: 'Diana Prince' },
+        email: { value: 'diana.prince@example.com' },
+        role: { value: 'Developer' },
+        attended: false,
+        consented: false,
+    },
+    {
+        id: 5,
+        name: { value: 'Ethan Hunt' },
+        email: { value: 'ethan.hunt@example.com' },
+        role: { value: 'Analyst' },
+        attended: true,
+        consented: false,
+    },
+];
+const checkboxColumnDefs = [
+    {
+        field: 'name',
+        headerName: 'Name',
+        valueFormatter: Table.DefaultValueFormatter,
+    },
+    {
+        field: 'email',
+        headerName: 'Email',
+        valueFormatter: Table.DefaultValueFormatter,
+    },
+    {
+        field: 'role',
+        headerName: 'Role',
+        valueFormatter: Table.DefaultValueFormatter,
+    },
+    {
+        field: 'attended',
+        headerName: 'Attended',
+        cellRenderer: 'dsCheckboxCellRenderer',
+        cellRendererParams: {
+            suppressCellFocusAndFocusFirstElement: true,
+        },
+        editable: false,
+    },
+    {
+        field: 'consented',
+        headerName: 'Consented',
+        cellRenderer: 'dsCheckboxCellRenderer',
+        cellRendererParams: {
+            suppressCellFocusAndFocusFirstElement: true,
+        },
+        editable: false,
+    },
+];
+export const WithCheckboxCellRenderer = {
+    parameters: {
+        docs: {
+            description: {
+                story: 'The CheckboxCellRenderer renders a checkbox input inside a table cell. Pass a boolean value to the cell data to control the checked state.',
+            },
+        },
+    },
+    args: {
+        rowData: checkboxRowData,
+        columnDefs: checkboxColumnDefs,
+        defaultColDef,
+        domLayout: 'autoHeight',
+    },
+};
 export default meta;
 //# sourceMappingURL=Table.stories.js.map