@procore/data-table 14.23.2 → 14.25.0

package/dist/modern/index.cjs

@@ -9,6 +9,7 @@ var coreIcons = require('@procore/core-icons');
 var classNames = require('classnames');
 var dateFns = require('date-fns');
 var labsFinancialsUtils = require('@procore/labs-financials-utils');
+var styled4 = require('styled-components');
 var format = require('@procore/labs-financials-utils/dist/format');
 var ulid$1 = require('ulid');
 var toastAlert = require('@procore/toast-alert');
@@ -16,10 +17,9 @@ var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
 var webSdkStorage = require('@procore/web-sdk-storage');
 var _isEqual = require('lodash.isequal');
-var ReactResizeDetector = require('react-resize-detector');
+var reactResizeDetector = require('react-resize-detector');
 var labsDatetimeSelect = require('@procore/labs-datetime-select');
 var Decimal = require('decimal.js');
-var styled3 = require('styled-components');
 var globalizationToolkit = require('@procore/globalization-toolkit');
 var labsGroupBySelect = require('@procore/labs-group-by-select');
 
@@ -29,11 +29,10 @@ var React77__default = /*#__PURE__*/_interopDefault(React77);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var debounce5__default = /*#__PURE__*/_interopDefault(debounce5);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var styled4__default = /*#__PURE__*/_interopDefault(styled4);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var _isEqual__default = /*#__PURE__*/_interopDefault(_isEqual);
-var ReactResizeDetector__default = /*#__PURE__*/_interopDefault(ReactResizeDetector);
 var Decimal__default = /*#__PURE__*/_interopDefault(Decimal);
-var styled3__default = /*#__PURE__*/_interopDefault(styled3);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -8681,6 +8680,9 @@ function getDateObject(date) {
   }
   return date;
 }
