@procore/data-table 14.12.2 → 14.14.0

package/dist/modern/index.cjs

@@ -12804,8 +12804,8 @@ var GridOptionsValidator = class GridOptionsValidator2 {
       enterMovesDownAfterEdit: { version: "30", newProp: "enterNavigatesVerticallyAfterEdit", copyToNewProp: true }
     };
   }
-  pickOneWarning(prop1, prop2) {
-    console.warn(`AG Grid: ${prop1} and ${prop2} do not work with each other, you need to pick one.`);
+  pickOneWarning(prop1, prop22) {
+    console.warn(`AG Grid: ${prop1} and ${prop22} do not work with each other, you need to pick one.`);
   }
   init() {
     this.checkForDeprecated();
@@ -12827,7 +12827,7 @@ var GridOptionsValidator = class GridOptionsValidator2 {
       this.pickOneWarning("groupRemoveSingleChildren", "groupHideOpenParents");
     }
     if (this.gridOptionsService.isRowModelType("serverSide")) {
-      const msg = (prop, alt) => `AG Grid: '${prop}' is not supported on the Server-Side Row Model.` + (alt ? ` Please use ${alt} instead.` : "");
+      const msg = (prop3, alt) => `AG Grid: '${prop3}' is not supported on the Server-Side Row Model.` + (alt ? ` Please use ${alt} instead.` : "");
       if (this.gridOptionsService.exists("groupDefaultExpanded")) {
         console.warn(msg("groupDefaultExpanded", "isServerSideGroupOpenByDefault callback"));
       }
@@ -12843,7 +12843,7 @@ var GridOptionsValidator = class GridOptionsValidator2 {
     } else if (this.gridOptionsService.is("enableRangeHandle") || this.gridOptionsService.is("enableFillHandle")) {
       console.warn("AG Grid: 'enableRangeHandle' or 'enableFillHandle' will not work unless 'enableRangeSelection' is set to true");
     }
-    const validateRegistered = (prop, module) => this.gridOptionsService.exists(prop) && ModuleRegistry.__assertRegistered(module, prop, this.gridOptionsService.getGridId());
+    const validateRegistered = (prop3, module) => this.gridOptionsService.exists(prop3) && ModuleRegistry.__assertRegistered(module, prop3, this.gridOptionsService.getGridId());
     validateRegistered("sideBar", ModuleNames.SideBarModule);
     validateRegistered("statusBar", ModuleNames.StatusBarModule);
     validateRegistered("enableCharts", ModuleNames.GridChartsModule);
@@ -52167,15 +52167,15 @@ var DataTypeService = class DataTypeService2 extends BeanStub {
       ["valueGetter", void 0],
       ["valueParser", void 0],
       ["refData", void 0]
-    ].some(([prop, comparisonValue]) => this.doesColDefPropPreventInference(colDef, propsToCheckForInference, prop, comparisonValue));
+    ].some(([prop3, comparisonValue]) => this.doesColDefPropPreventInference(colDef, propsToCheckForInference, prop3, comparisonValue));
   }
-  doesColDefPropPreventInference(colDef, checkProps, prop, comparisonValue) {
-    if (!checkProps[prop]) {
+  doesColDefPropPreventInference(colDef, checkProps, prop3, comparisonValue) {
+    if (!checkProps[prop3]) {
       return false;
     }
-    const value = colDef[prop];
+    const value = colDef[prop3];
     if (value === null) {
-      checkProps[prop] = false;
+      checkProps[prop3] = false;
       return false;
     } else {
       return comparisonValue === void 0 ? !!value : value === comparisonValue;
@@ -53409,7 +53409,7 @@ var Renderer9 = ({
   if (isGroup || rowPinned && columnDefinition.aggFunc) {
     return /* @__PURE__ */ React76__default.default.createElement(coreReact.Typography, { ...typographyProps, weight: "semibold" }, label);
   }
-  return /* @__PURE__ */ React76__default.default.createElement(coreReact.Pill, { color: getColor(value), className: cx10("pill-cell") }, label?.toUpperCase());
+  return /* @__PURE__ */ React76__default.default.createElement(coreReact.Pill, { color: getColor(value), className: cx10("pill-cell") }, label);
 };
 var PillCellRenderer = withDataTableRenderer(Renderer9, "select");
 var Editor5 = React76__default.default.forwardRef(
@@ -53442,7 +53442,7 @@ var Editor5 = React76__default.default.forwardRef(
     }
     function getLabel3(item) {
       const unformattedLabel = columnDefinition.getStringFormattedValue?.(item) || "";
-      return unformattedLabel.toUpperCase();
+      return unformattedLabel;
     }
     return /* @__PURE__ */ React76__default.default.createElement(
       coreReact.PillSelect,
@@ -53835,6 +53835,7 @@ var LocationFilterOverlay = React76__default.default.forwardRef(
     enableSublocations,
     selectState,
     options,
+    disabledOptions,
     columnDefinition,
     value
   }, ref) => {
@@ -53856,6 +53857,7 @@ var LocationFilterOverlay = React76__default.default.forwardRef(
         return onSelectAll();
       }
       if (selection.item.id === includeSublocationOption.id) {
+        _onSelect(selection);
         return onSelectSublocations();
       }
       return _onSelect(selection);
@@ -53925,8 +53927,9 @@ var LocationFilterOverlay = React76__default.default.forwardRef(
           {
             key: getId3(item),
             item,
-            selected: value.map(({ id }) => id).includes(getId3(item)),
-            suggested: i === 0
+            selected: value.map(({ id }) => id).includes(getId3(item)) || disabledOptions.map(({ id }) => id).includes(getId3(item)),
+            suggested: i === 0,
+            disabled: disabledOptions.map(({ id }) => id).includes(getId3(item))
           },
           getLabel3(item)
         );
@@ -53956,10 +53959,23 @@ var ServerSideLocationFilterRenderer = React76__default.default.forwardRef(
     const [selectState, setSelectState] = React76__default.default.useState(
       determineSelectedState(value)
     );
+    const [disabledValues, setDisabledValues] = React76__default.default.useState([]);
     const [enableSublocations, setEnableSublocations] = React76__default.default.useState(false);
     const onSelectSublocations = React76__default.default.useCallback(() => {
+      if (enableSublocations) {
+        setDisabledValues([]);
+      } else {
+        const newDisabledValues = [];
+        value.forEach((location) => {
+          newDisabledValues.push(...findSublocations(location));
+        });
+        const uniqDisabledValues = ramda.uniqBy(ramda.prop("id"), newDisabledValues).filter(
+          ({ id }) => !selectedValueIds.includes(id)
+        );
+        setDisabledValues(uniqDisabledValues);
+      }
       setEnableSublocations(!enableSublocations);
-    }, [enableSublocations]);
+    }, [enableSublocations, value, selectedValueIds, options]);
     const I18n = coreReact.useI18nContext();
     const selectRef = React76__default.default.useRef(null);
     const onSelectAll = React76__default.default.useCallback(() => {
@@ -53975,17 +53991,47 @@ var ServerSideLocationFilterRenderer = React76__default.default.forwardRef(
       }
     }, [options, selectState, selectedValueIds]);
     const onSelect = (selection) => {
-      if (selection.item.id === "select_all" || selection.item.id === "include_sublocations") {
+      if (selection.item.id === "select_all") {
         return;
       }
-      let newSelections = selectedValueIds.includes(getId3(selection.item)) ? removeSelections(selection.item, value) : [
-        ...value,
-        ...handleSelectSublocations(selection.item),
-        selection.item
-      ];
+      if (selection.item.id === "include_sublocations") {
+        return onChange(
+          value.map((item) => ({
+            ...item,
+            sublocations: enableSublocations ? [] : findSublocations(item)
+          }))
+        );
+      }
+      let newSelections = [];
+      if (selectedValueIds.includes(getId3(selection.item))) {
+        newSelections = removeSelections(selection.item, value);
+      } else {
+        newSelections = [...value, selection.item];
+        const sublocationsToDisable = handleSelectSublocations(selection.item);
+        const newDisabledValues = [
+          ...disabledValues,
+          ...sublocationsToDisable.filter(
+            ({ id }) => !selectedValueIds.includes(id)
+          )
+        ];
+        setDisabledValues(newDisabledValues);
+      }
       setSelectState(determineSelectedState(newSelections));
       setSelectedValueIds(newSelections.map(({ id }) => id));
-      onChange(newSelections);
+      onChange(
+        newSelections.map((item) => ({
+          ...item,
+          sublocations: handleSelectSublocations(item)
+        }))
+      );
+    };
+    const findSublocations = (selected) => {
+      return options.filter((option) => {
+        return ramda.startsWith(
+          `${getLabel3(selected).toLowerCase()} > `,
+          getLabel3(option).toLowerCase()
+        );
+      });
     };
     const handleSelectSublocations = (selected) => {
       if (enableSublocations) {
@@ -54003,14 +54049,16 @@ var ServerSideLocationFilterRenderer = React76__default.default.forwardRef(
     const removeSelections = React76__default.default.useCallback(
       function(selection, selected) {
         const sublocations = handleSelectSublocations(selection);
-        return enableSublocations ? selected.filter(
-          (item) => ![
-            ...sublocations.map(({ id }) => id),
-            getId3(selection)
-          ].includes(item.id)
-        ) : selected.filter((item) => getId3(item) !== getId3(selection));
+        const disabledValueIds = disabledValues.map(({ id }) => id);
+        const sublocationsToRemoveFromDisabledIds = sublocations.filter(({ id }) => disabledValueIds.includes(id)).map(({ id }) => id);
+        setDisabledValues(
+          disabledValues.filter(
+            ({ id }) => !sublocationsToRemoveFromDisabledIds.includes(id)
+          )
+        );
+        return selected.filter((item) => getId3(item) !== getId3(selection));
       },
-      [enableSublocations]
+      [enableSublocations, disabledValues]
     );
     React76__default.default.useEffect(() => {
       setSelectState(determineSelectedState(value));
@@ -54021,6 +54069,7 @@ var ServerSideLocationFilterRenderer = React76__default.default.forwardRef(
         columnDefinition,
         value,
         options,
+        disabledOptions: disabledValues,
         enableSublocations,
         getId: getId3,
         getLabel: getLabel3,
@@ -56486,9 +56535,10 @@ var GenericHeaderRenderer = (props) => {
     props.api.addEventListener("columnRowGroupChanged", updateExpandedState);
     return () => {
       props.column.removeEventListener("sortChanged", onSortChanged);
-      props.api.removeEventListener(
+      removeEventListenerFromGrid(
         "columnRowGroupChanged",
-        updateExpandedState
+        updateExpandedState,
+        props.api
       );
     };
   }, [props.column]);
@@ -57554,6 +57604,7 @@ var InternalTableContext = React76__default.default.createContext({
   getRowHeight: () => () => rowSize.md,
   grandTotalsLabelInnerRenderer: void 0,
   gridApi: void 0,
+  localStoragePersistenceKey: void 0,
   onBulkEditUpdate: () => Promise.resolve(),
   onServerSideDataRequest: void 0,
   onTableConfigChange: () => {
@@ -57570,6 +57621,7 @@ var InternalTableContext = React76__default.default.createContext({
   setRowHeight: () => {
   },
   showExpandCollapseAllToggle: false,
+  expandCollapseStateRef: null,
   tableRef: null,
   getColumnDefinition: () => void 0,
   setSelectedGroupIndex: () => {
@@ -77984,6 +78036,61 @@ var buildDetailRowsConfig_ = (detailRowConfig, {
   };
 };
 
+// src/utils/expandRows.ts
+var getGroupRowState = (gridApi, groupDefaultExpanded = 0) => {
+  const expandedRoutes = [];
+  const collapsedRoutes = [];
+  if (gridApi) {
+    gridApi.forEachNode((node) => {
+      const route = node.getRoute();
+      if (route) {
+        const routePath = route.join(",");
+        const defaultExpandLevel = groupDefaultExpanded === -1 ? Infinity : groupDefaultExpanded;
+        if (node.level > defaultExpandLevel - 1) {
+          if (node.expanded) {
+            expandedRoutes.push(routePath);
+          }
+        } else if (!node.expanded) {
+          collapsedRoutes.push(routePath);
+        }
+      }
+    });
+  }
+  return { expandedRoutes, collapsedRoutes };
+};
+var setExpandCollapseRow = (gridApi, tableConfig, groupDefaultExpanded = 0) => {
+  const expandedRoutes = tableConfig.groupRowState?.expandedRoutes ?? [];
+  const collapsedRoutes = tableConfig.groupRowState?.collapsedRoutes ?? [];
+  gridApi.forEachNode((node) => {
+    const route = node.getRoute();
+    if (route) {
+      const routePath = route.join(",");
+      const defaultExpandLevel = groupDefaultExpanded === -1 ? Infinity : groupDefaultExpanded;
+      if (node.level > defaultExpandLevel - 1) {
+        if (expandedRoutes.includes(routePath)) {
+          node.setExpanded(true);
+        }
+      } else if (collapsedRoutes.includes(routePath)) {
+        node.setExpanded(false);
+      }
+    }
+  });
+};
+var isRowOpenedByDefault = (node, tableConfig, groupDefaultExpanded = 0) => {
+  const expandedRoutes = tableConfig?.groupRowState?.expandedRoutes ?? [];
+  const collapsedRoutes = tableConfig?.groupRowState?.collapsedRoutes ?? [];
+  const route = node.getRoute();
+  if (!route) {
+    return false;
+  }
+  const routePath = route.join(",");
+  const defaultExpandLevel = groupDefaultExpanded === -1 ? Infinity : groupDefaultExpanded;
+  if (node.level > defaultExpandLevel - 1) {
+    return expandedRoutes.includes(routePath);
+  } else
+    return !collapsedRoutes.includes(routePath);
+};
+
 // src/utils/getRootRowNode.ts
 function getRootRowNode(rowNode) {
   return rowNode.level > 0 && rowNode.parent ? getRootRowNode(rowNode.parent) : rowNode;
@@ -79658,6 +79765,11 @@ var ja_JP_default = {
   }
 };
 
+// src/locales/pl-PL.json
+var pl_PL_default = {
+  dataTable: {}
+};
+
 // src/locales/pseudo.json
 var pseudo_default = {
   dataTable: {
@@ -80274,7 +80386,8 @@ var translations = {
   pseudo: pseudo_default,
   "pt-BR": pt_BR_default,
   "th-TH": th_TH_default,
-  "zh-SG": zh_SG_default
+  "zh-SG": zh_SG_default,
+  "pl-PL": pl_PL_default
 };
 var PRINCE_XML_DPI = 96;
 var DEFAULT_PAGE_MARGIN = 40;
@@ -80499,6 +80612,7 @@ var useTableApi = ({
   columnApi,
   columnDefinitions,
   gridApi,
+  groupDefaultExpanded,
   setLoadingStatus,
   wrapperRef
 }) => {
@@ -80690,10 +80804,33 @@ var useTableApi = ({
   const setSearchValue = React76__default.default.useCallback(
     (value) => {
       gridApi?.setQuickFilter(value);
+      gridApi?.forEachNodeAfterFilterAndSort((node) => {
+        if (node.id) {
+          const currentNode = rowSelectionRef?.current.affectedRows[node.id];
+          if (currentNode && currentNode.selectedState === rowSelectionState.selected) {
+            node.setSelected(true, false, "checkboxSelected");
+          }
+        }
+      });
       resetPagination();
+      gridApi?.redrawRows();
     },
-    [gridApi]
+    [gridApi, rowSelectionRef.current]
   );
+  React76__default.default.useEffect(() => {
+    function handleRowSelection(event) {
+      if (event.node.displayed && event.node.id) {
+        rowSelectionRef.current.affectedRows[event.node.id] = {
+          node: event.node,
+          selectedState: event.node.isSelected() ? rowSelectionState.selected : rowSelectionState.unselected
+        };
+      }
+    }
+    gridApi?.addEventListener && gridApi.addEventListener("rowSelected", handleRowSelection);
+    return () => {
+      removeEventListenerFromGrid("rowSelected", handleRowSelection, gridApi);
+    };
+  }, [gridApi]);
   const setLoading = React76__default.default.useCallback((loading, message = "") => {
     setLoadingStatus({
       loading,
@@ -80754,6 +80891,7 @@ var useTableApi = ({
           adjustRowDragIcon(gridApi, columnApi);
         });
       }
+      setExpandCollapseRow(gridApi, config, groupDefaultExpanded);
     },
     [columnApi, gridApi, internalSetRowHeight, filterStorage.setSelectedFilters]
   );
@@ -80845,7 +80983,8 @@ var useTableApi = ({
       columnApi,
       rowHeight,
       filterStorage,
-      rowSelectionRef
+      rowSelectionRef,
+      groupDefaultExpanded
     }),
     [columnApi, gridApi, rowHeight, filterStorage]
   );
@@ -81113,7 +81252,6 @@ function buildPartialTableApi({
     focusField && gridApi?.setFocusedCell(rowIndex, focusField);
   };
   return {
-    getVisibleRowNodes,
     applyTransaction,
     applyServerSideTransaction,
     collapseAll,
@@ -81128,6 +81266,7 @@ function buildPartialTableApi({
     getSelectedRows: getSelectedRows2,
     getServerSideSelectionState,
     getTableConfiguration,
+    getVisibleRowNodes,
     refreshCells,
     setPinnedBottomRowData,
     setRowData,
@@ -81245,6 +81384,12 @@ var DataTable = ({
   const [rowHeight, setRowHeight] = React76__default.default.useState(
     initialTableConfig?.rowHeight || rowSize.md
   );
+  const expandCollapseStateRef = React76__default.default.useRef(
+    initialTableConfig?.groupRowState || {
+      expandedRoutes: [],
+      collapsedRoutes: []
+    }
+  );
   const rowHeightRef = React76__default.default.useRef(
     initialTableConfig?.rowHeight || rowSize.md
   );
@@ -81290,12 +81435,14 @@ var DataTable = ({
       if (localStoragePersistenceKey) {
         webSdkStorage.storage.local.setItem(localStoragePersistenceKey, {
           ...config,
+          groupRowState: expandCollapseStateRef.current,
           rowHeight: rowHeightRef.current,
           serverFilters: filterStorage.filtersState
         });
       }
       onTableConfigChange?.({
         ...config,
+        groupRowState: expandCollapseStateRef.current,
         rowHeight: rowHeightRef.current,
         serverFilters: filterStorage.filtersState
       });
@@ -81404,6 +81551,7 @@ var DataTable = ({
         onServerSideDataRequest,
         onTableConfigChange: internalOnTableConfigChange,
         rowSelectionRef,
+        expandCollapseStateRef,
         rowHeight,
         searchStorage,
         selectedGroupIndex,
@@ -81505,8 +81653,10 @@ var Table = (props) => {
     columnDefinitions: internalTableContext.columnDefinitions,
     gridApi,
     setLoadingStatus,
-    wrapperRef
+    wrapperRef,
+    groupDefaultExpanded: props.groupDefaultExpanded
   });
+  const initialTableConfig = internalTableContext.initialTableConfig;
   React76__default.default.useImperativeHandle(internalTableContext.tableRef, () => tableApi, [
     tableApi
   ]);
@@ -82013,6 +82163,34 @@ var Table = (props) => {
       document.getElementsByClassName("ag-body-viewport")[0]?.clientWidth
     );
   }, [setViewportWidth]);
+  const isClientSideGroupOpenByDefault = React76__default.default.useCallback(
+    (params) => {
+      const node = params.rowNode;
+      if (!node) {
+        return false;
+      }
+      return isRowOpenedByDefault(
+        node,
+        initialTableConfig,
+        props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded
+      );
+    },
+    [initialTableConfig, props.groupDefaultExpanded]
+  );
+  const isServerSideGroupOpenByDefault = React76__default.default.useCallback(
+    (params) => {
+      const node = params.rowNode;
+      if (!node) {
+        return false;
+      }
+      return isRowOpenedByDefault(
+        node,
+        initialTableConfig,
+        props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded
+      );
+    },
+    [initialTableConfig, props.groupDefaultExpanded]
+  );
   const onGridReady = (params) => {
     internalTableContext.setGridApi(params.api);
     internalTableContext.setColumnApi(params.columnApi);
@@ -82039,13 +82217,26 @@ var Table = (props) => {
   };
   const internalRowGroupOpened = React76__default.default.useCallback(
     (event) => {
+      if (internalTableContext.expandCollapseStateRef) {
+        internalTableContext.expandCollapseStateRef.current = getGroupRowState(
+          gridApi,
+          props.groupDefaultExpanded
+        );
+      }
+      internalTableContext.onTableConfigChange();
       props.onRowGroupOpened?.({
         expanded: event.expanded,
         node: serializeNode(event.node),
         rowIndex: event.rowIndex
       });
     },
-    [props.onRowGroupOpened]
+    [
+      props.onRowGroupOpened,
+      internalTableContext.onTableConfigChange,
+      tableApi?.getTableConfiguration(),
+      internalTableContext.expandCollapseStateRef?.current,
+      gridApi
+    ]
   );
   const getGroupRowAgg = React76__default.default.useCallback(
     (params) => {
@@ -82197,6 +82388,8 @@ var Table = (props) => {
             alwaysAggregateAtRootLevel: !onSSDR,
             autoGroupColumnDef: decoratedAutoGroupColDef,
             cacheBlockSize: props.paginationPageSize || defaultPaginationPageSize,
+            isGroupOpenByDefault: isClientSideGroupOpenByDefault,
+            isServerSideGroupOpenByDefault,
             defaultColDef,
             enableGroupEdit: internalTableContext.enableGroupEditAndValidation,
             enableCellTextSelection: internalTableContext.enableCellTextSelection,
@@ -83630,6 +83823,7 @@ var LocationQuickFilterOverlay = React76__default.default.forwardRef(
     enableSublocations,
     selectState,
     options,
+    disabledOptions,
     columnDefinition,
     value
   }, ref) => {
@@ -83657,6 +83851,7 @@ var LocationQuickFilterOverlay = React76__default.default.forwardRef(
         return onSelectAll();
       }
       if (selection.item.id === includeSublocationOption.id) {
+        _onSelect(selection);
         return onSelectSublocations();
       }
       return _onSelect(selection);
@@ -83726,8 +83921,9 @@ var LocationQuickFilterOverlay = React76__default.default.forwardRef(
           {
             key: getId3(item),
             item,
-            selected: value.map(({ id }) => id).includes(getId3(item)),
-            suggested: i === 0
+            selected: value.map(({ id }) => id).includes(getId3(item)) || disabledOptions.map(({ id }) => id).includes(getId3(item)),
+            suggested: i === 0,
+            disabled: disabledOptions.map(({ id }) => id).includes(getId3(item))
           },
           getLabel3(item)
         );
@@ -83773,10 +83969,23 @@ var LocationQuickFilterRenderer = ({
   const [selectState, setSelectState] = React76__default.default.useState(
     determineSelectedState(value)
   );
+  const [disabledValues, setDisabledValues] = React76__default.default.useState([]);
   const [enableSublocations, setEnableSublocations] = React76__default.default.useState(false);
   const onSelectSublocations = React76__default.default.useCallback(() => {
+    if (enableSublocations) {
+      setDisabledValues([]);
+    } else {
+      const newDisabledValues = [];
+      value.forEach((location) => {
+        newDisabledValues.push(...findSublocations(location));
+      });
+      const uniqDisabledValues = ramda.uniqBy(ramda.prop("id"), newDisabledValues).filter(
+        ({ id }) => !selectedValueIds.includes(id)
+      );
+      setDisabledValues(uniqDisabledValues);
+    }
     setEnableSublocations(!enableSublocations);
-  }, [enableSublocations]);
+  }, [enableSublocations, value, selectedValueIds, options]);
   const onSelectAll = React76__default.default.useCallback(() => {
     if (selectState === "none" || selectState === "partial") {
       setSelectState("all");
@@ -83790,22 +83999,51 @@ var LocationQuickFilterRenderer = ({
     }
   }, [options, selectState, selectedValueIds]);
   const onSelect = (selection) => {
-    if (selection.item.id === "select_all" || selection.item.id === "include_sublocations") {
+    if (selection.item.id === "select_all") {
       return;
     }
-    let newSelections = selectedValueIds.includes(getId3(selection.item)) ? removeSelections(selection.item, value) : [...value, ...handleSelectSublocations(selection.item), selection.item];
+    if (selection.item.id === "include_sublocations") {
+      return onChange(
+        value.map((item) => ({
+          ...item,
+          sublocations: enableSublocations ? [] : findSublocations(item)
+        }))
+      );
+    }
+    let newSelections = [];
+    if (selectedValueIds.includes(getId3(selection.item))) {
+      newSelections = removeSelections(selection.item, value);
+    } else {
+      newSelections = [...value, selection.item];
+      const sublocationsToDisable = handleSelectSublocations(selection.item);
+      const newDisabledValues = [
+        ...disabledValues,
+        ...sublocationsToDisable.filter(
+          ({ id }) => !selectedValueIds.includes(id)
+        )
+      ];
+      setDisabledValues(newDisabledValues);
+    }
     setSelectState(determineSelectedState(newSelections));
     setSelectedValueIds(newSelections.map(({ id }) => id));
-    onChange(newSelections);
+    onChange(
+      newSelections.map((item) => ({
+        ...item,
+        sublocations: handleSelectSublocations(item)
+      }))
+    );
+  };
+  const findSublocations = (selected) => {
+    return options.filter((option) => {
+      return ramda.startsWith(
+        `${getLabel3(selected).toLowerCase()} > `,
+        getLabel3(option).toLowerCase()
+      );
+    });
   };
   const handleSelectSublocations = (selected) => {
     if (enableSublocations) {
-      const filteredOptions = options.filter((option) => {
-        return ramda.startsWith(
-          `${getLabel3(selected).toLowerCase()} > `,
-          getLabel3(option).toLowerCase()
-        );
-      });
+      const filteredOptions = findSublocations(selected);
       return filteredOptions;
     } else {
       return [];
@@ -83814,13 +84052,16 @@ var LocationQuickFilterRenderer = ({
   const removeSelections = React76__default.default.useCallback(
     function(selection, selected) {
       const sublocations = handleSelectSublocations(selection);
-      return enableSublocations ? selected.filter(
-        (item) => ![...sublocations.map(({ id }) => id), getId3(selection)].includes(
-          item.id
+      const disabledValueIds = disabledValues.map(({ id }) => id);
+      const sublocationsToRemoveFromDisabledIds = sublocations.filter(({ id }) => disabledValueIds.includes(id)).map(({ id }) => id);
+      setDisabledValues(
+        disabledValues.filter(
+          ({ id }) => !sublocationsToRemoveFromDisabledIds.includes(id)
         )
-      ) : selected.filter((item) => getId3(item) !== getId3(selection));
+      );
+      return selected.filter((item) => getId3(item) !== getId3(selection));
     },
-    [enableSublocations]
+    [enableSublocations, disabledValues]
   );
   React76__default.default.useEffect(() => {
     setSelectState(determineSelectedState(value));
@@ -83835,6 +84076,7 @@ var LocationQuickFilterRenderer = ({
       selectState,
       value,
       options,
+      disabledOptions: disabledValues,
       getId: getId3,
       getLabel: getLabel3,
       loading,

package/dist/modern/index.d.cts

@@ -792,6 +792,10 @@ interface DataTableConfig {
     } | undefined;
     rowHeight?: RowSize;
     serverFilters?: IServerFilter[];
+    groupRowState?: {
+        expandedRoutes: string[];
+        collapsedRoutes: string[];
+    };
 }
 interface HTMLStringExportConfig {
     header?: React.FunctionComponent;
@@ -1175,6 +1179,7 @@ interface LocationOption {
     label?: string;
     name?: string;
     id: string | number;
+    sublocations?: Omit<LocationOption, 'sublocations'>[];
 }
 declare const LocationFilterRenderer: (props: LocationFilterProps) => React__default.JSX.Element | null;
 
@@ -1307,6 +1312,7 @@ interface InternalTableContext {
     onBulkEditUpdate: DataTableProps['onBulkEditUpdate'];
     onServerSideDataRequest?: DataTableProps['onServerSideDataRequest'];
     updateServerSideDataSource: (params: UpdateServerSideDataSourceParams) => void;
+    localStoragePersistenceKey?: string;
     onTableConfigChange: () => void;
     rowHeight: RowSize;
     rowSelectionRef?: React__default.MutableRefObject<RowSelectionRef>;
@@ -1316,6 +1322,10 @@ interface InternalTableContext {
     setGridApi: (gridApi: GridApi) => void;
     setRowHeight: (rowHeight: RowSize, createTrackEvent?: boolean, triggerTableConfigChange?: boolean) => void;
     showExpandCollapseAllToggle: boolean;
+    expandCollapseStateRef: React__default.MutableRefObject<{
+        expandedRoutes: string[];
+        collapsedRoutes: string[];
+    }> | null;
     tableRef: React__default.RefObject<TableApi> | null;
     getColumnDefinition: (field: string) => ColumnDefinition | undefined;
     totalRowCount: number;