@procore/data-table 14.23.2 → 14.25.0

package/dist/legacy/index.js

@@ -7,6 +7,7 @@ import { Error as Error$1, Grip, Pencil, Building, ExternalLink, Clear, Calendar
 import classNames from 'classnames';
 import { isDate, parseISO, isSameDay, formatISO, isBefore } from 'date-fns';
 import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-financials-utils';
+import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
@@ -14,10 +15,9 @@ import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
 import { storage } from '@procore/web-sdk-storage';
 import _isEqual from 'lodash.isequal';
-import ReactResizeDetector from 'react-resize-detector';
+import { useResizeDetector } from 'react-resize-detector';
 import { DateTimeSelectField } from '@procore/labs-datetime-select';
 import Decimal from 'decimal.js';
-import styled3, { css as css$1 } from 'styled-components';
 import { getDatePlaceholder } from '@procore/globalization-toolkit';
 import { GroupBySelect } from '@procore/labs-group-by-select';
 
@@ -8675,6 +8675,9 @@ function getDateObject(date) {
   }
   return date;
 }
+var StyledDateSelect = styled4(DateSelect)`
+  background-color: #ffffff;
+`;
 var DateCellValue = ({
   columnDefinition,
   isGroup,
@@ -8725,7 +8728,7 @@ var Editor2 = React77.forwardRef(
         timeZone: (_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.timeZone
       },
       /* @__PURE__ */ React77.createElement(
-        DateSelect,
+        StyledDateSelect,
         {
           afterHide,
           className: cx4("input-cell"),
@@ -55278,6 +55281,17 @@ function transformServerSideRequestObj(request, filtersState, searchValue) {
     )
   };
 }
+function isNumberFilterCondition(item) {
+  return item && [
+    "lessThan",
+    "greaterThan",
+    "isEqual",
+    "inRange",
+    "greaterThanOrEqual",
+    "lessThanOrEqual",
+    "no_value"
+  ].includes(item.type);
+}
 var transformFilterValue = (value, field, formatter) => {
   const formattedValue = formatter == null ? void 0 : formatter(value, field);
   if (formattedValue)
@@ -55286,6 +55300,33 @@ var transformFilterValue = (value, field, formatter) => {
     return formatISO(value.date, { representation: "date" });
   return value.toString();
 };
+function buildNumberFilterParams(filters) {
+  return filters.reduce((acc, filter, idx) => {
+    const singleExpr = mapFilterToQueryParam(filter);
+    if (idx === 0)
+      return singleExpr;
+    const separator = filter.operator === "or" ? "|" : ",";
+    return acc + separator + singleExpr;
+  }, "");
+}
+function mapFilterToQueryParam(filter) {
+  const operatorMap = {
+    lessThan: "lt",
+    lessThanOrEqual: "lte",
+    greaterThan: "gt",
+    greaterThanOrEqual: "gte",
+    isEqual: "eq",
+    inRange: "range",
+    no_value: "null"
+  };
+  if (filter.type === "inRange") {
+    return `range:${filter.value}-${filter.valueTo}`;
+  }
+  if (filter.type === "no_value") {
+    return "null";
+  }
+  return operatorMap[filter.type] ? `${operatorMap[filter.type]}:${filter.value}` : String(filter.value ?? "");
+}
 function getServerSideParams(request, filtersState, searchValue, options = {}) {
   var _a;
   const params = new URLSearchParams();
@@ -55310,10 +55351,17 @@ function getServerSideParams(request, filtersState, searchValue, options = {}) {
   if (options.filters !== false) {
     const formatter = options.filterValueFormatter;
     filtersState.forEach((filter) => {
-      const value = filter.selected.length === 1 ? transformFilterValue(filter.selected[0], filter.field, formatter) : `[${filter.selected.map(
-        (value2) => transformFilterValue(value2, filter.field, formatter)
-      )}]`;
-      params.set(`filters[${filter.field}]`, value);
+      const isNumericCondition = filter.selected.every(isNumberFilterCondition);
+      const hasCustomFormatter = typeof formatter === "function";
+      if (isNumericCondition && filter.selected.length > 0 && !hasCustomFormatter) {
+        const numericExpr = buildNumberFilterParams(filter.selected);
+        params.set(`filters[${filter.field}]`, numericExpr);
+      } else {
+        const value = filter.selected.length === 1 ? transformFilterValue(filter.selected[0], filter.field, formatter) : `[${filter.selected.map(
+          (val) => transformFilterValue(val, filter.field, formatter)
+        )}]`;
+        params.set(`filters[${filter.field}]`, value);
+      }
     });
     request.groupKeys.forEach((groupKey, index) => {
       params.set(`filters[${request.rowGroupCols[index].field}]`, groupKey);
@@ -56517,6 +56565,7 @@ var getMainMenuItems = (props, I18n) => {
     value: "resetColumns",
     action() {
       props.columnApi.resetColumnState();
+      props.onTableConfigChange();
     }
   };
   const rowUngroup = {
@@ -56525,7 +56574,6 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
-      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56535,7 +56583,6 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
-      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -56793,8 +56840,18 @@ var GenericHeaderRenderer = (props) => {
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77.useState(false);
+  const [isRowGroupActive, setIsRowGroupActive] = React77.useState(
+    () => props.column.isRowGroupActive()
+  );
   const defaultMenuOptions = getMainMenuItems(
-    { ...props, onTableConfigChange },
+    {
+      ...props,
+      menuConfig: {
+        ...props.menuConfig,
+        isRowGroupActive
+      },
+      onTableConfigChange
+    },
     I18n
   );
   const headerCellRef = useRef(null);
@@ -56808,6 +56865,18 @@ var GenericHeaderRenderer = (props) => {
   }) : !!headerCheckboxSelection;
   const checkbox = useRef(null);
   const colId = props.column.getId();
+  React77.useEffect(() => {
+    const onRowGroupChanged = () => {
+      setIsRowGroupActive(props.column.isRowGroupActive());
+    };
+    props.column.addEventListener("columnRowGroupChanged", onRowGroupChanged);
+    return () => {
+      props.column.removeEventListener(
+        "columnRowGroupChanged",
+        onRowGroupChanged
+      );
+    };
+  }, []);
   React77.useEffect(() => {
     function calculatePosition() {
       const columns = props.columnApi.getColumnState();
@@ -105116,6 +105185,19 @@ function getRootRowNode(rowNode) {
   return rowNode.level > 0 && rowNode.parent ? getRootRowNode(rowNode.parent) : rowNode;
 }
 
+// src/utils/mergeRefs.ts
+function mergeRefs(...refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
 // src/utils/setSiblingGroupsRowSelection.ts
 function setSiblingGroupsRowSelection(groupIndex, gridApi) {
   gridApi == null ? void 0 : gridApi.forEachNode((node) => {
@@ -105196,6 +105278,12 @@ var de_DE_default = {
           less_than_equal_to: "Ist kleiner als oder gleich",
           no_value: "Kein Wert"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Schnell-Filter: mehrere Optionen ausw\xE4hlen"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Schnell-Filter: eine Option ausw\xE4hlen"
       }
     },
     loading: {
@@ -105282,6 +105370,9 @@ var de_DE_default = {
     groupCell: {
       expand: "Gruppe erweitern",
       collapse: "Gruppe ausblenden"
+    },
+    rowCheckbox: {
+      ariaLabel: "Zeile ausw\xE4hlen"
     }
   }
 };
@@ -105347,6 +105438,12 @@ var en_AU_default = {
           less_than_equal_to: "Is less than or equal to",
           no_value: "No value"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select multiple options"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select an option"
       }
     },
     loading: {
@@ -105433,6 +105530,9 @@ var en_AU_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105498,6 +105598,12 @@ var en_CA_default = {
           less_than_equal_to: "Is less than or equal to",
           no_value: "No value"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select multiple options"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select an option"
       }
     },
     loading: {
@@ -105584,6 +105690,9 @@ var en_CA_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105649,6 +105758,12 @@ var en_GB_default = {
           less_than_equal_to: "Is less than or equal to",
           no_value: "No value"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select multiple options"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Quick filter: Select an option"
       }
     },
     loading: {
@@ -105735,6 +105850,9 @@ var en_GB_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105960,6 +106078,12 @@ var es_ES_default = {
           less_than_equal_to: "Es menor o igual que",
           no_value: "Ning\xFAn valor"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: seleccionar varias opciones"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: seleccionar una opci\xF3n"
       }
     },
     loading: {
@@ -106046,6 +106170,9 @@ var es_ES_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Contraer grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Seleccionar fila"
     }
   }
 };
@@ -106111,6 +106238,12 @@ var es_default = {
           less_than_equal_to: "Es menor o igual a",
           no_value: "Ning\xFAn valor"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: Seleccione varias opciones"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: Seleccione una opci\xF3n"
       }
     },
     loading: {
@@ -106197,6 +106330,9 @@ var es_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Colapsar grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Seleccionar fila"
     }
   }
 };
@@ -106262,6 +106398,12 @@ var fr_CA_default = {
           less_than_equal_to: "Est inf\xE9rieur ou \xE9gal \xE0",
           no_value: "Aucune valeur"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Filtre rapide\xA0: s\xE9lectionner plusieurs options"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Filtre rapide\xA0: s\xE9lectionner une option"
       }
     },
     loading: {
@@ -106348,6 +106490,9 @@ var fr_CA_default = {
     groupCell: {
       expand: "D\xE9velopper le groupe",
       collapse: "R\xE9duire le groupe"
+    },
+    rowCheckbox: {
+      ariaLabel: "S\xE9lectionner une ligne"
     }
   }
 };
@@ -106413,6 +106558,12 @@ var fr_FR_default = {
           less_than_equal_to: "Est inf\xE9rieure ou \xE9gale \xE0",
           no_value: "Aucune valeur"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Filtre rapide : s\xE9lectionnez plusieurs options"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Filtre rapide : s\xE9lectionnez une option"
       }
     },
     loading: {
@@ -106499,6 +106650,9 @@ var fr_FR_default = {
     groupCell: {
       expand: "D\xE9velopper le groupe",
       collapse: "R\xE9duire le groupe"
+    },
+    rowCheckbox: {
+      ariaLabel: "S\xE9lectionner une ligne"
     }
   }
 };
@@ -106564,6 +106718,12 @@ var is_IS_default = {
           less_than_equal_to: "Er minna en e\xF0a jafnt",
           no_value: "Ekkert gildi"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Flj\xF3tleg s\xEDa: Veldu marga valkosti"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Hra\xF0s\xEDa: Veldu valkost"
       }
     },
     loading: {
@@ -106650,6 +106810,9 @@ var is_IS_default = {
     groupCell: {
       expand: "St\xE6kka h\xF3pinn",
       collapse: "Hrunh\xF3pur"
+    },
+    rowCheckbox: {
+      ariaLabel: "Veldu R\xF6\xF0"
     }
   }
 };
@@ -106715,6 +106878,12 @@ var ja_JP_default = {
           less_than_equal_to: "\u4EE5\u4E0B\u3067\u3059",
           no_value: "\u5024\u304C\u3042\u308A\u307E\u305B\u3093"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC: \u8907\u6570\u306E\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u9078\u629E"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC: \u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u9078\u629E"
       }
     },
     loading: {
@@ -106801,6 +106970,9 @@ var ja_JP_default = {
     groupCell: {
       expand: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
       collapse: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080"
+    },
+    rowCheckbox: {
+      ariaLabel: "\u884C\u3092\u9078\u629E"
     }
   }
 };
@@ -106832,7 +107004,7 @@ var pl_PL_default = {
       bulkEdit: "Edycja masowa",
       cancel: "Anuluj",
       editValues: "Edytuj warto\u015Bci",
-      error: "Przepraszamy, nie mo\u017Cna zaktualizowa\u0107 pozycji.Spr\xF3buj ponownie.",
+      error: "Przepraszamy, nie mo\u017Cna zaktualizowa\u0107 pozycji.  Spr\xF3buj ponownie.",
       placeholderForField: "Wprowad\u017A %{fieldName}",
       selection: "Wybrano %{count} %{number}",
       success: "Pozycje zosta\u0142y pomy\u015Blnie zaktualizowane.",
@@ -106866,6 +107038,12 @@ var pl_PL_default = {
           less_than_equal_to: "mniej ni\u017C lub r\xF3wne",
           no_value: "brak warto\u015Bci"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Szybki filtr: wybierz wiele opcji"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Szybki filtr: wybierz opcj\u0119"
       }
     },
     loading: {
@@ -106952,6 +107130,9 @@ var pl_PL_default = {
     groupCell: {
       expand: "Rozwi\u0144 grup\u0119",
       collapse: "Zwi\u0144 grup\u0119"
+    },
+    rowCheckbox: {
+      ariaLabel: "Wybierz wiersz"
     }
   }
 };
@@ -107177,6 +107358,12 @@ var pt_BR_default = {
           less_than_equal_to: "\xC9 Menor Que ou Igual a",
           no_value: "Nenhum Valor"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: Selecione v\xE1rias op\xE7\xF5es"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "Filtro r\xE1pido: Selecione uma op\xE7\xE3o"
       }
     },
     loading: {
@@ -107263,6 +107450,9 @@ var pt_BR_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Recolher grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Selecionar Linha"
     }
   }
 };
@@ -107328,6 +107518,12 @@ var th_TH_default = {
           less_than_equal_to: "\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32\u0E2B\u0E23\u0E37\u0E2D\u0E40\u0E17\u0E48\u0E32\u0E01\u0E31\u0E1A",
           no_value: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E04\u0E48\u0E32"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19: \u0E40\u0E25\u0E37\u0E2D\u0E01\u0E15\u0E31\u0E27\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2B\u0E25\u0E32\u0E22\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19: \u0E40\u0E25\u0E37\u0E2D\u0E01\u0E15\u0E31\u0E27\u0E40\u0E25\u0E37\u0E2D\u0E01"
       }
     },
     loading: {
@@ -107414,6 +107610,9 @@ var th_TH_default = {
     groupCell: {
       expand: "\u0E02\u0E22\u0E32\u0E22\u0E01\u0E25\u0E38\u0E48\u0E21",
       collapse: "\u0E01\u0E32\u0E23\u0E22\u0E38\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21"
+    },
+    rowCheckbox: {
+      ariaLabel: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E16\u0E27"
     }
   }
 };
@@ -107479,6 +107678,12 @@ var zh_SG_default = {
           less_than_equal_to: "\u5C0F\u4E8E\u6216\u7B49\u4E8E",
           no_value: "\u65E0\u503C"
         }
+      },
+      multiSelectQuickFilter: {
+        ariaLabel: "\u5FEB\u901F\u7B5B\u9009\uFF1A\u9009\u62E9\u591A\u4E2A\u9009\u9879"
+      },
+      singleSelectQuickFilter: {
+        ariaLabel: "\u5FEB\u901F\u7B5B\u9009\uFF1A\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
       }
     },
     loading: {
@@ -107565,6 +107770,9 @@ var zh_SG_default = {
     groupCell: {
       expand: "\u5C55\u5F00\u7EC4",
       collapse: "\u6298\u53E0\u7EC4"
+    },
+    rowCheckbox: {
+      ariaLabel: "\u9009\u62E9\u884C"
     }
   }
 };
