@procore/data-table 14.5.1 → 14.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+## 14.6.0
+
+### Minor Changes
+
+- 2bbf160ec: Prevent filters from resetting to initial state on every columnDefinition changes.
+- 1908a0e84: Expose `groupSelectsChildren` on `TableProps` and `getServerSideSelectionState` on `TableApi` in order to support group row selection on SSRM tables
+
+### Patch Changes
+
+- ba88a21d9: Fixes type definitions.
+- Updated dependencies [ba88a21d9]
+  - @procore/labs-group-by-select@3.1.2
+
 ## 14.5.1
 
 ### Patch Changes
@@ -656,9 +669,9 @@ TextCellColumnDefinition<
   'customBottomRowRenderer', // pinned row renderer
   string,
   string
->;
+>
 // v8
-TextCellColumnDefinition<string, string, string>;
+TextCellColumnDefinition<string, string, string>
 ```
 
 ### Server Side Row Model Breaking Changes

package/dist/legacy/index.d.mts

@@ -577,6 +577,10 @@ interface TableApi {
     getFilteredAndSortedRowNodes: () => RowNode[];
     getListFilter: (field: string) => Promise<any | undefined>;
     getListFilters: (fields?: string[]) => Promise<ListFilter[]>;
+    /**
+     * Enables the ability to grab the complete selection state of an SSRM table when some of the selected rows have not yet been fetched.
+     */
+    getServerSideSelectionState: () => ReturnType<GridApi['getServerSideSelectionState']> | undefined;
     getTableConfiguration: () => DataTableConfig;
     getBulkEditColumns: () => ColumnDefinition[];
     hideContextPanel: ContextPanelApi['hide'];
@@ -641,7 +645,7 @@ interface TableApi {
      */
     setIsRowSelectable?(isRowSelectableFunc: IsRowSelectable): void;
 }
-type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
+type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getServerSideSelectionState' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
 type AgDomLayout = 'normal' | 'autoHeight' | 'print' | undefined;
 interface IsRowSelectable {
     (node: RowNode): boolean;
@@ -932,6 +936,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     getSubtotalLabel?: (columnDefinition: ColumnDefinition, rowData: TRow, value: string | number) => string;
     groupDefaultExpanded?: number;
     groupIncludeFooter?: boolean;
+    groupSelectsChildren?: boolean;
     headerHeight?: number;
     hideActionsOnGroupedRow?: boolean;
     initialGroupOrderComparator?: (nodeA: RowNode, nodeB: RowNode) => number;
@@ -1340,7 +1345,11 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1373,7 +1382,11 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/legacy/index.d.ts

@@ -577,6 +577,10 @@ interface TableApi {
     getFilteredAndSortedRowNodes: () => RowNode[];
     getListFilter: (field: string) => Promise<any | undefined>;
     getListFilters: (fields?: string[]) => Promise<ListFilter[]>;
+    /**
+     * Enables the ability to grab the complete selection state of an SSRM table when some of the selected rows have not yet been fetched.
+     */
+    getServerSideSelectionState: () => ReturnType<GridApi['getServerSideSelectionState']> | undefined;
     getTableConfiguration: () => DataTableConfig;
     getBulkEditColumns: () => ColumnDefinition[];
     hideContextPanel: ContextPanelApi['hide'];
@@ -641,7 +645,7 @@ interface TableApi {
      */
     setIsRowSelectable?(isRowSelectableFunc: IsRowSelectable): void;
 }
-type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
+type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getServerSideSelectionState' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
 type AgDomLayout = 'normal' | 'autoHeight' | 'print' | undefined;
 interface IsRowSelectable {
     (node: RowNode): boolean;
@@ -932,6 +936,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     getSubtotalLabel?: (columnDefinition: ColumnDefinition, rowData: TRow, value: string | number) => string;
     groupDefaultExpanded?: number;
     groupIncludeFooter?: boolean;
+    groupSelectsChildren?: boolean;
     headerHeight?: number;
     hideActionsOnGroupedRow?: boolean;
     initialGroupOrderComparator?: (nodeA: RowNode, nodeB: RowNode) => number;
@@ -1340,7 +1345,11 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1373,7 +1382,11 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/legacy/index.js

@@ -56133,6 +56133,14 @@ function findNode(predicate, gridApi) {
   return searchTarget;
 }
 
+// src/utils/isServerSideGroupSelectionState.ts
+function isServerSideGroupSelectionState(value) {
+  if (value === null) {
+    return false;
+  }
+  return value.selectAll === void 0;
+}
+
 // src/GenericHeader/genericHeader.scss
 var css7 = `.ag-header-cell .data-table-header-menu {
   opacity: 1;
@@ -56546,13 +56554,22 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
+      var _a2;
       if (e.source === "uiSelectAll") {
         return;
       }
+      const selectionState = props.api.getServerSideSelectionState();
+      const isGroupSelection = isServerSideGroupSelectionState(selectionState);
+      const isSelectionStatePartialSelected = Boolean(
+        (_a2 = selectionState == null ? void 0 : selectionState.toggledNodes) == null ? void 0 : _a2.length
+      );
+      const isSelectionStateSelectAll = !isSelectionStatePartialSelected && Boolean(
+        isGroupSelection ? selectionState.selectAllChildren : selectionState == null ? void 0 : selectionState.selectAll
+      );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
-      const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
+      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
       } else if (isPartialSelected) {
@@ -56577,24 +56594,28 @@ var GenericHeaderRenderer = (props) => {
     };
   }, [isFirstColumn2, props.selectionSSREnabled, props.api, onSSDR]);
   const toggleSelectAll = React83__default.default.useCallback(() => {
-    var _a2, _b, _c;
+    var _a2, _b, _c, _d, _e;
     const nextSelectedState = selectAll === "all" /* All */ ? "none" /* None */ : "all" /* All */;
     setSelectAll(nextSelectedState);
     (_a2 = props.onSelectAll) == null ? void 0 : _a2.call(props, nextSelectedState);
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
       const isPagination = Boolean(props.api.paginationGetRowCount());
-      const rowsIdsToSelectOrDeselect = getCurrentRows(
-        props.api,
-        isPagination
-      ).map((node) => node.id);
-      isSelectAll ? (_b = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _b.selectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      ) : (_c = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _c.deselectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      );
+      if (isPagination) {
+        const rowsIdsToSelectOrDeselect = getCurrentRows(
+          props.api,
+          isPagination
+        ).map((node) => node.id);
+        isSelectAll ? (_b = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _b.selectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        ) : (_c = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _c.deselectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        );
+      } else {
+        isSelectAll ? (_d = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _d.selectAll() : (_e = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _e.deselectAll();
+      }
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
@@ -56975,7 +56996,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56986,7 +57007,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -57009,16 +57030,25 @@ function useFilterStorage({
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
-    const { state } = shapeActiveFilters(initialSelectedFilters);
+    const filterableMap = filterableColumns.reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr.field]: curr
+      };
+    }, {});
+    const selectedFiltersState = Object.entries(
+      filtersState.selectedFilters ?? {}
+    ).filter(([field]) => Object.keys(filterableMap).includes(field)).reduce(
+      (acc, [field, filterState]) => ({
+        ...acc,
+        [field]: filterState
+      }),
+      {}
+    );
     setFiltersState((prev) => ({
       ...prev,
-      filterable: filterableColumns.reduce((acc, curr) => {
-        return {
-          ...acc,
-          [curr.field]: curr
-        };
-      }, {}),
-      selectedFilters: state,
+      filterable: filterableMap,
+      selectedFilters: selectedFiltersState,
       possibleFilters: filterableColumns.sort(sortColumnDefinitionsByFilterIndex).map(getFieldAttr)
     }));
   }, [columnDefinitions]);
