@arbor-education/design-system.components 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## 0.1.4
 
+## 0.2.2
+
+### Patch Changes
+
+- [#98](https://github.com/arbor-education/design-system.components/pull/98) [`4c10758`](https://github.com/arbor-education/design-system.components/commit/4c10758ba2dd30679d87828b2dada1281c5471a6) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-64989 implement drag-select on table
+
+- [#102](https://github.com/arbor-education/design-system.components/pull/102) [`6c67a72`](https://github.com/arbor-education/design-system.components/commit/6c67a727f79841d45e5aa599cc79495c6fbf440c) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67025 add ag grid license key
+
 ## 0.2.1
 
 ### Patch Changes

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

@@ -14,6 +14,8 @@ type TableProps<TData = any> = {
     'onTableSettingsReset'?: () => void;
     'onColumnBordersChanged'?: (val: boolean) => void;
     'onTableSpacingChanged'?: (val: TABLE_SPACING) => void;
+    'enableSimultaneousRangeAndRowSelection'?: boolean;
+    'disableDragSelect'?: boolean;
 } & AgGridReactProps<TData>;
 export declare enum TABLE_SPACING {
     XS = "XS",

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,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUhE,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1E,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,wBAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACxD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,uBAAuB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CACxD,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAI5B,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;EAQ/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;CA8EtC,CAAC"}
+{"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,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAK1E,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,wBAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACxD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,uBAAuB,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAM5B,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;EAQ/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;CAgHtC,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 { tableTheme } from './tableTheme';
 import classNames from 'classnames';
-import { createContext, useState } from 'react';
+import { createContext, useRef, useState } from 'react';
 import { TableFooter } from './TableFooter';
 import { TableHeader } from './TableHeader';
 import { GridApiContext } from './GridApiContext';
@@ -14,6 +14,9 @@ import { RowCountInfo } from './pagination/RowCountInfo';
 import { BulkActionsDropdown } from './BulkActionsDropdown';
 import { HideColumnsDropdown } from './HideColumnsDropdown';
 import { useTableSettings } from './useTableSettings';
+import { setAgGridLicenseKey } from '../../utils/setAgGridLicenseKey';
+import { toggleRowSelectionInCurrentRange } from './toggleRowSelectionInCurrentRange';
+setAgGridLicenseKey();
 ModuleRegistry.registerModules([AllEnterpriseModule]);
 export var TABLE_SPACING;
 (function (TABLE_SPACING) {
@@ -32,7 +35,7 @@ export const TableSettingsContext = createContext({
     resetSettings: () => { },
 });
 export const Table = (props) => {
-    const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, onTableSettingsChanged, onTableSettingsReset, onColumnBordersChanged, onTableSpacingChanged, ...rest } = props;
+    const { 'data-testid': testId, wrapperClassName, headerContent, headerTestId, hasSearch = true, footerContent, footerTestId, onGridReady, onTableSettingsChanged, onTableSettingsReset, onColumnBordersChanged, onTableSpacingChanged, enableSimultaneousRangeAndRowSelection = false, disableDragSelect = false, onCellSelectionChanged, ...rest } = props;
     const [gridApi, setGridApi] = useState(null);
     const [searchValue, setSearchValue] = useState('');
     const { settings, resetSettings, setHasColumnBorders, setTableSpacing, } = useTableSettings({
@@ -41,8 +44,14 @@ export const Table = (props) => {
         onColumnBordersChanged,
         onTableSpacingChanged,
     });
+    const isUsingKeyboardRef = useRef(false);
     const { hasColumnBorders, tableSpacing } = settings;
-    return (_jsx(GridApiContext.Provider, { value: gridApi, children: _jsx(TableSettingsContext.Provider, { value: { settings, resetSettings, setHasColumnBorders, setTableSpacing }, children: _jsxs("section", { "data-testid": testId, className: classNames('ds-table__container', wrapperClassName), children: [headerContent && (_jsx(TableHeader, { "data-testid": headerTestId, hasSearch: hasSearch, searchValue: searchValue, setSearchValue: setSearchValue, children: headerContent })), _jsx(AgGridReact, { theme: tableTheme.withParams({
+    return (_jsx(GridApiContext.Provider, { value: gridApi, children: _jsx(TableSettingsContext.Provider, { value: {
+                settings,
+                resetSettings,
+                setHasColumnBorders,
+                setTableSpacing,
+            }, 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: tableTheme.withParams({
                             headerRowBorder: hasColumnBorders,
                             rowBorder: hasColumnBorders,
                             wrapperBorder: hasColumnBorders,
@@ -60,7 +69,14 @@ export const Table = (props) => {
                             const { api } = event;
                             setGridApi(api);
                             onGridReady?.(event);
-                        }, suppressPaginationPanel: true, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
+                        }, suppressPaginationPanel: true, onCellSelectionChanged: (event) => {
+                            if ((!disableDragSelect || !enableSimultaneousRangeAndRowSelection) && gridApi && event.finished) {
+                                toggleRowSelectionInCurrentRange(gridApi, isUsingKeyboardRef.current, disableDragSelect, enableSimultaneousRangeAndRowSelection);
+                            }
+                            if (onCellSelectionChanged) {
+                                onCellSelectionChanged(event);
+                            }
+                        }, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
 };
 Table.PaginationPanel = PaginationPanel;
 Table.PageSizeSelector = PageSizeSelector;

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/toggleRowSelectionInCurrentRange.d.ts

@@ -0,0 +1,3 @@
+import { type GridApi } from 'ag-grid-community';
+export declare const toggleRowSelectionInCurrentRange: (gridApi: GridApi, isUsingKeyboard: boolean, disableDragSelect?: boolean, enableSimultaneousRangeAndRowSelection?: boolean) => void;
+//# sourceMappingURL=toggleRowSelectionInCurrentRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggleRowSelectionInCurrentRange.d.ts","sourceRoot":"","sources":["../../../src/components/table/toggleRowSelectionInCurrentRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AActF,eAAO,MAAM,gCAAgC,GAC3C,SAAS,OAAO,EAChB,iBAAiB,OAAO,EACxB,2BAAyB,EACzB,gDAA8C,SAsJ/C,CAAC"}

package/dist/components/table/toggleRowSelectionInCurrentRange.js

@@ -0,0 +1,132 @@
+import { SELECTION_COLUMN_ID } from 'ag-grid-community';
+const getIsAnyRangeOutsideOfCheckboxColumn = (selectedCellRanges) => {
+    const isAnyRangeOutsideOfCheckboxColumn = selectedCellRanges.findIndex(range => range.columns.length > 1
+        || range.columns[0]?.getId() !== SELECTION_COLUMN_ID) > -1;
+    return isAnyRangeOutsideOfCheckboxColumn;
+};
+export const toggleRowSelectionInCurrentRange = (gridApi, isUsingKeyboard, disableDragSelect = false, enableSimultaneousRangeAndRowSelection = false) => {
+    // In this callback we hack the range selection to allow dragging on checkboxes
+    // to change the value of a range of checkboxes
+    //
+    // When you click on a cell, a single RangeSelectionChangedEvent is triggered.
+    // - We want to toggle the selection for this event
+    // - Only one cell will be selected in this case
+    // When you click and drag on a cell, several RangeSelectionChangedEvents are triggered.
+    // - The first and last ones have finished=true, and we can ignore all the others
+    //
+    // There isn't an easy way to distinguish between the start of both of these cases, so
+    // we treat them both the same: toggle the selection of the starting cell.
+    // For the click and drag case, at the end of the drag we then toggle the selection of
+    // all cells in the range, apart from the starting cell.
+    //
+    // There isn't any way to tell from RangeSelectionChangedEvent if the event was triggered
+    // by mouse or keyboard, so we maintain a this.isUsingKeyboard value for this purpose
+    const selectedCellRanges = gridApi.getCellRanges();
+    if (selectedCellRanges === null || selectedCellRanges.length === 0) {
+        return;
+    }
+    if (getIsAnyRangeOutsideOfCheckboxColumn(selectedCellRanges)) {
+        if (enableSimultaneousRangeAndRowSelection) {
+            return;
+        }
+        // We want to allow either selecting ranges/rows in the checkbox column,
+        // or selecting ranges in the other cells, but not both. This is to keep
+        // the bulk row action and bulk cell actions separate
+        //
+        // We want to allow selecting ranges within the checkbox column
+        // So that you can do shift+click to enable several columns, and
+        // other similar interractions
+        const rows = gridApi.getSelectedRows();
+        if (rows.length > 0) {
+            // Deselect all the selected rows
+            gridApi.deselectAll();
+        }
+        return;
+    }
+    if (disableDragSelect) {
+        return;
+    }
+    const { startRow: unsafeStartRow, endRow: unsafeEndRow } = selectedCellRanges[0];
+    if (typeof unsafeStartRow === 'undefined'
+        || typeof unsafeEndRow === 'undefined') {
+        console.error('undefined start or end row', { unsafeStartRow, unsafeEndRow });
+        return;
+    }
+    // We need to be careful to exclude any pinned rows
+    if (unsafeStartRow.rowPinned === 'top'
+        || unsafeStartRow.rowPinned === 'bottom') {
+        // If we start on a pinned row just do nothing, as there isn't an initial value to use
+        return;
+    }
+    // startRow will now be safe due to check above
+    const startRowIndex = unsafeStartRow.rowIndex;
+    // For end row, we shall trim to the fist last row, so you don't have to be
+    // really accurate with the mouse
+    let endRowIndex = unsafeEndRow.rowIndex;
+    if (unsafeEndRow.rowPinned === 'bottom') {
+        endRowIndex = gridApi.getDisplayedRowCount() - 1;
+    }
+    else if (unsafeEndRow.rowPinned === 'top') {
+        endRowIndex = 0;
+    }
+    const startingRowNode = gridApi.getDisplayedRowAtIndex(startRowIndex);
+    const isStartingRowNodeSelected = !!startingRowNode?.isSelected();
+    if (startRowIndex === endRowIndex) {
+        // We do not want to flip the state if we are currently using the keyboard, else
+        // navigating to a cell with select it.
+        if (!isUsingKeyboard) {
+            /**
+                   * If the drag is started by a click in the cell but outside the checkbox, AG Grid registers it
+                   * as a CellSelectionChangedEvent and this listener is then fired immediately after the mouseDown.
+                   *
+                   * If the drag is started by a click in the cell but inside the checkbox, AG Grid does not register
+                   * a CellSelectionChangedEvent, so this listener doesn't fire, and is only first triggered once the
+                   * drag moves the selection into another cell.
+                   *
+                   * The key difference between these two cases is that AG Grid will not toggle the cell for mouseDown
+                   * on the checkbox, it will only do so for mouseDown and mouseUp on the same checkbox, so at the end
+                   * of a drag on the checkbox row, if the drag started on the checkbox, it will need to be toggled at the
+                   * end of the drag. If the drag started in a different area of the cell, it will already have been
+                   * toggled
+                   */
+            startingRowNode?.setSelected(!isStartingRowNodeSelected);
+            startingRowNode?.updateData({
+                ...startingRowNode.data,
+                firstToggledByClickOutsideCheckbox: true,
+            });
+        }
+        return;
+    }
+    const { smallestIndex, largestIndex } = startRowIndex < endRowIndex
+        ? {
+            smallestIndex: startRowIndex,
+            largestIndex: endRowIndex,
+        }
+        : {
+            smallestIndex: endRowIndex,
+            largestIndex: startRowIndex,
+        };
+    const initiallyToggledOutsideCheckbox = startingRowNode?.data.firstToggledByClickOutsideCheckbox;
+    // restoring the data on the node to clear the flag set on the cell
+    const { 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    firstToggledByClickOutsideCheckbox: _intentionallyDiscarded, ...initialStartingRowData } = startingRowNode?.data || {};
+    startingRowNode?.updateData(initialStartingRowData);
+    const shouldInvertNextUpdatedRows = !initiallyToggledOutsideCheckbox && !isUsingKeyboard;
+    if (shouldInvertNextUpdatedRows) {
+        startingRowNode?.setSelected(!isStartingRowNodeSelected);
+    }
+    gridApi.forEachNodeAfterFilterAndSort((node, index) => {
+        if (index >= smallestIndex
+            && index <= largestIndex
+            && index !== startRowIndex) {
+            if (shouldInvertNextUpdatedRows) {
+                node.setSelected(!isStartingRowNodeSelected);
+            }
+            else {
+                node.setSelected(isStartingRowNodeSelected);
+            }
+        }
+    });
+};
+//# sourceMappingURL=toggleRowSelectionInCurrentRange.js.map

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

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

package/dist/utils/setAgGridLicenseKey.d.ts

@@ -0,0 +1,2 @@
+export declare const setAgGridLicenseKey: () => void;
+//# sourceMappingURL=setAgGridLicenseKey.d.ts.map

package/dist/utils/setAgGridLicenseKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAgGridLicenseKey.d.ts","sourceRoot":"","sources":["../../src/utils/setAgGridLicenseKey.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,YAQ/B,CAAC"}

package/dist/utils/setAgGridLicenseKey.js

@@ -0,0 +1,11 @@
+import { AgChartsCommunityModule } from 'ag-charts-community';
+import { ModuleRegistry } from 'ag-grid-community';
+import { LicenseManager, IntegratedChartsModule, AllEnterpriseModule, } from 'ag-grid-enterprise';
+export const setAgGridLicenseKey = () => {
+    LicenseManager.setLicenseKey('Using_this_{AG_Grid}_Enterprise_key_{AG-076208}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Arbor_Education_Partners_Ltd}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{Arbor_MIS}_only_for_{4}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{Arbor_MIS}_need_to_be_licensed___{Arbor_MIS}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{16_March_2026}____[v3]_[01]_MTc3MzYxOTIwMDAwMA==8820260fc59099926cf507c1e8018e49');
+    ModuleRegistry.registerModules([
+        IntegratedChartsModule.with(AgChartsCommunityModule),
+        AllEnterpriseModule,
+    ]);
+};
+//# sourceMappingURL=setAgGridLicenseKey.js.map

package/dist/utils/setAgGridLicenseKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAgGridLicenseKey.js","sourceRoot":"","sources":["../../src/utils/setAgGridLicenseKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,cAAc,CAAC,aAAa,CAC1B,orBAAorB,CACrrB,CAAC;IACF,cAAc,CAAC,eAAe,CAAC;QAC7B,sBAAsB,CAAC,IAAI,CAAC,uBAAuB,CAAC;QACpD,mBAAmB;KACpB,CAAC,CAAC;AACL,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbor-education/design-system.components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "The component library for the design system (the baby)",
   "main": "dist/index.js",
   "repository": {

package/src/components/table/Table.tsx

@@ -2,7 +2,7 @@ import { AllEnterpriseModule, ModuleRegistry, type GridApi } from 'ag-grid-enter
 import { AgGridReact, type AgGridReactProps } from 'ag-grid-react';
 import { tableTheme } from './tableTheme';
 import classNames from 'classnames';
-import { createContext, useState, type ReactNode } from 'react';
+import { createContext, useRef, useState, type ReactNode } from 'react';
 import { TableFooter } from './TableFooter';
 import { TableHeader } from './TableHeader';
 import { GridApiContext } from './GridApiContext';
@@ -13,6 +13,8 @@ import { RowCountInfo } from './pagination/RowCountInfo';
 import { BulkActionsDropdown } from './BulkActionsDropdown';
 import { HideColumnsDropdown } from './HideColumnsDropdown';
 import { useTableSettings, type TableSettings } from './useTableSettings';
+import { setAgGridLicenseKey } from 'Utils/setAgGridLicenseKey';
+import { toggleRowSelectionInCurrentRange } from './toggleRowSelectionInCurrentRange';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type TableProps<TData = any> = {
@@ -27,8 +29,12 @@ type TableProps<TData = any> = {
   'onTableSettingsReset'?: () => void;
   'onColumnBordersChanged'?: (val: boolean) => void;
   'onTableSpacingChanged'?: (val: TABLE_SPACING) => void;
+  'enableSimultaneousRangeAndRowSelection'?: boolean;
+  'disableDragSelect'?: boolean;
 } & AgGridReactProps<TData>;
 
+setAgGridLicenseKey();
+
 ModuleRegistry.registerModules([AllEnterpriseModule]);
 
 export enum TABLE_SPACING {
@@ -62,6 +68,9 @@ export const Table = (props: TableProps) => {
     onTableSettingsReset,
     onColumnBordersChanged,
     onTableSpacingChanged,
+    enableSimultaneousRangeAndRowSelection = false,
+    disableDragSelect = false,
+    onCellSelectionChanged,
     ...rest
   } = props;
 
@@ -81,12 +90,29 @@ export const Table = (props: TableProps) => {
     onTableSpacingChanged,
   });
 
+  const isUsingKeyboardRef = useRef(false);
+
   const { hasColumnBorders, tableSpacing } = settings;
 
   return (
     <GridApiContext.Provider value={gridApi}>
-      <TableSettingsContext.Provider value={{ settings, resetSettings, setHasColumnBorders, setTableSpacing }}>
-        <section data-testid={testId} className={classNames('ds-table__container', wrapperClassName)}>
+      <TableSettingsContext.Provider
+        value={{
+          settings,
+          resetSettings,
+          setHasColumnBorders,
+          setTableSpacing,
+        }}
+      >
+        <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; }}
+        >
           {headerContent && (
             <TableHeader data-testid={headerTestId} hasSearch={hasSearch} searchValue={searchValue} setSearchValue={setSearchValue}>
               {headerContent}
@@ -114,6 +140,20 @@ export const Table = (props: TableProps) => {
               onGridReady?.(event);
             }}
             suppressPaginationPanel
+            onCellSelectionChanged={(event) => {
+              if ((!disableDragSelect || !enableSimultaneousRangeAndRowSelection) && gridApi && event.finished) {
+                toggleRowSelectionInCurrentRange(
+                  gridApi,
+                  isUsingKeyboardRef.current,
+                  disableDragSelect,
+                  enableSimultaneousRangeAndRowSelection,
+                );
+              }
+
+              if (onCellSelectionChanged) {
+                onCellSelectionChanged(event);
+              }
+            }}
             {...rest}
             {...(hasSearch && { quickFilterText: searchValue })}
           />

package/src/components/table/toggleRowSelectionInCurrentRange.ts

@@ -0,0 +1,169 @@
+import { SELECTION_COLUMN_ID, type CellRange, type GridApi } from 'ag-grid-community';
+
+const getIsAnyRangeOutsideOfCheckboxColumn = (
+  selectedCellRanges: CellRange[],
+) => {
+  const isAnyRangeOutsideOfCheckboxColumn
+    = selectedCellRanges.findIndex(
+      range =>
+        range.columns.length > 1
+        || range.columns[0]?.getId() !== SELECTION_COLUMN_ID,
+    ) > -1;
+  return isAnyRangeOutsideOfCheckboxColumn;
+};
+
+export const toggleRowSelectionInCurrentRange = (
+  gridApi: GridApi,
+  isUsingKeyboard: boolean,
+  disableDragSelect = false,
+  enableSimultaneousRangeAndRowSelection = false,
+) => {
+  // In this callback we hack the range selection to allow dragging on checkboxes
+  // to change the value of a range of checkboxes
+  //
+  // When you click on a cell, a single RangeSelectionChangedEvent is triggered.
+  // - We want to toggle the selection for this event
+  // - Only one cell will be selected in this case
+  // When you click and drag on a cell, several RangeSelectionChangedEvents are triggered.
+  // - The first and last ones have finished=true, and we can ignore all the others
+  //
+  // There isn't an easy way to distinguish between the start of both of these cases, so
+  // we treat them both the same: toggle the selection of the starting cell.
+  // For the click and drag case, at the end of the drag we then toggle the selection of
+  // all cells in the range, apart from the starting cell.
+  //
+  // There isn't any way to tell from RangeSelectionChangedEvent if the event was triggered
+  // by mouse or keyboard, so we maintain a this.isUsingKeyboard value for this purpose
+
+  const selectedCellRanges = gridApi.getCellRanges();
+  if (selectedCellRanges === null || selectedCellRanges.length === 0) {
+    return;
+  }
+
+  if (getIsAnyRangeOutsideOfCheckboxColumn(selectedCellRanges)) {
+    if (enableSimultaneousRangeAndRowSelection) {
+      return;
+    }
+    // We want to allow either selecting ranges/rows in the checkbox column,
+    // or selecting ranges in the other cells, but not both. This is to keep
+    // the bulk row action and bulk cell actions separate
+    //
+    // We want to allow selecting ranges within the checkbox column
+    // So that you can do shift+click to enable several columns, and
+    // other similar interractions
+    const rows = gridApi.getSelectedRows();
+    if (rows.length > 0) {
+      // Deselect all the selected rows
+      gridApi.deselectAll();
+    }
+    return;
+  }
+
+  if (disableDragSelect) {
+    return;
+  }
+
+  const { startRow: unsafeStartRow, endRow: unsafeEndRow }
+    = selectedCellRanges[0] as CellRange;
+  if (
+    typeof unsafeStartRow === 'undefined'
+    || typeof unsafeEndRow === 'undefined'
+  ) {
+    console.error('undefined start or end row', { unsafeStartRow, unsafeEndRow });
+    return;
+  }
+
+  // We need to be careful to exclude any pinned rows
+  if (
+    unsafeStartRow.rowPinned === 'top'
+    || unsafeStartRow.rowPinned === 'bottom'
+  ) {
+    // If we start on a pinned row just do nothing, as there isn't an initial value to use
+    return;
+  }
+  // startRow will now be safe due to check above
+  const startRowIndex = unsafeStartRow.rowIndex;
+
+  // For end row, we shall trim to the fist last row, so you don't have to be
+  // really accurate with the mouse
+  let endRowIndex = unsafeEndRow.rowIndex;
+  if (unsafeEndRow.rowPinned === 'bottom') {
+    endRowIndex = gridApi.getDisplayedRowCount() - 1;
+  }
+  else if (unsafeEndRow.rowPinned === 'top') {
+    endRowIndex = 0;
+  }
+
+  const startingRowNode = gridApi.getDisplayedRowAtIndex(startRowIndex);
+  const isStartingRowNodeSelected = !!startingRowNode?.isSelected();
+  if (startRowIndex === endRowIndex) {
+    // We do not want to flip the state if we are currently using the keyboard, else
+    // navigating to a cell with select it.
+    if (!isUsingKeyboard) {
+      /**
+             * If the drag is started by a click in the cell but outside the checkbox, AG Grid registers it
+             * as a CellSelectionChangedEvent and this listener is then fired immediately after the mouseDown.
+             *
+             * If the drag is started by a click in the cell but inside the checkbox, AG Grid does not register
+             * a CellSelectionChangedEvent, so this listener doesn't fire, and is only first triggered once the
+             * drag moves the selection into another cell.
+             *
+             * The key difference between these two cases is that AG Grid will not toggle the cell for mouseDown
+             * on the checkbox, it will only do so for mouseDown and mouseUp on the same checkbox, so at the end
+             * of a drag on the checkbox row, if the drag started on the checkbox, it will need to be toggled at the
+             * end of the drag. If the drag started in a different area of the cell, it will already have been
+             * toggled
+             */
+      startingRowNode?.setSelected(!isStartingRowNodeSelected);
+      startingRowNode?.updateData({
+        ...startingRowNode.data,
+        firstToggledByClickOutsideCheckbox: true,
+      });
+    }
+    return;
+  }
+
+  const { smallestIndex, largestIndex }
+    = startRowIndex < endRowIndex
+      ? {
+          smallestIndex: startRowIndex,
+          largestIndex: endRowIndex,
+        }
+      : {
+          smallestIndex: endRowIndex,
+          largestIndex: startRowIndex,
+        };
+
+  const initiallyToggledOutsideCheckbox
+    = startingRowNode?.data.firstToggledByClickOutsideCheckbox;
+
+  // restoring the data on the node to clear the flag set on the cell
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    firstToggledByClickOutsideCheckbox: _intentionallyDiscarded,
+    ...initialStartingRowData
+  } = startingRowNode?.data || {};
+  startingRowNode?.updateData(initialStartingRowData);
+
+  const shouldInvertNextUpdatedRows
+    = !initiallyToggledOutsideCheckbox && !isUsingKeyboard;
+
+  if (shouldInvertNextUpdatedRows) {
+    startingRowNode?.setSelected(!isStartingRowNodeSelected);
+  }
+
+  gridApi.forEachNodeAfterFilterAndSort((node, index) => {
+    if (
+      index >= smallestIndex
+      && index <= largestIndex
+      && index !== startRowIndex
+    ) {
+      if (shouldInvertNextUpdatedRows) {
+        node.setSelected(!isStartingRowNodeSelected);
+      }
+      else {
+        node.setSelected(isStartingRowNodeSelected);
+      }
+    }
+  });
+};

package/src/utils/setAgGridLicenseKey.ts

@@ -0,0 +1,17 @@
+import { AgChartsCommunityModule } from 'ag-charts-community';
+import { ModuleRegistry } from 'ag-grid-community';
+import {
+  LicenseManager,
+  IntegratedChartsModule,
+  AllEnterpriseModule,
+} from 'ag-grid-enterprise';
+
+export const setAgGridLicenseKey = () => {
+  LicenseManager.setLicenseKey(
+    'Using_this_{AG_Grid}_Enterprise_key_{AG-076208}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Arbor_Education_Partners_Ltd}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{Arbor_MIS}_only_for_{4}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{Arbor_MIS}_need_to_be_licensed___{Arbor_MIS}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{16_March_2026}____[v3]_[01]_MTc3MzYxOTIwMDAwMA==8820260fc59099926cf507c1e8018e49',
+  );
+  ModuleRegistry.registerModules([
+    IntegratedChartsModule.with(AgChartsCommunityModule),
+    AllEnterpriseModule,
+  ]);
+};