@procore/data-table 14.5.0 → 14.6.0

package/dist/legacy/index.mjs

@@ -1405,7 +1405,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_qs3ag_366 {
+@keyframes _ag-shake-left-to-right_taxt5_366 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5406,7 +5406,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_qs3ag_1 {
+@keyframes _spin_taxt5_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7578,8 +7578,11 @@ input[class^=ag-][type=range]:disabled {
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
   padding: 8px 0;
 }
+.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
+  width: 100%;
+}
 .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
-  white-space: nowrap;
+  word-wrap: break-word;
   text-overflow: ellipsis;
   overflow: hidden;
 }
@@ -7885,7 +7888,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_qs3ag_7123 {
+div._contextPanel_taxt5_7126 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7894,7 +7897,7 @@ div._contextPanel_qs3ag_7123 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_qs3ag_7132 {
+div._contextPanel--hidden_taxt5_7135 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7902,50 +7905,50 @@ div._contextPanel--hidden_qs3ag_7132 {
   width: 0px;
 }
 
-._contextPanelWrapper_qs3ag_7140 {
+._contextPanelWrapper_taxt5_7143 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_qs3ag_7145 {
+._contextPanelBody_taxt5_7148 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_qs3ag_7149 {
+._contextPanel-stickyHeader_taxt5_7152 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_qs3ag_7156 {
+._filters-list_taxt5_7159 {
   padding: 0;
   margin: 0;
 }
-._filters-list_qs3ag_7156 ol {
+._filters-list_taxt5_7159 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_qs3ag_7165 {
+._col-drag-column-icon_taxt5_7168 {
   color: #6a767c;
 }
 
-._tabular-nums_qs3ag_7169 {
+._tabular-nums_taxt5_7172 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_qs3ag_7123",
-  "contextPanel--hidden": "_contextPanel--hidden_qs3ag_7132",
-  "contextPanelWrapper": "_contextPanelWrapper_qs3ag_7140",
-  "contextPanelBody": "_contextPanelBody_qs3ag_7145",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_qs3ag_7149",
-  "filters-list": "_filters-list_qs3ag_7156",
-  "col-drag-column-icon": "_col-drag-column-icon_qs3ag_7165",
-  "tabular-nums": "_tabular-nums_qs3ag_7169",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_qs3ag_366",
-  "spin": "_spin_qs3ag_1"
+  "contextPanel": "_contextPanel_taxt5_7126",
+  "contextPanel--hidden": "_contextPanel--hidden_taxt5_7135",
+  "contextPanelWrapper": "_contextPanelWrapper_taxt5_7143",
+  "contextPanelBody": "_contextPanelBody_taxt5_7148",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_taxt5_7152",
+  "filters-list": "_filters-list_taxt5_7159",
+  "col-drag-column-icon": "_col-drag-column-icon_taxt5_7168",
+  "tabular-nums": "_tabular-nums_taxt5_7172",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_taxt5_366",
+  "spin": "_spin_taxt5_1"
 };
 
 // src/utils/getCellValueTypographyProps.ts
@@ -8133,19 +8136,19 @@ var CompanyCellRenderer = withDataTableRenderer(Renderer2, "select");
 
 // src/utils/isEmptyValue.ts
 var isEmptyValue = (value) => {
-  if (typeof value === "boolean") {
+  if (typeof value === "boolean" || typeof value === "number") {
     return false;
   }
-  if (Array.isArray(value)) {
-    return !value.length;
+  if (!value) {
+    return true;
   }
-  if (value === 0) {
-    return false;
+  if (Array.isArray(value)) {
+    return value.length === 0;
   }
-  if (value && Object.keys(value).length === 0 && Object.getPrototypeOf(value) === Object.prototype) {
-    return !!value;
+  if (Object.getPrototypeOf(value) === Object.prototype) {
+    return Object.keys(value).length === 0;
   }
-  return !value;
+  return false;
 };
 
 // src/CellRenderers/CurrencyCell.tsx
@@ -56116,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;
@@ -56529,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) {
@@ -56560,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();
     }
@@ -56631,7 +56655,7 @@ var GenericHeaderRenderer = (props) => {
           trigger: isOverflowing ? "hover" : "none",
           overlay: /* @__PURE__ */ React83.createElement(Tooltip.Content, null, /* @__PURE__ */ React83.createElement("span", null, props.displayName))
         },
-        /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
+        /* @__PURE__ */ React83.createElement("div", { className: "data-table-header-display-name-container" }, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
       ), HeaderNode && /* @__PURE__ */ React83.createElement(
         Flex,
         {
@@ -56958,7 +56982,7 @@ function shapeActiveFilters(filters = emptyArray2) {
       field
     };
   });
-  return { state };
+  return state;
 }
 function useFilterStorage({
   columnDefinitions,
@@ -56969,7 +56993,7 @@ function useFilterStorage({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
-    selectedFilters: emptyObj
+    selectedFilters: shapeActiveFilters(initialSelectedFilters)
   });
   function getOptions(field) {
     return filtersState.filterOptions[field];
@@ -56992,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]);
@@ -57015,7 +57048,7 @@ function useFilterStorage({
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
-        selectedFilters: shapeActiveFilters(selectedFilters).state
+        selectedFilters: shapeActiveFilters(selectedFilters)
       }));
     },
     []
@@ -77824,6 +77857,7 @@ function useContextPanel() {
 }
 var ConfigPanelButton = () => {
   const { contextPanel, totalRowCount } = useInternalTableContext();
+  const I18n = useI18nContext();
   return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
@@ -77841,28 +77875,29 @@ var ConfigPanelButton = () => {
             contextPanel.show("configuration");
           }
         },
+        icon: /* @__PURE__ */ React83.createElement(
+          "svg",
+          {
+            style: { marginTop: "6px" },
+            focusable: false,
+            width: "15",
+            height: "15",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React83.createElement(
+            "path",
+            {
+              d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
+              fill: "currentColor"
+            }
+          )
+        ),
         selected: contextPanel.content === "configuration",
         "data-qa": "table-config-button"
       },
-      /* @__PURE__ */ React83.createElement(
-        "svg",
-        {
-          style: { marginTop: "6px" },
-          focusable: false,
-          width: "15",
-          height: "15",
-          viewBox: "0 0 15 15",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        /* @__PURE__ */ React83.createElement(
-          "path",
-          {
-            d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
-            fill: "currentColor"
-          }
-        )
-      )
+      I18n.t("dataTable.tableSettings.configure")
     )
   );
 };
@@ -78697,7 +78732,8 @@ var de_DE_default = {
       tableSettings: "Tabelleneinstellungen",
       groupBy: "Gruppieren nach:",
       reset: "Zur\xFCcksetzen",
-      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren."
+      selectColumnGroup: "W\xE4hlen Sie eine Spalte zum Gruppieren.",
+      configure: "Konfigurieren"
     },
     rowGroupToggle: {
       expandTierOne: "\xD6ffnen Sie die ersten Gruppen in der Tabelle.",
@@ -78841,7 +78877,8 @@ var en_AU_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -78985,7 +79022,8 @@ var en_CA_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79129,7 +79167,8 @@ var en_GB_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79273,7 +79312,8 @@ var en_default = {
       tableSettings: "Table Settings",
       groupBy: "Group by:",
       reset: "Reset",
-      selectColumnGroup: "Select a column to group"
+      selectColumnGroup: "Select a column to group",
+      configure: "Configure"
     },
     rowGroupToggle: {
       expandTierOne: "Open first groups in the table.",
@@ -79417,7 +79457,8 @@ var es_ES_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Seleccione una columna para agrupar"
+      selectColumnGroup: "Seleccione una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79561,7 +79602,8 @@ var es_default = {
       tableSettings: "Configuraci\xF3n de la tabla",
       groupBy: "Agrupar por:",
       reset: "Restablecer",
-      selectColumnGroup: "Selecciona una columna para agrupar"
+      selectColumnGroup: "Selecciona una columna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abrir los primeros grupos de la tabla.",
@@ -79705,7 +79747,8 @@ var fr_CA_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par :",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper"
+      selectColumnGroup: "S\xE9lectionnez une colonne \xE0 grouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79849,7 +79892,8 @@ var fr_FR_default = {
       tableSettings: "Param\xE8tres du tableau",
       groupBy: "Regrouper par\xA0:",
       reset: "R\xE9initialiser",
-      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper"
+      selectColumnGroup: "S\xE9lectionner une colonne \xE0 regrouper",
+      configure: "Configurer"
     },
     rowGroupToggle: {
       expandTierOne: "Ouvrez les premiers groupes du tableau.",
@@ -79993,7 +80037,8 @@ var is_IS_default = {
       tableSettings: "Tafla stillingar",
       groupBy: "H\xF3pur eftir:",
       reset: "Endurstilla",
-      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka"
+      selectColumnGroup: "Veldu d\xE1lk til a\xF0 flokka",
+      configure: "Stilla"
     },
     rowGroupToggle: {
       expandTierOne: "Opna\xF0u fyrstu h\xF3pa \xED t\xF6flunni.",
@@ -80137,7 +80182,8 @@ var ja_JP_default = {
       tableSettings: "\u8868\u306E\u8A2D\u5B9A",
       groupBy: "\u30B0\u30EB\u30FC\u30D7\u5316:",
       reset: "\u30EA\u30BB\u30C3\u30C8",
-      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E"
+      selectColumnGroup: "\u30B0\u30EB\u30FC\u30D7\u5316\u3059\u308B\u5217\u3092\u9078\u629E",
+      configure: "\u69CB\u6210"
     },
     rowGroupToggle: {
       expandTierOne: "\u8868\u306E\u6700\u521D\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u958B\u304D\u307E\u3059\u3002",
@@ -80281,7 +80327,8 @@ var pt_BR_default = {
       tableSettings: "Configura\xE7\xF5es da Tabela",
       groupBy: "Agrupar por:",
       reset: "Redefinir",
-      selectColumnGroup: "Selecionar uma coluna para agrupar"
+      selectColumnGroup: "Selecionar uma coluna para agrupar",
+      configure: "Configurar"
     },
     rowGroupToggle: {
       expandTierOne: "Abra os primeiros grupos na tabela.",
@@ -80425,7 +80472,8 @@ var th_TH_default = {
       tableSettings: "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E15\u0E32\u0E23\u0E32\u0E07",
       groupBy: "\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21:",
       reset: "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15",
-      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21"
+      selectColumnGroup: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E17\u0E35\u0E48\u0E08\u0E30\u0E08\u0E31\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21",
+      configure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32"
     },
     rowGroupToggle: {
       expandTierOne: "\u0E40\u0E1B\u0E34\u0E14\u0E01\u0E25\u0E38\u0E48\u0E21\u0E41\u0E23\u0E01\u0E43\u0E19\u0E15\u0E32\u0E23\u0E32\u0E07",
@@ -80569,7 +80617,8 @@ var zh_SG_default = {
       tableSettings: "\u8868\u683C\u8BBE\u7F6E",
       groupBy: "\u5206\u7EC4\u4F9D\u636E\uFF1A",
       reset: "\u91CD\u7F6E",
-      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217"
+      selectColumnGroup: "\u9009\u62E9\u8981\u5206\u7C7B\u7684\u5217",
+      configure: "\u914D\u7F6E"
     },
     rowGroupToggle: {
       expandTierOne: "\u6253\u5F00\u8868\u4E2D\u7684\u7B2C\u4E00\u4E2A\u7EC4\u3002",
@@ -81200,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);
@@ -81221,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
@@ -81351,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(
@@ -81466,6 +81530,7 @@ function buildPartialTableApi({
     getRootAggregateData,
     getRowData,
     getSelectedRows: getSelectedRows2,
+    getServerSideSelectionState,
     getTableConfiguration,
     refreshCells,
     setPinnedBottomRowData,
@@ -82554,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">>;