+var StyledDateSelect = styled4__default.default(coreReact.DateSelect)`
+  background-color: #ffffff;
+`;
 var DateCellValue = ({
   columnDefinition,
   isGroup,
@@ -8728,7 +8730,7 @@ var Editor2 = React77__default.default.forwardRef(
         timeZone: columnDefinition.cellEditorParams?.timeZone
       },
       /* @__PURE__ */ React77__default.default.createElement(
-        coreReact.DateSelect,
+        StyledDateSelect,
         {
           afterHide,
           className: cx4("input-cell"),
@@ -55223,6 +55225,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?.(value, field);
   if (formattedValue)
@@ -55231,6 +55244,33 @@ var transformFilterValue = (value, field, formatter) => {
     return dateFns.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 = {}) {
   const params = new URLSearchParams();
   if (options.pagination !== false) {
@@ -55254,10 +55294,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);
@@ -56437,6 +56484,7 @@ var getMainMenuItems = (props, I18n) => {
     value: "resetColumns",
     action() {
       props.columnApi.resetColumnState();
+      props.onTableConfigChange();
     }
   };
   const rowUngroup = {
@@ -56445,7 +56493,6 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowUnGroup",
     action() {
-      props.columnApi.resetColumnState();
       props.columnApi.removeRowGroupColumn(props.column);
     }
   };
@@ -56455,7 +56502,6 @@ var getMainMenuItems = (props, I18n) => {
     }),
     value: "rowGroup",
     action() {
-      props.columnApi.resetColumnState();
       props.columnApi.addRowGroupColumn(props.column);
     }
   };
@@ -56711,8 +56757,18 @@ var GenericHeaderRenderer = (props) => {
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77__default.default.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77__default.default.useState(false);
+  const [isRowGroupActive, setIsRowGroupActive] = React77__default.default.useState(
+    () => props.column.isRowGroupActive()
+  );
   const defaultMenuOptions = getMainMenuItems(
-    { ...props, onTableConfigChange },
+    {
+      ...props,
+      menuConfig: {
+        ...props.menuConfig,
+        isRowGroupActive
+      },
+      onTableConfigChange
+    },
     I18n
   );
   const headerCellRef = React77.useRef(null);
@@ -56726,6 +56782,18 @@ var GenericHeaderRenderer = (props) => {
   }) : !!headerCheckboxSelection;
   const checkbox = React77.useRef(null);
   const colId = props.column.getId();
+  React77__default.default.useEffect(() => {
+    const onRowGroupChanged = () => {
+      setIsRowGroupActive(props.column.isRowGroupActive());
+    };
+    props.column.addEventListener("columnRowGroupChanged", onRowGroupChanged);
+    return () => {
+      props.column.removeEventListener(
+        "columnRowGroupChanged",
+        onRowGroupChanged
+      );
+    };
+  }, []);
   React77__default.default.useEffect(() => {
     function calculatePosition() {
       const columns = props.columnApi.getColumnState();
@@ -104968,6 +105036,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?.forEachNode((node) => {
@@ -105048,6 +105129,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: {
@@ -105134,6 +105221,9 @@ var de_DE_default = {
     groupCell: {
       expand: "Gruppe erweitern",
       collapse: "Gruppe ausblenden"
+    },
+    rowCheckbox: {
+      ariaLabel: "Zeile ausw\xE4hlen"
     }
   }
 };
@@ -105199,6 +105289,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: {
@@ -105285,6 +105381,9 @@ var en_AU_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105350,6 +105449,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: {
@@ -105436,6 +105541,9 @@ var en_CA_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105501,6 +105609,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: {
@@ -105587,6 +105701,9 @@ var en_GB_default = {
     groupCell: {
       expand: "Expand group",
       collapse: "Collapse group"
+    },
+    rowCheckbox: {
+      ariaLabel: "Select row"
     }
   }
 };
@@ -105812,6 +105929,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: {
@@ -105898,6 +106021,9 @@ var es_ES_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Contraer grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Seleccionar fila"
     }
   }
 };
@@ -105963,6 +106089,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: {
@@ -106049,6 +106181,9 @@ var es_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Colapsar grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Seleccionar fila"
     }
   }
 };
@@ -106114,6 +106249,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: {
@@ -106200,6 +106341,9 @@ var fr_CA_default = {
     groupCell: {
       expand: "D\xE9velopper le groupe",
       collapse: "R\xE9duire le groupe"
+    },
+    rowCheckbox: {
+      ariaLabel: "S\xE9lectionner une ligne"
     }
   }
 };
@@ -106265,6 +106409,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: {
@@ -106351,6 +106501,9 @@ var fr_FR_default = {
     groupCell: {
       expand: "D\xE9velopper le groupe",
       collapse: "R\xE9duire le groupe"
+    },
+    rowCheckbox: {
+      ariaLabel: "S\xE9lectionner une ligne"
     }
   }
 };
@@ -106416,6 +106569,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: {
@@ -106502,6 +106661,9 @@ var is_IS_default = {
     groupCell: {
       expand: "St\xE6kka h\xF3pinn",
       collapse: "Hrunh\xF3pur"
+    },
+    rowCheckbox: {
+      ariaLabel: "Veldu R\xF6\xF0"
     }
   }
 };
@@ -106567,6 +106729,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: {
@@ -106653,6 +106821,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"
     }
   }
 };
@@ -106684,7 +106855,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.",
@@ -106718,6 +106889,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: {
@@ -106804,6 +106981,9 @@ var pl_PL_default = {
     groupCell: {
       expand: "Rozwi\u0144 grup\u0119",
       collapse: "Zwi\u0144 grup\u0119"
+    },
+    rowCheckbox: {
+      ariaLabel: "Wybierz wiersz"
     }
   }
 };
@@ -107029,6 +107209,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: {
@@ -107115,6 +107301,9 @@ var pt_BR_default = {
     groupCell: {
       expand: "Expandir grupo",
       collapse: "Recolher grupo"
+    },
+    rowCheckbox: {
+      ariaLabel: "Selecionar Linha"
     }
   }
 };
@@ -107180,6 +107369,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: {
@@ -107266,6 +107461,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"
     }
   }
 };
@@ -107331,6 +107529,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: {
@@ -107417,6 +107621,9 @@ var zh_SG_default = {
     groupCell: {
       expand: "\u5C55\u5F00\u7EC4",
       collapse: "\u6298\u53E0\u7EC4"
+    },
+    rowCheckbox: {
+      ariaLabel: "\u9009\u62E9\u884C"
     }
   }
 };
@@ -109420,6 +109627,15 @@ var Table = (props) => {
     ["onGridReady"],
     props.UNSAFE_internalAGGridOverrides ?? {}
   );
+  const { ref: resizeRef } = reactResizeDetector.useResizeDetector({
+    onResize: onContainerResize,
+    refreshMode: "debounce",
+    refreshRate: 400
+  });
+  const combinedRef = React77__default.default.useCallback(
+    mergeRefs(wrapperRef, resizeRef),
+    [wrapperRef, resizeRef]
+  );
   return /* @__PURE__ */ React77__default.default.createElement(
     Spinner,
     {
@@ -109434,133 +109650,125 @@ var Table = (props) => {
       }
     },
     /* @__PURE__ */ React77__default.default.createElement(
-      ReactResizeDetector__default.default,
+      "div",
       {
-        onResize: onContainerResize,
-        refreshMode: "debounce",
-        refreshRate: 400
-      },
-      /* @__PURE__ */ React77__default.default.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__default.default.createElement("style", null, `:root {
+        className: cx19("ag-theme-alpine", {
+          "ag-suppress-column-virtualization": suppressColumnVirtualisation
+        }),
+        ref: combinedRef,
+        "data-qa": loadingStatus.loading ? "loading" : "loaded"
+      },
+      /* @__PURE__ */ React77__default.default.createElement("style", null, `:root {
               --viewport-width: ${viewportWidth}px;
               --rowActions-width: ${rowActionsWidth.current}px;
             }`),
-        /* @__PURE__ */ React77__default.default.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__default.default.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__default.default.createElement(
@@ -109704,7 +109912,7 @@ var FILTERS_GROUP_EXPANDABLE_AREA_VERTICAL_MARGIN = coreReact.spacing.md;
 var FILTERS_GROUP_ITEM_HEIGHT = 60;
 var ITEMS_IN_FILTERS_GROUP = 5;
 var FILTERS_GROUP_EXPANDABLE_AREA_HEIGHT = (FILTERS_GROUP_ITEM_HEIGHT + coreReact.spacing.xl) * ITEMS_IN_FILTERS_GROUP + BORDER_WIDTH;
-var StyledPanelSection = styled3__default.default(coreReact.Panel.Section)`
+var StyledPanelSection = styled4__default.default(coreReact.Panel.Section)`
   // Filters Group container styles
   &.filters-list-group-section {
     padding-bottom: ${FILTERS_GROUP_VERTICAL_MARGIN}px;
@@ -109997,11 +110205,11 @@ var ConfigPanelButton = () => {
 var QuickFilterLabel = React77__default.default.forwardRef(({ enabled, ...props }, ref) => {
   return /* @__PURE__ */ React77__default.default.createElement(StyledQuickFilterLabel, { $enabled: enabled }, /* @__PURE__ */ React77__default.default.createElement(coreReact.SelectButton, { ref, ...props }));
 });
-var StyledQuickFilterLabel = styled3__default.default.div`
+var StyledQuickFilterLabel = styled4__default.default.div`
   ${coreReact.StyledSelectButton} {
     width: auto;
     max-width: 380px;
-    ${({ $enabled }) => $enabled && styled3.css`
+    ${({ $enabled }) => $enabled && styled4.css`
         background: ${coreReact.colors.blue96};
         border-color: ${coreReact.colors.blue96};
         font-weight: ${coreReact.typographyWeights.semibold};
@@ -110624,7 +110832,7 @@ var LocationQuickFilterRenderer = ({
   );
 };
 var LocationQuickFilterRenderer_default = LocationQuickFilterRenderer;
-var StyledFilterPresetPopoverContent = styled3__default.default(coreReact.Popover.Content)`
+var StyledFilterPresetPopoverContent = styled4__default.default(coreReact.Popover.Content)`
   padding: ${coreReact.spacing.sm}px ${coreReact.spacing.lg}px;
 `;
 var getValueLabel = (isValueEmpty, value, placeholder, filterName) => {
@@ -110706,12 +110914,12 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
     selectionStyle: "highlight"
   };
 };
-var StyledSuperSelectWrapper = styled3__default.default.div`
+var StyledSuperSelectWrapper = styled4__default.default.div`
   ${coreReact.UNSAFE_StyledSuperSelectTrigger} {
     width: auto;
   }
 
-  ${({ $enabled }) => $enabled && styled3.css`
+  ${({ $enabled }) => $enabled && styled4.css`
       ${coreReact.UNSAFE_StyledSuperSelectTrigger} {
         max-width: 360px;
         background: ${coreReact.colors.blue96};
@@ -111159,7 +111367,7 @@ var FilterIcon = () => {
     )
   );
 };
-var StyledFilterTokenWrapper = styled3__default.default.div`
+var StyledFilterTokenWrapper = styled4__default.default.div`
   ${coreReact.UNSAFE_StyledFilterTokenLabel} {
     font-weight: ${coreReact.typographyWeights.semibold};
   }