@@ -109618,6 +109826,15 @@ var Table = (props) => {
     ["onGridReady"],
     props.UNSAFE_internalAGGridOverrides ?? {}
   );
+  const { ref: resizeRef } = useResizeDetector({
+    onResize: onContainerResize,
+    refreshMode: "debounce",
+    refreshRate: 400
+  });
+  const combinedRef = React77.useCallback(
+    mergeRefs(wrapperRef, resizeRef),
+    [wrapperRef, resizeRef]
+  );
   return /* @__PURE__ */ React77.createElement(
     Spinner,
     {
@@ -109632,133 +109849,125 @@ var Table = (props) => {
       }
     },
     /* @__PURE__ */ React77.createElement(
-      ReactResizeDetector,
+      "div",
       {
-        onResize: onContainerResize,
-        refreshMode: "debounce",
-        refreshRate: 400
-      },
-      /* @__PURE__ */ React77.createElement(
-        "div",
-        {
-          style: {
-            flex: 1,
-            width: "100%",
-            maxHeight: props.maxHeight && tableHeight < props.maxHeight ? void 0 : props.maxHeight
-          },
-          className: cx19("ag-theme-alpine", {
-            "ag-suppress-column-virtualization": suppressColumnVirtualisation
-          }),
-          ref: wrapperRef,
-          "data-qa": loadingStatus.loading ? "loading" : "loaded"
+        style: {
+          flex: 1,
+          width: "100%",
+          maxHeight: props.maxHeight && tableHeight < props.maxHeight ? void 0 : props.maxHeight
         },
-        /* @__PURE__ */ React77.createElement("style", null, `:root {
+        className: cx19("ag-theme-alpine", {
+          "ag-suppress-column-virtualization": suppressColumnVirtualisation
+        }),
+        ref: combinedRef,
+        "data-qa": loadingStatus.loading ? "loading" : "loaded"
+      },
+      /* @__PURE__ */ React77.createElement("style", null, `:root {
               --viewport-width: ${viewportWidth}px;
               --rowActions-width: ${rowActionsWidth.current}px;
             }`),
-        /* @__PURE__ */ React77.createElement(
-          AgGridReact,
-          {
-            aggFuncs: aggregationFunctions_exports,
-            alwaysAggregateAtRootLevel: !onSSDR,
-            autoGroupColumnDef: decoratedAutoGroupColDef,
-            cacheBlockSize: props.paginationPageSize || defaultPaginationPageSize,
-            isGroupOpenByDefault: isClientSideGroupOpenByDefault,
-            isServerSideGroupOpenByDefault,
-            defaultColDef,
-            enableGroupEdit: internalTableContext.enableGroupEditAndValidation,
-            enableCellTextSelection: internalTableContext.enableCellTextSelection,
-            enableCellEditingOnBackspace: true,
-            excelStyles: transformToExcelStyles(props.excelDataTypeFormats),
-            components: frameworkComponents.base,
-            fullWidthCellRenderer: FullWidthCellRenderer(
-              props.fullWidthCellRenderer
-            ),
-            getRowHeight: getMainTableRowHeight,
-            getRowId: internalTableContext.getRowId,
-            getRowStyle,
-            groupAllowUnbalanced: true,
-            groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
-            groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
-            getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-            groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
-            groupSelectsFiltered: true,
-            headerHeight: props.headerHeight,
-            icons: tableIcons,
-            isFullWidthRow: (props2) => {
-              const node = props2.rowNode;
-              return isFullWidthRow(node);
-            },
-            initialGroupOrderComparator: props.initialGroupOrderComparator ? (params) => props.initialGroupOrderComparator(
-              serializeNode(params.nodeA),
-              serializeNode(params.nodeB)
-            ) : void 0,
-            isRowSelectable,
-            loadingOverlayComponent: "loadingOverlayRenderer",
-            loadingOverlayComponentParams: {
-              loading: true
-            },
-            maintainColumnOrder: props.maintainColumnOrder,
-            modules: [
-              ...props.modules,
-              MasterDetailModule,
-              MenuModule,
-              RowGroupingModule,
-              SetFilterModule,
-              CsvExportModule,
-              ExcelExportModule,
-              SparklinesModule
-            ],
-            noRowsOverlayComponent: "emptyStateRenderer",
-            noRowsOverlayComponentParams: {
-              emptyStateRenderer: props.emptyStateRenderer
-            },
-            onCellValueChanged: internalOnCellValueChanged,
-            onColumnGroupOpened,
-            onColumnMoved,
-            onColumnPinned,
-            onColumnResized,
-            onColumnRowGroupChanged,
-            onDisplayedColumnsChanged,
-            onDragStopped,
-            onGridReady,
-            onColumnEverythingChanged: props.onColumnEverythingChanged,
-            onModelUpdated,
-            onCellFocused: props.onCellFocused,
-            onRowDragEnd,
-            onRowDragMove,
-            onRowGroupOpened: internalRowGroupOpened,
-            onRowSelected: internalOnRowSelected,
-            onSortChanged: onSortEventChanged,
-            onFilterChanged,
-            onFirstDataRendered: props.onFirstDataRendered,
-            paginateChildRows: props.paginateChildRows,
-            pagination: props.pagination,
-            paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
-            popupParent: props.popupParent,
-            pinnedBottomRowData: props.pinnedBottomRowData,
-            rowBuffer: props.rowBuffer,
-            rowClassRules,
-            rowDragManaged: onSSDR ? false : props.rowDragManaged ?? true,
-            rowModelType: onSSDR ? "serverSide" : void 0,
-            rowSelection: "multiple",
-            ...serverSideInfiniteScroll,
-            suppressClickEdit: true,
-            suppressAggFuncInHeader: true,
-            suppressColumnMoveAnimation: true,
-            suppressColumnVirtualisation,
-            suppressContextMenu: true,
-            suppressFieldDotNotation: props.suppressFieldDotNotation,
-            suppressGroupRowsSticky: !props.stickyExpandedGroupRows,
-            suppressPropertyNamesCheck: true,
-            suppressRowClickSelection: props.suppressRowClickSelection || tableRowSelectionEnabled,
-            suppressPaginationPanel: true,
-            tabToNextCell: props.tabToNextCell,
-            ...clientSideRowData,
-            ...detailRowConfigProps,
-            ...overrideProps
-          }
-        )
+      /* @__PURE__ */ React77.createElement(
+        AgGridReact,
+        {
+          aggFuncs: aggregationFunctions_exports,
+          alwaysAggregateAtRootLevel: !onSSDR,
+          autoGroupColumnDef: decoratedAutoGroupColDef,
+          cacheBlockSize: props.paginationPageSize || defaultPaginationPageSize,
+          isGroupOpenByDefault: isClientSideGroupOpenByDefault,
+          isServerSideGroupOpenByDefault,
+          defaultColDef,
+          enableGroupEdit: internalTableContext.enableGroupEditAndValidation,
+          enableCellTextSelection: internalTableContext.enableCellTextSelection,
+          enableCellEditingOnBackspace: true,
+          excelStyles: transformToExcelStyles(props.excelDataTypeFormats),
+          components: frameworkComponents.base,
+          fullWidthCellRenderer: FullWidthCellRenderer(
+            props.fullWidthCellRenderer
+          ),
+          getRowHeight: getMainTableRowHeight,
+          getRowId: internalTableContext.getRowId,
+          getRowStyle,
+          groupAllowUnbalanced: true,
+          groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
+          groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
+          getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
+          groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
+          groupSelectsFiltered: true,
+          headerHeight: props.headerHeight,
+          icons: tableIcons,
+          isFullWidthRow: (props2) => {
+            const node = props2.rowNode;
+            return isFullWidthRow(node);
+          },
+          initialGroupOrderComparator: props.initialGroupOrderComparator ? (params) => props.initialGroupOrderComparator(
+            serializeNode(params.nodeA),
+            serializeNode(params.nodeB)
+          ) : void 0,
+          isRowSelectable,
+          loadingOverlayComponent: "loadingOverlayRenderer",
+          loadingOverlayComponentParams: {
+            loading: true
+          },
+          maintainColumnOrder: props.maintainColumnOrder,
+          modules: [
+            ...props.modules,
+            MasterDetailModule,
+            MenuModule,
+            RowGroupingModule,
+            SetFilterModule,
+            CsvExportModule,
+            ExcelExportModule,
+            SparklinesModule
+          ],
+          noRowsOverlayComponent: "emptyStateRenderer",
+          noRowsOverlayComponentParams: {
+            emptyStateRenderer: props.emptyStateRenderer
+          },
+          onCellValueChanged: internalOnCellValueChanged,
+          onColumnGroupOpened,
+          onColumnMoved,
+          onColumnPinned,
+          onColumnResized,
+          onColumnRowGroupChanged,
+          onDisplayedColumnsChanged,
+          onDragStopped,
+          onGridReady,
+          onColumnEverythingChanged: props.onColumnEverythingChanged,
+          onModelUpdated,
+          onCellFocused: props.onCellFocused,
+          onRowDragEnd,
+          onRowDragMove,
+          onRowGroupOpened: internalRowGroupOpened,
+          onRowSelected: internalOnRowSelected,
+          onSortChanged: onSortEventChanged,
+          onFilterChanged,
+          onFirstDataRendered: props.onFirstDataRendered,
+          paginateChildRows: props.paginateChildRows,
+          pagination: props.pagination,
+          paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
+          popupParent: props.popupParent,
+          pinnedBottomRowData: props.pinnedBottomRowData,
+          rowBuffer: props.rowBuffer,
+          rowClassRules,
+          rowDragManaged: onSSDR ? false : props.rowDragManaged ?? true,
+          rowModelType: onSSDR ? "serverSide" : void 0,
+          rowSelection: "multiple",
+          ...serverSideInfiniteScroll,
+          suppressClickEdit: true,
+          suppressAggFuncInHeader: true,
+          suppressColumnMoveAnimation: true,
+          suppressColumnVirtualisation,
+          suppressContextMenu: true,
+          suppressFieldDotNotation: props.suppressFieldDotNotation,
+          suppressGroupRowsSticky: !props.stickyExpandedGroupRows,
+          suppressPropertyNamesCheck: true,
+          suppressRowClickSelection: props.suppressRowClickSelection || tableRowSelectionEnabled,
+          suppressPaginationPanel: true,
+          tabToNextCell: props.tabToNextCell,
+          ...clientSideRowData,
+          ...detailRowConfigProps,
+          ...overrideProps
+        }
       )
     ),
     props.pagination && gridApi && /* @__PURE__ */ React77.createElement(
@@ -109906,7 +110115,7 @@ var FILTERS_GROUP_EXPANDABLE_AREA_VERTICAL_MARGIN = spacing.md;
 var FILTERS_GROUP_ITEM_HEIGHT = 60;
 var ITEMS_IN_FILTERS_GROUP = 5;
 var FILTERS_GROUP_EXPANDABLE_AREA_HEIGHT = (FILTERS_GROUP_ITEM_HEIGHT + spacing.xl) * ITEMS_IN_FILTERS_GROUP + BORDER_WIDTH;
-var StyledPanelSection = styled3(Panel.Section)`
+var StyledPanelSection = styled4(Panel.Section)`
   // Filters Group container styles
   &.filters-list-group-section {
     padding-bottom: ${FILTERS_GROUP_VERTICAL_MARGIN}px;
@@ -110200,7 +110409,7 @@ var ConfigPanelButton = () => {
 var QuickFilterLabel = React77.forwardRef(({ enabled, ...props }, ref) => {
   return /* @__PURE__ */ React77.createElement(StyledQuickFilterLabel, { $enabled: enabled }, /* @__PURE__ */ React77.createElement(SelectButton, { ref, ...props }));
 });
-var StyledQuickFilterLabel = styled3.div`
+var StyledQuickFilterLabel = styled4.div`
   ${StyledSelectButton} {
     width: auto;
     max-width: 380px;
@@ -110832,7 +111041,7 @@ var LocationQuickFilterRenderer = ({
   );
 };
 var LocationQuickFilterRenderer_default = LocationQuickFilterRenderer;
-var StyledFilterPresetPopoverContent = styled3(Popover.Content)`
+var StyledFilterPresetPopoverContent = styled4(Popover.Content)`
   padding: ${spacing.sm}px ${spacing.lg}px;
 `;
 var getValueLabel = (isValueEmpty, value, placeholder, filterName) => {
@@ -110916,7 +111125,7 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
     selectionStyle: "highlight"
   };
 };
-var StyledSuperSelectWrapper = styled3.div`
+var StyledSuperSelectWrapper = styled4.div`
   ${UNSAFE_StyledSuperSelectTrigger} {
     width: auto;
   }
@@ -111387,7 +111596,7 @@ var FilterIcon = () => {
     )
   );
 };
-var StyledFilterTokenWrapper = styled3.div`
+var StyledFilterTokenWrapper = styled4.div`
   ${UNSAFE_StyledFilterTokenLabel} {
     font-weight: ${typographyWeights.semibold};
   }