@@ -57032,7 +57062,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -81233,6 +81263,15 @@ var useTableApi = ({
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
+  function deselectParentsWithoutChildrenOrSelectAll(state, gridApi2) {
+    var _a, _b, _c;
+    if (state.selectAllChildren === false && !((_a = state.toggledNodes) == null ? void 0 : _a.length)) {
+      (_b = gridApi2.getRowNode(state.nodeId || "")) == null ? void 0 : _b.setSelected(false);
+    }
+    (_c = state.toggledNodes) == null ? void 0 : _c.forEach(
+      (node) => deselectParentsWithoutChildrenOrSelectAll(node, gridApi2)
+    );
+  }
   const onSelectionChanged = (rowNode) => {
     var _a;
     const isGrouped = rowNode.group || ((_a = rowNode.parent) == null ? void 0 : _a.group) && !isNodeRootLevelOfGrid(rowNode.parent);
@@ -81254,13 +81293,18 @@ var useTableApi = ({
       currAffectedRows
     );
     const rowValues = Object.values(rowsToUpdate);
-    rowValues.forEach((row2) => {
-      row2.node.setSelected(
-        row2.selectedState === rowSelectionState.selected,
-        false,
-        "checkboxSelected"
-      );
-    });
+    const selectionState = gridApi == null ? void 0 : gridApi.getServerSideSelectionState();
+    if (selectionState && isServerSideGroupSelectionState(selectionState) && gridApi) {
+      deselectParentsWithoutChildrenOrSelectAll(selectionState, gridApi);
+    } else {
+      rowValues.forEach((row2) => {
+        row2.node.setSelected(
+          row2.selectedState === rowSelectionState.selected,
+          false,
+          "checkboxSelected"
+        );
+      });
+    }
     rowSelectionRef.current.affectedRows = {
       ...currAffectedRows,
       ...rowsToUpdate
@@ -81384,6 +81428,7 @@ function buildPartialTableApi({
       rowSelectionRef
     }) : void 0;
   };
+  const getServerSideSelectionState = () => gridApi == null ? void 0 : gridApi.getServerSideSelectionState();
   const getTableConfiguration = () => {
     var _a;
     const columnState = (columnApi == null ? void 0 : columnApi.getColumnState().filter(
@@ -81499,6 +81544,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82587,7 +82633,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: !onSSDR,
+            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/legacy/index.mjs

@@ -56119,6 +56119,14 @@ function findNode(predicate, gridApi) {
   return searchTarget;
 }
 
+// src/utils/isServerSideGroupSelectionState.ts
+function isServerSideGroupSelectionState(value) {
+  if (value === null) {
+    return false;
+  }
+  return value.selectAll === void 0;
+}
+
 // src/GenericHeader/genericHeader.scss
 var css7 = `.ag-header-cell .data-table-header-menu {
   opacity: 1;
@@ -56532,13 +56540,22 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
+      var _a2;
       if (e.source === "uiSelectAll") {
         return;
       }
+      const selectionState = props.api.getServerSideSelectionState();
+      const isGroupSelection = isServerSideGroupSelectionState(selectionState);
+      const isSelectionStatePartialSelected = Boolean(
+        (_a2 = selectionState == null ? void 0 : selectionState.toggledNodes) == null ? void 0 : _a2.length
+      );
+      const isSelectionStateSelectAll = !isSelectionStatePartialSelected && Boolean(
+        isGroupSelection ? selectionState.selectAllChildren : selectionState == null ? void 0 : selectionState.selectAll
+      );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
-      const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
+      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
       } else if (isPartialSelected) {
@@ -56563,24 +56580,28 @@ var GenericHeaderRenderer = (props) => {
     };
   }, [isFirstColumn2, props.selectionSSREnabled, props.api, onSSDR]);
   const toggleSelectAll = React83.useCallback(() => {
-    var _a2, _b, _c;
+    var _a2, _b, _c, _d, _e;
     const nextSelectedState = selectAll === "all" /* All */ ? "none" /* None */ : "all" /* All */;
     setSelectAll(nextSelectedState);
     (_a2 = props.onSelectAll) == null ? void 0 : _a2.call(props, nextSelectedState);
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
       const isPagination = Boolean(props.api.paginationGetRowCount());
-      const rowsIdsToSelectOrDeselect = getCurrentRows(
-        props.api,
-        isPagination
-      ).map((node) => node.id);
-      isSelectAll ? (_b = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _b.selectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      ) : (_c = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _c.deselectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      );
+      if (isPagination) {
+        const rowsIdsToSelectOrDeselect = getCurrentRows(
+          props.api,
+          isPagination
+        ).map((node) => node.id);
+        isSelectAll ? (_b = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _b.selectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        ) : (_c = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _c.deselectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        );
+      } else {
+        isSelectAll ? (_d = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _d.selectAll() : (_e = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _e.deselectAll();
+      }
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
@@ -56961,7 +56982,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56972,7 +56993,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -56995,16 +57016,25 @@ function useFilterStorage({
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
-    const { state } = shapeActiveFilters(initialSelectedFilters);
+    const filterableMap = filterableColumns.reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr.field]: curr
+      };
+    }, {});
+    const selectedFiltersState = Object.entries(
+      filtersState.selectedFilters ?? {}
+    ).filter(([field]) => Object.keys(filterableMap).includes(field)).reduce(
+      (acc, [field, filterState]) => ({
+        ...acc,
+        [field]: filterState
+      }),
+      {}
+    );
     setFiltersState((prev) => ({
       ...prev,
-      filterable: filterableColumns.reduce((acc, curr) => {
-        return {
-          ...acc,
-          [curr.field]: curr
-        };
-      }, {}),
-      selectedFilters: state,
+      filterable: filterableMap,
+      selectedFilters: selectedFiltersState,
       possibleFilters: filterableColumns.sort(sortColumnDefinitionsByFilterIndex).map(getFieldAttr)
     }));
   }, [columnDefinitions]);
@@ -57018,7 +57048,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -81219,6 +81249,15 @@ var useTableApi = ({
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
+  function deselectParentsWithoutChildrenOrSelectAll(state, gridApi2) {
+    var _a, _b, _c;
+    if (state.selectAllChildren === false && !((_a = state.toggledNodes) == null ? void 0 : _a.length)) {
+      (_b = gridApi2.getRowNode(state.nodeId || "")) == null ? void 0 : _b.setSelected(false);
+    }
+    (_c = state.toggledNodes) == null ? void 0 : _c.forEach(
+      (node) => deselectParentsWithoutChildrenOrSelectAll(node, gridApi2)
+    );
+  }
   const onSelectionChanged = (rowNode) => {
     var _a;
     const isGrouped = rowNode.group || ((_a = rowNode.parent) == null ? void 0 : _a.group) && !isNodeRootLevelOfGrid(rowNode.parent);
@@ -81240,13 +81279,18 @@ var useTableApi = ({
       currAffectedRows
     );
     const rowValues = Object.values(rowsToUpdate);
-    rowValues.forEach((row2) => {
-      row2.node.setSelected(
-        row2.selectedState === rowSelectionState.selected,
-        false,
-        "checkboxSelected"
-      );
-    });
+    const selectionState = gridApi == null ? void 0 : gridApi.getServerSideSelectionState();
+    if (selectionState && isServerSideGroupSelectionState(selectionState) && gridApi) {
+      deselectParentsWithoutChildrenOrSelectAll(selectionState, gridApi);
+    } else {
+      rowValues.forEach((row2) => {
+        row2.node.setSelected(
+          row2.selectedState === rowSelectionState.selected,
+          false,
+          "checkboxSelected"
+        );
+      });
+    }
     rowSelectionRef.current.affectedRows = {
       ...currAffectedRows,
       ...rowsToUpdate
@@ -81370,6 +81414,7 @@ function buildPartialTableApi({
       rowSelectionRef
     }) : void 0;
   };
+  const getServerSideSelectionState = () => gridApi == null ? void 0 : gridApi.getServerSideSelectionState();
   const getTableConfiguration = () => {
     var _a;
     const columnState = (columnApi == null ? void 0 : columnApi.getColumnState().filter(
@@ -81485,6 +81530,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82573,7 +82619,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: !onSSDR,
+            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/modern/index.d.mts

@@ -577,6 +577,10 @@ interface TableApi {
     getFilteredAndSortedRowNodes: () => RowNode[];
     getListFilter: (field: string) => Promise<any | undefined>;
     getListFilters: (fields?: string[]) => Promise<ListFilter[]>;
+    /**
+     * Enables the ability to grab the complete selection state of an SSRM table when some of the selected rows have not yet been fetched.
+     */
+    getServerSideSelectionState: () => ReturnType<GridApi['getServerSideSelectionState']> | undefined;
     getTableConfiguration: () => DataTableConfig;
     getBulkEditColumns: () => ColumnDefinition[];
     hideContextPanel: ContextPanelApi['hide'];
@@ -641,7 +645,7 @@ interface TableApi {
      */
     setIsRowSelectable?(isRowSelectableFunc: IsRowSelectable): void;
 }
-type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
+type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getServerSideSelectionState' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
 type AgDomLayout = 'normal' | 'autoHeight' | 'print' | undefined;
 interface IsRowSelectable {
     (node: RowNode): boolean;
@@ -932,6 +936,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     getSubtotalLabel?: (columnDefinition: ColumnDefinition, rowData: TRow, value: string | number) => string;
     groupDefaultExpanded?: number;
     groupIncludeFooter?: boolean;
+    groupSelectsChildren?: boolean;
     headerHeight?: number;
     hideActionsOnGroupedRow?: boolean;
     initialGroupOrderComparator?: (nodeA: RowNode, nodeB: RowNode) => number;
@@ -1340,7 +1345,11 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1373,7 +1382,11 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/modern/index.d.ts

@@ -577,6 +577,10 @@ interface TableApi {
     getFilteredAndSortedRowNodes: () => RowNode[];
     getListFilter: (field: string) => Promise<any | undefined>;
     getListFilters: (fields?: string[]) => Promise<ListFilter[]>;
+    /**
+     * Enables the ability to grab the complete selection state of an SSRM table when some of the selected rows have not yet been fetched.
+     */
+    getServerSideSelectionState: () => ReturnType<GridApi['getServerSideSelectionState']> | undefined;
     getTableConfiguration: () => DataTableConfig;
     getBulkEditColumns: () => ColumnDefinition[];
     hideContextPanel: ContextPanelApi['hide'];
@@ -641,7 +645,7 @@ interface TableApi {
      */
     setIsRowSelectable?(isRowSelectableFunc: IsRowSelectable): void;
 }
-type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
+type PartialTableApi = Pick<TableApi, 'applyTransaction' | 'applyServerSideTransaction' | 'collapseAll' | 'deselectAll' | 'expandAll' | 'getColumnDefinitions' | 'getDetailGridTableApi' | 'getFilteredAndSortedRowNodes' | 'getRootAggregateData' | 'getRowData' | 'getSelectedRows' | 'getServerSideSelectionState' | 'getTableConfiguration' | 'refreshCells' | 'scrollToRow' | 'selectAll' | 'setPinnedBottomRowData' | 'setRowData' | 'setRowNodeExpanded' | 'sizeColumnsToFit'>;
 type AgDomLayout = 'normal' | 'autoHeight' | 'print' | undefined;
 interface IsRowSelectable {
     (node: RowNode): boolean;
@@ -932,6 +936,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     getSubtotalLabel?: (columnDefinition: ColumnDefinition, rowData: TRow, value: string | number) => string;
     groupDefaultExpanded?: number;
     groupIncludeFooter?: boolean;
+    groupSelectsChildren?: boolean;
     headerHeight?: number;
     hideActionsOnGroupedRow?: boolean;
     initialGroupOrderComparator?: (nodeA: RowNode, nodeB: RowNode) => number;
@@ -1340,7 +1345,11 @@ declare const _default$1: (({ analytics, children, columnDefinitions: _columnDef
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "selectionSSREnabled" | "modules">>;
@@ -1373,7 +1382,11 @@ declare const _default: (({ analytics, children, columnDefinitions: _columnDefin
         overlayMatchesTriggerWidth?: boolean | undefined;
     }>;
     RowGroupSelector: React__default.FC<{
-        localeText: GroupBySelectProps;
+        localeText: {
+            reset: string;
+            placeholder: string;
+            selectedItemsPrefix?: string | undefined;
+        };
     }>;
     Search: React__default.FunctionComponent<SearchProps>;
     Table: React__default.FC<Omit<TableProps<any, any>, "rows" | "modules">>;

package/dist/modern/index.js

@@ -56046,6 +56046,14 @@ function findNode(predicate, gridApi) {
   return searchTarget;
 }
 
+// src/utils/isServerSideGroupSelectionState.ts
+function isServerSideGroupSelectionState(value) {
+  if (value === null) {
+    return false;
+  }
+  return value.selectAll === void 0;
+}
+
 // src/GenericHeader/genericHeader.scss
 var css7 = `.ag-header-cell .data-table-header-menu {
   opacity: 1;
@@ -56455,10 +56463,18 @@ var GenericHeaderRenderer = (props) => {
       if (e.source === "uiSelectAll") {
         return;
       }
+      const selectionState = props.api.getServerSideSelectionState();
+      const isGroupSelection = isServerSideGroupSelectionState(selectionState);
+      const isSelectionStatePartialSelected = Boolean(
+        selectionState?.toggledNodes?.length
+      );
+      const isSelectionStateSelectAll = !isSelectionStatePartialSelected && Boolean(
+        isGroupSelection ? selectionState.selectAllChildren : selectionState?.selectAll
+      );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
-      const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
+      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
       } else if (isPartialSelected) {
@@ -56489,17 +56505,21 @@ var GenericHeaderRenderer = (props) => {
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
       const isPagination = Boolean(props.api.paginationGetRowCount());
-      const rowsIdsToSelectOrDeselect = getCurrentRows(
-        props.api,
-        isPagination
-      ).map((node) => node.id);
-      isSelectAll ? tableRef?.current?.selectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      ) : tableRef?.current?.deselectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      );
+      if (isPagination) {
+        const rowsIdsToSelectOrDeselect = getCurrentRows(
+          props.api,
+          isPagination
+        ).map((node) => node.id);
+        isSelectAll ? tableRef?.current?.selectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        ) : tableRef?.current?.deselectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        );
+      } else {
+        isSelectAll ? tableRef?.current?.selectAll() : tableRef?.current?.deselectAll();
+      }
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
@@ -56872,7 +56892,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56883,7 +56903,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -56906,16 +56926,25 @@ function useFilterStorage({
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
-    const { state } = shapeActiveFilters(initialSelectedFilters);
+    const filterableMap = filterableColumns.reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr.field]: curr
+      };
+    }, {});
+    const selectedFiltersState = Object.entries(
+      filtersState.selectedFilters ?? {}
+    ).filter(([field]) => Object.keys(filterableMap).includes(field)).reduce(
+      (acc, [field, filterState]) => ({
+        ...acc,
+        [field]: filterState
+      }),
+      {}
+    );
     setFiltersState((prev) => ({
       ...prev,
-      filterable: filterableColumns.reduce((acc, curr) => {
-        return {
-          ...acc,
-          [curr.field]: curr
-        };
-      }, {}),
-      selectedFilters: state,
+      filterable: filterableMap,
+      selectedFilters: selectedFiltersState,
       possibleFilters: filterableColumns.sort(sortColumnDefinitionsByFilterIndex).map(getFieldAttr)
     }));
   }, [columnDefinitions]);
@@ -56929,7 +56958,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -81069,6 +81098,14 @@ var useTableApi = ({
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
+  function deselectParentsWithoutChildrenOrSelectAll(state, gridApi2) {
+    if (state.selectAllChildren === false && !state.toggledNodes?.length) {
+      gridApi2.getRowNode(state.nodeId || "")?.setSelected(false);
+    }
+    state.toggledNodes?.forEach(
+      (node) => deselectParentsWithoutChildrenOrSelectAll(node, gridApi2)
+    );
+  }
   const onSelectionChanged = (rowNode) => {
     const isGrouped = rowNode.group || rowNode.parent?.group && !isNodeRootLevelOfGrid(rowNode.parent);
     const currAffectedRows = rowSelectionRef.current.affectedRows;
@@ -81089,13 +81126,18 @@ var useTableApi = ({
       currAffectedRows
     );
     const rowValues = Object.values(rowsToUpdate);
-    rowValues.forEach((row2) => {
-      row2.node.setSelected(
-        row2.selectedState === rowSelectionState.selected,
-        false,
-        "checkboxSelected"
-      );
-    });
+    const selectionState = gridApi?.getServerSideSelectionState();
+    if (selectionState && isServerSideGroupSelectionState(selectionState) && gridApi) {
+      deselectParentsWithoutChildrenOrSelectAll(selectionState, gridApi);
+    } else {
+      rowValues.forEach((row2) => {
+        row2.node.setSelected(
+          row2.selectedState === rowSelectionState.selected,
+          false,
+          "checkboxSelected"
+        );
+      });
+    }
     rowSelectionRef.current.affectedRows = {
       ...currAffectedRows,
       ...rowsToUpdate
@@ -81217,6 +81259,7 @@ function buildPartialTableApi({
       rowSelectionRef
     }) : void 0;
   };
+  const getServerSideSelectionState = () => gridApi?.getServerSideSelectionState();
   const getTableConfiguration = () => {
     const columnState = columnApi?.getColumnState().filter(
       (column2) => !["rowActions", "rowActions-pinned"].includes(
@@ -81330,6 +81373,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82381,7 +82425,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: !onSSDR,
+            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/dist/modern/index.mjs

@@ -56032,6 +56032,14 @@ function findNode(predicate, gridApi) {
   return searchTarget;
 }
 
+// src/utils/isServerSideGroupSelectionState.ts
+function isServerSideGroupSelectionState(value) {
+  if (value === null) {
+    return false;
+  }
+  return value.selectAll === void 0;
+}
+
 // src/GenericHeader/genericHeader.scss
 var css7 = `.ag-header-cell .data-table-header-menu {
   opacity: 1;
@@ -56441,10 +56449,18 @@ var GenericHeaderRenderer = (props) => {
       if (e.source === "uiSelectAll") {
         return;
       }
+      const selectionState = props.api.getServerSideSelectionState();
+      const isGroupSelection = isServerSideGroupSelectionState(selectionState);
+      const isSelectionStatePartialSelected = Boolean(
+        selectionState?.toggledNodes?.length
+      );
+      const isSelectionStateSelectAll = !isSelectionStatePartialSelected && Boolean(
+        isGroupSelection ? selectionState.selectAllChildren : selectionState?.selectAll
+      );
       const isPagination = Boolean(props.api.paginationGetRowCount());
       const currentRows = getCurrentRows(props.api, isPagination);
-      const isAllSelected = currentRows.length && currentRows.every(isRowSelected);
-      const isPartialSelected = !isAllSelected && currentRows.some(isRowSelected);
+      const isAllSelected = isPagination ? currentRows.length && currentRows.every(isRowSelected) : isSelectionStateSelectAll;
+      const isPartialSelected = isPagination ? !isAllSelected && currentRows.some(isRowSelected) : isSelectionStatePartialSelected;
       if (isAllSelected) {
         setSelectAll("all" /* All */);
       } else if (isPartialSelected) {
@@ -56475,17 +56491,21 @@ var GenericHeaderRenderer = (props) => {
     const isSelectAll = nextSelectedState == "all" /* All */;
     if (props.selectionSSREnabled) {
       const isPagination = Boolean(props.api.paginationGetRowCount());
-      const rowsIdsToSelectOrDeselect = getCurrentRows(
-        props.api,
-        isPagination
-      ).map((node) => node.id);
-      isSelectAll ? tableRef?.current?.selectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      ) : tableRef?.current?.deselectRows(
-        rowsIdsToSelectOrDeselect,
-        "uiSelectAll"
-      );
+      if (isPagination) {
+        const rowsIdsToSelectOrDeselect = getCurrentRows(
+          props.api,
+          isPagination
+        ).map((node) => node.id);
+        isSelectAll ? tableRef?.current?.selectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        ) : tableRef?.current?.deselectRows(
+          rowsIdsToSelectOrDeselect,
+          "uiSelectAll"
+        );
+      } else {
+        isSelectAll ? tableRef?.current?.selectAll() : tableRef?.current?.deselectAll();
+      }
     } else {
       isSelectAll ? props.api.selectAllFiltered() : props.api.deselectAllFiltered();
     }
@@ -56858,7 +56878,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56869,7 +56889,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -56892,16 +56912,25 @@ function useFilterStorage({
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
-    const { state } = shapeActiveFilters(initialSelectedFilters);
+    const filterableMap = filterableColumns.reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr.field]: curr
+      };
+    }, {});
+    const selectedFiltersState = Object.entries(
+      filtersState.selectedFilters ?? {}
+    ).filter(([field]) => Object.keys(filterableMap).includes(field)).reduce(
+      (acc, [field, filterState]) => ({
+        ...acc,
+        [field]: filterState
+      }),
+      {}
+    );
     setFiltersState((prev) => ({
       ...prev,
-      filterable: filterableColumns.reduce((acc, curr) => {
-        return {
-          ...acc,
-          [curr.field]: curr
-        };
-      }, {}),
-      selectedFilters: state,
+      filterable: filterableMap,
+      selectedFilters: selectedFiltersState,
       possibleFilters: filterableColumns.sort(sortColumnDefinitionsByFilterIndex).map(getFieldAttr)
     }));
   }, [columnDefinitions]);
@@ -56915,7 +56944,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -81055,6 +81084,14 @@ var useTableApi = ({
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
+  function deselectParentsWithoutChildrenOrSelectAll(state, gridApi2) {
+    if (state.selectAllChildren === false && !state.toggledNodes?.length) {
+      gridApi2.getRowNode(state.nodeId || "")?.setSelected(false);
+    }
+    state.toggledNodes?.forEach(
+      (node) => deselectParentsWithoutChildrenOrSelectAll(node, gridApi2)
+    );
+  }
   const onSelectionChanged = (rowNode) => {
     const isGrouped = rowNode.group || rowNode.parent?.group && !isNodeRootLevelOfGrid(rowNode.parent);
     const currAffectedRows = rowSelectionRef.current.affectedRows;
@@ -81075,13 +81112,18 @@ var useTableApi = ({
       currAffectedRows
     );
     const rowValues = Object.values(rowsToUpdate);
-    rowValues.forEach((row2) => {
-      row2.node.setSelected(
-        row2.selectedState === rowSelectionState.selected,
-        false,
-        "checkboxSelected"
-      );
-    });
+    const selectionState = gridApi?.getServerSideSelectionState();
+    if (selectionState && isServerSideGroupSelectionState(selectionState) && gridApi) {
+      deselectParentsWithoutChildrenOrSelectAll(selectionState, gridApi);
+    } else {
+      rowValues.forEach((row2) => {
+        row2.node.setSelected(
+          row2.selectedState === rowSelectionState.selected,
+          false,
+          "checkboxSelected"
+        );
+      });
+    }
     rowSelectionRef.current.affectedRows = {
       ...currAffectedRows,
       ...rowsToUpdate
@@ -81203,6 +81245,7 @@ function buildPartialTableApi({
       rowSelectionRef
     }) : void 0;
   };
+  const getServerSideSelectionState = () => gridApi?.getServerSideSelectionState();
   const getTableConfiguration = () => {
     const columnState = columnApi?.getColumnState().filter(
       (column2) => !["rowActions", "rowActions-pinned"].includes(
@@ -81316,6 +81359,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82367,7 +82411,7 @@ var Table = (props) => {
             groupDefaultExpanded: props.groupDefaultExpanded,
             groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
             getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: !onSSDR,
+            groupSelectsChildren: props.groupSelectsChildren || !onSSDR,
             groupSelectsFiltered: true,
             headerHeight: props.headerHeight,
             icons: tableIcons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.5.1",
+  "version": "14.6.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/modern/index.js",
   "module": "dist/modern/index.mjs",
@@ -36,6 +36,7 @@
     "cypress:run": "cypress run -b ${CYPRESS_BROWSER-chrome} --spec ${CYPRESS_SPEC-cypress/e2e/**/*.e2e.ts}",
     "cypress:run:all": "start-server-and-test storybook-static:server http://127.0.0.1:6006 'yarn cypress:run'",
     "cypress:install": "cypress install",
+    "lint:types": "tsc --noEmit",
     "prettier": "prettier --write",
     "prettier:check": "prettier --check",
     "storybook": "storybook dev -p 6006",
@@ -75,7 +76,7 @@
   },
   "dependencies": {
     "@procore/labs-datetime-select": "0.1.0",
-    "@procore/labs-group-by-select": "3.1.1",
+    "@procore/labs-group-by-select": "3.1.2",
     "@procore/toast-alert": "5.1.0",
     "classnames": "2.5.1",
     "date-fns": "2.29.1",