@procore/data-table 14.46.3 → 14.46.5

package/dist/legacy/index.cjs

@@ -1402,7 +1402,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_pphrk_342 {
+@keyframes _ag-shake-left-to-right_fcvsa_342 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5403,7 +5403,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_pphrk_1 {
+@keyframes _spin_fcvsa_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7935,7 +7935,7 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 16px;
 }
 
-div._contextPanel_pphrk_7159 {
+div._contextPanel_fcvsa_7159 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7944,12 +7944,12 @@ div._contextPanel_pphrk_7159 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel_pphrk_7159:focus {
+div._contextPanel_fcvsa_7159:focus {
   border-color: #2066df;
   box-shadow: inset 0 0 1px 0 #2066df;
   outline: none;
 }
-div._contextPanel--hidden_pphrk_7173 {
+div._contextPanel--hidden_fcvsa_7173 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7957,50 +7957,58 @@ div._contextPanel--hidden_pphrk_7173 {
   width: 0px;
 }
 
-._contextPanelWrapper_pphrk_7181 {
+._contextPanelWrapper_fcvsa_7181 {
   position: relative;
   flex-grow: 1;
 }
 
-._contextPanelBody_pphrk_7186 {
+._contextPanelBody_fcvsa_7186 {
   width: clamp(380px, 400px, 100%);
 }
 
-._contextPanel-stickyHeader_pphrk_7190 {
+._contextPanel-stickyHeader_fcvsa_7190 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
-._filters-list_pphrk_7197 {
+._filters-list_fcvsa_7197 {
   padding: 0;
   margin: 0;
 }
-._filters-list_pphrk_7197 ol {
+._filters-list_fcvsa_7197 ol {
   padding: 0;
   margin: 0;
 }
 
-._col-drag-column-icon_pphrk_7206 {
+._date-filter-invalid-message_fcvsa_7206 {
+  color: #c42223;
+  font-size: 12px;
+  line-height: 16px;
+  margin-top: 4px;
+}
+
+._col-drag-column-icon_fcvsa_7213 {
   color: #6a767c;
 }
 
-._tabular-nums_pphrk_7210 {
+._tabular-nums_fcvsa_7217 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_pphrk_7159",
-  "contextPanel--hidden": "_contextPanel--hidden_pphrk_7173",
-  "contextPanelWrapper": "_contextPanelWrapper_pphrk_7181",
-  "contextPanelBody": "_contextPanelBody_pphrk_7186",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_pphrk_7190",
-  "filters-list": "_filters-list_pphrk_7197",
-  "col-drag-column-icon": "_col-drag-column-icon_pphrk_7206",
-  "tabular-nums": "_tabular-nums_pphrk_7210",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_pphrk_342",
-  "spin": "_spin_pphrk_1"
+  "contextPanel": "_contextPanel_fcvsa_7159",
+  "contextPanel--hidden": "_contextPanel--hidden_fcvsa_7173",
+  "contextPanelWrapper": "_contextPanelWrapper_fcvsa_7181",
+  "contextPanelBody": "_contextPanelBody_fcvsa_7186",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_fcvsa_7190",
+  "filters-list": "_filters-list_fcvsa_7197",
+  "date-filter-invalid-message": "_date-filter-invalid-message_fcvsa_7206",
+  "col-drag-column-icon": "_col-drag-column-icon_fcvsa_7213",
+  "tabular-nums": "_tabular-nums_fcvsa_7217",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_fcvsa_342",
+  "spin": "_spin_fcvsa_1"
 };
 
 // src/CellRenderers/BooleanCell.tsx
@@ -8285,6 +8293,264 @@ var Editor = React80__default.default.forwardRef(
   }
 );
 var CurrencyCellEditor = withDataTableEditor(Editor, "input");
+var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? (React80__default.default).useLayoutEffect : () => {
+};
+var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
+var $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React80__default.default)["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  const ref = (React80.useRef)(null);
+  $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]);
+  return (React80.useCallback)((...args) => {
+    const f = ref.current;
+    return f === null || f === void 0 ? void 0 : f(...args);
+  }, []);
+}
+var $b5e257d569688ac6$var$defaultContext = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+};
+var $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ (React80__default.default).createContext($b5e257d569688ac6$var$defaultContext);
+var $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ (React80__default.default).createContext(false);
+var $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+var $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
+function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
+  let ctx = (React80.useContext)($b5e257d569688ac6$var$SSRContext);
+  let ref = (React80.useRef)(null);
+  if (ref.current === null && !isDisabled) {
+    var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = (React80__default.default).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+    if (currentOwner) {
+      let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
+      if (prevComponentValue == null)
+        $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+          id: ctx.current,
+          state: currentOwner.memoizedState
+        });
+      else if (currentOwner.memoizedState !== prevComponentValue.state) {
+        ctx.current = prevComponentValue.id;
+        $b5e257d569688ac6$var$componentIds.delete(currentOwner);
+      }
+    }
+    ref.current = ++ctx.current;
+  }
+  return ref.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
+  let ctx = (React80.useContext)($b5e257d569688ac6$var$SSRContext);
+  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== "production") console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let counter2 = $b5e257d569688ac6$var$useCounter(!!defaultId);
+  let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
+  return defaultId || `${prefix}-${counter2}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
+  let id = (React80__default.default).useId();
+  let [didSSR] = (React80.useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
+  let prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+  return defaultId || `${prefix}-${id}`;
+}
+var $b5e257d569688ac6$export$619500959fc48b26 = typeof (React80__default.default)["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+  return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+  return true;
+}
+function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+  return () => {
+  };
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+  if (typeof (React80__default.default)["useSyncExternalStore"] === "function") return (React80__default.default)["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+  return (React80.useContext)($b5e257d569688ac6$var$IsSSRContext);
+}
+
+// ../../node_modules/@react-aria/utils/dist/useId.mjs
+var $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+var $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
+var $bdb11010cef70236$var$registry;
+if (typeof FinalizationRegistry !== "undefined") $bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue) => {
+  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
+});
+function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
+  let [value, setValue] = (React80.useState)(defaultId);
+  let nextId = (React80.useRef)(null);
+  let res = ($b5e257d569688ac6$export$619500959fc48b26)(value);
+  let cleanupRef = (React80.useRef)(null);
+  if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.register(cleanupRef, res);
+  if ($bdb11010cef70236$var$canUseDOM) {
+    const cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);
+    if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
+    else $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [
+      nextId
+    ]);
+  }
+  ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(() => {
+    let r2 = res;
+    return () => {
+      if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);
+      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
+    };
+  }, [
+    res
+  ]);
+  (React80.useEffect)(() => {
+    let newId = nextId.current;
+    if (newId) setValue(newId);
+    return () => {
+      if (newId) nextId.current = null;
+    };
+  });
+  return res;
+}
+function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
+  if (idA === idB) return idA;
+  let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);
+  if (setIdsA) {
+    setIdsA.forEach((ref) => ref.current = idB);
+    return idB;
+  }
+  let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);
+  if (setIdsB) {
+    setIdsB.forEach((ref) => ref.current = idA);
+    return idA;
+  }
+  return idB;
+}
+
+// ../../node_modules/@react-aria/utils/dist/chain.mjs
+function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
+  return (...args) => {
+    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
+  };
+}
+
+// ../../node_modules/@react-aria/utils/dist/domHelpers.mjs
+var $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
+  var _el_ownerDocument;
+  return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
+};
+function $431fbd86ca7dc216$var$isNode(value) {
+  return value !== null && typeof value === "object" && "nodeType" in value && typeof value.nodeType === "number";
+}
+function $431fbd86ca7dc216$export$af51f0f06c0f328a(node) {
+  return $431fbd86ca7dc216$var$isNode(node) && node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in node;
+}
+
+// ../../node_modules/@react-stately/flags/dist/import.mjs
+var $f4e2df6bd15f8569$var$_shadowDOM = false;
+function $f4e2df6bd15f8569$export$98658e8c59125e6a() {
+  return $f4e2df6bd15f8569$var$_shadowDOM;
+}
+
+// ../../node_modules/@react-aria/utils/dist/DOMFunctions.mjs
+function $d4ee10de306f2510$export$4282f70798064fe0(node, otherNode) {
+  if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return otherNode && node ? node.contains(otherNode) : false;
+  if (!node || !otherNode) return false;
+  let currentNode = otherNode;
+  while (currentNode !== null) {
+    if (currentNode === node) return true;
+    if (currentNode.tagName === "SLOT" && currentNode.assignedSlot)
+      currentNode = currentNode.assignedSlot.parentNode;
+    else if (($431fbd86ca7dc216$export$af51f0f06c0f328a)(currentNode))
+      currentNode = currentNode.host;
+    else currentNode = currentNode.parentNode;
+  }
+  return false;
+}
+var $d4ee10de306f2510$export$cd4e5573fbe2b576 = (doc = document) => {
+  var _activeElement_shadowRoot;
+  if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return doc.activeElement;
+  let activeElement = doc.activeElement;
+  while (activeElement && "shadowRoot" in activeElement && ((_activeElement_shadowRoot = activeElement.shadowRoot) === null || _activeElement_shadowRoot === void 0 ? void 0 : _activeElement_shadowRoot.activeElement)) activeElement = activeElement.shadowRoot.activeElement;
+  return activeElement;
+};
+function $d4ee10de306f2510$export$e58f029f0fbfdb29(event) {
+  if (($f4e2df6bd15f8569$export$98658e8c59125e6a)() && event.target.shadowRoot) {
+    if (event.composedPath) return event.composedPath()[0];
+  }
+  return event.target;
+}
+
+// ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
+// ../../node_modules/@react-aria/utils/dist/mergeProps.mjs
+function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
+  let result = {
+    ...args[0]
+  };
+  for (let i = 1; i < args.length; i++) {
+    let props = args[i];
+    for (let key in props) {
+      let a = result[key];
+      let b = props[key];
+      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
+      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
+      65 && key.charCodeAt(2) <= /* 'Z' */
+      90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
+      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = (clsx_default)(a, b);
+      else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
+      else result[key] = b !== void 0 ? b : a;
+    }
+  }
+  return result;
+}
+function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
+  let globalListeners = (React80.useRef)(/* @__PURE__ */ new Map());
+  let addGlobalListener = (React80.useCallback)((eventTarget, type, listener, options) => {
+    let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
+      globalListeners.current.delete(listener);
+      listener(...args);
+    } : listener;
+    globalListeners.current.set(listener, {
+      type,
+      eventTarget,
+      fn,
+      options
+    });
+    eventTarget.addEventListener(type, fn, options);
+  }, []);
+  let removeGlobalListener = (React80.useCallback)((eventTarget, type, listener, options) => {
+    var _globalListeners_current_get;
+    let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
+    eventTarget.removeEventListener(type, fn, options);
+    globalListeners.current.delete(listener);
+  }, []);
+  let removeAllGlobalListeners = (React80.useCallback)(() => {
+    globalListeners.current.forEach((value, key) => {
+      removeGlobalListener(value.eventTarget, value.type, key, value.options);
+    });
+  }, [
+    removeGlobalListener
+  ]);
+  (React80.useEffect)(() => {
+    return removeAllGlobalListeners;
+  }, [
+    removeAllGlobalListeners
+  ]);
+  return {
+    addGlobalListener,
+    removeGlobalListener,
+    removeAllGlobalListeners
+  };
+}
 
 // src/utils/logger.ts
 var log = (...args) => {
@@ -8388,6 +8654,7 @@ function isValidFilter(filter) {
 }
 
 // src/FilterRenderers/DateFilterRenderer.tsx
+var cx4 = classnames__default.default.bind(styles_default);
 function getPlacement(currentSelectionType, position) {
   if (currentSelectionType === "single") {
     return "bottom-left";
@@ -8492,13 +8759,28 @@ var DateFilterSelect = React80__default.default.forwardRef(
   ({
     afterHide,
     onChange,
+    invalidDateErrorMessage,
     position,
     selectedValue,
     selectionType = "either",
     setSelectionType = () => {
     }
   }, ref) => {
+    const I18n = coreReact.useI18nContext();
+    const errorId = $bdb11010cef70236$export$f680877a34711e37();
     const dateTime = coreReact.useDateTime();
+    const localDateInputRef = React80__default.default.useRef(null);
+    const errorMessageRef = React80__default.default.useRef(null);
+    const updateInvalidState = React80__default.default.useCallback(() => {
+      var _a, _b, _c;
+      const isInvalid = ((_a = localDateInputRef.current) == null ? void 0 : _a.getAttribute("aria-invalid")) === "true";
+      if (isInvalid) {
+        (_b = errorMessageRef.current) == null ? void 0 : _b.removeAttribute("hidden");
+      } else {
+        (_c = errorMessageRef.current) == null ? void 0 : _c.setAttribute("hidden", "true");
+      }
+    }, []);
+    const resolvedInvalidDateErrorMessage = typeof invalidDateErrorMessage === "function" ? invalidDateErrorMessage() : invalidDateErrorMessage || I18n.t("dataTable.filterRenders.dateFilter.invalidDate");
     const { start, end } = selectedValue;
     const selectedDate = (position === "start" ? start : end) ?? void 0;
     const [displayed, setDisplayed2] = React80__default.default.useState(
@@ -8533,7 +8815,7 @@ var DateFilterSelect = React80__default.default.forwardRef(
         yearRef
       }
     );
-    return /* @__PURE__ */ React80__default.default.createElement(
+    return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { display: "flex-column", className: cx4("date-filter-input-wrapper") }, /* @__PURE__ */ React80__default.default.createElement(
       coreReact.OverlayTrigger,
       {
         afterHide,
@@ -8559,9 +8841,7 @@ var DateFilterSelect = React80__default.default.forwardRef(
         {
           "data-qa": `data-table-date-filter-input-${position}`,
           onChangeSegment: (type, value) => {
-            if (value === -1) {
-              return;
-            }
+            if (value === -1) return;
             if (type === "month") {
               setDisplayed2(dateTime.newDate(displayed.setMonth(value - 1)));
             } else if (type === "year") {
@@ -8576,12 +8856,26 @@ var DateFilterSelect = React80__default.default.forwardRef(
           onClear: () => {
             setDisplayed2(dateTime.newDate());
           },
+          onBlur: updateInvalidState,
           clearRef,
           value: selectedDate,
-          ref
+          ref: localDateInputRef,
+          "aria-describedby": errorId
         }
       )
-    );
+    ), /* @__PURE__ */ React80__default.default.createElement(
+      coreReact.Box,
+      {
+        id: errorId,
+        ref: errorMessageRef,
+        "aria-live": "polite",
+        className: cx4("date-filter-invalid-message"),
+        "data-qa": `data-table-date-filter-error-${position}`,
+        hidden: true,
+        role: "status"
+      },
+      resolvedInvalidDateErrorMessage
+    ));
   }
 );
 function DateFilter({
@@ -8589,6 +8883,7 @@ function DateFilter({
   // core DateSelect doesn't have it
   // loading,
   onChange,
+  invalidDateErrorMessage,
   selectionType = "either",
   value,
   ...props
@@ -8636,6 +8931,7 @@ function DateFilter({
     DateFilterSelect,
     {
       afterHide: dateRangeAfterHide,
+      invalidDateErrorMessage,
       onChange: dateFilterOnChange,
       position: "start",
       selectedValue,
@@ -8645,6 +8941,7 @@ function DateFilter({
   ), selectedValue.type !== "single" && /* @__PURE__ */ React80__default.default.createElement(
     DateFilterSelect,
     {
+      invalidDateErrorMessage,
       onChange: dateFilterOnChange,
       position: "end",
       ref: dateRangeEndDateRef,
@@ -8661,12 +8958,13 @@ function ServerSideDateSelectFilterRenderer({
   value = [],
   ...props
 }) {
-  var _a;
+  var _a, _b;
   const colDef = columnDefinition;
   return /* @__PURE__ */ React80__default.default.createElement(OptionalDateTimeProvider, { timeZone: colDef.timeZone }, /* @__PURE__ */ React80__default.default.createElement(
     DateFilter,
     {
       ...props,
+      invalidDateErrorMessage: (_a = colDef.filterProps) == null ? void 0 : _a.invalidDateErrorMessage,
       onChange: (selected) => {
         onChange(
           selected.map((date) => {
@@ -8680,7 +8978,7 @@ function ServerSideDateSelectFilterRenderer({
           })
         );
       },
-      selectionType: ((_a = colDef.filterProps) == null ? void 0 : _a.selectionType) ?? "either",
+      selectionType: ((_b = colDef.filterProps) == null ? void 0 : _b.selectionType) ?? "either",
       value: value.map((option) => option ? option.date : option)
     }
   ));
@@ -8722,7 +9020,7 @@ function getCellValueTypographyProps(typographyProps) {
 }
 
 // src/CellRenderers/DateCell.tsx
-var cx4 = classnames__default.default.bind(styles_default);
+var cx5 = classnames__default.default.bind(styles_default);
 function getDateObject(date) {
   if (dateFns.isDate(date)) {
     return date;
@@ -8788,7 +9086,7 @@ var Editor2 = React80__default.default.forwardRef(
         StyledDateSelect,
         {
           afterHide,
-          className: cx4("input-cell"),
+          className: cx5("input-cell"),
           disabledDate: (_b = columnDefinition.cellEditorParams) == null ? void 0 : _b.disabledDate,
           onChange,
           ref,
@@ -8799,7 +9097,7 @@ var Editor2 = React80__default.default.forwardRef(
   }
 );
 var DateCellEditor = withDataTableEditor(Editor2, "date");
-var cx5 = classnames__default.default.bind(styles_default);
+var cx6 = classnames__default.default.bind(styles_default);
 function getDateObject2(date) {
   if (dateFns.isDate(date)) {
     return date;
@@ -8850,7 +9148,7 @@ var Editor3 = React80__default.default.forwardRef(
       coreReact.DateSelect,
       {
         afterHide,
-        className: cx5("input-cell"),
+        className: cx6("input-cell"),
         disabledDate,
         onChange,
         ref,
@@ -52380,7 +52678,7 @@ globalObj.MouseEvent = typeof MouseEvent === "undefined" ? {} : MouseEvent;
 
 // src/CellRenderers/GroupCell.tsx
 var GroupCellRenderer2 = GroupCellRenderer;
-var cx6 = classnames__default.default.bind(truncation_default);
+var cx7 = classnames__default.default.bind(truncation_default);
 var MIN_LINK_WIDTH = 48;
 var InternalLinkCellRenderer = ({
   columnDefinition,
@@ -52397,7 +52695,7 @@ var InternalLinkCellRenderer = ({
   const [isLinkWidthBelowMin, setIsLinkWidthBelowMin] = React80.useState(false);
   const linkRef = React80.useRef(null);
   const internalValue = value ? (_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value) : "";
-  const className = cx6(
+  const className = cx7(
     typographyProps == null ? void 0 : typographyProps.className,
     "textCell",
     "truncatingText",
@@ -52417,7 +52715,7 @@ var InternalLinkCellRenderer = ({
     }
   }, [internalValue]);
   const URL = getURL(value, data);
-  const extendClickableAreaClassNames = isLinkWidthBelowMin ? cx6("extendClickableArea", {
+  const extendClickableAreaClassNames = isLinkWidthBelowMin ? cx7("extendClickableArea", {
     "extendClickableArea--rowHeightSm": rowHeight === rowSize.sm
   }) : "";
   if (isExternalLink && value && URL) {
@@ -52449,7 +52747,7 @@ var LinkCellRenderer = withDataTableRenderer(
   InternalLinkCellRenderer,
   "input"
 );
-var cx7 = classnames__default.default.bind(styles_default);
+var cx8 = classnames__default.default.bind(styles_default);
 var InternalNumberCellRenderer = ({
   columnDefinition,
   rowPinned,
@@ -52465,7 +52763,7 @@ var InternalNumberCellRenderer = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx7("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.numberCell.placeholder"));
+      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx8("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.numberCell.placeholder"));
     }
     return /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null);
   }
@@ -52508,7 +52806,7 @@ var InternalNumberCellEditor = React80__default.default.forwardRef(({ columnDefi
       defaultValue: value,
       onBlur,
       ref,
-      className: cx7("input-cell", "input-cell--right-aligned"),
+      className: cx8("input-cell", "input-cell--right-aligned"),
       ...inputProps
     }
   );
@@ -52584,7 +52882,7 @@ var peopleCellStyles_default = {
 };
 
 // src/CellRenderers/PeopleCell.tsx
-var cx8 = classnames__default.default.bind(peopleCellStyles_default);
+var cx9 = classnames__default.default.bind(peopleCellStyles_default);
 var NUM_AVATARS_SHOWN = 4;
 var defaultAvatarStackItemFilter = (person) => !!person || !!person.id;
 var Renderer6 = ({
@@ -52673,7 +52971,7 @@ var Renderer6 = ({
     coreReact.Flex,
     {
       direction: columnDefinition.autoHeight ? "column" : "row",
-      className: cx8("dynamicRowHeightSpacing", columnDefinition.autoHeight)
+      className: cx9("dynamicRowHeightSpacing", columnDefinition.autoHeight)
     },
     isAvatarStackDisplayed && /* @__PURE__ */ React80__default.default.createElement(
       coreReact.Box,
@@ -52704,7 +53002,7 @@ var Renderer6 = ({
       /* @__PURE__ */ React80__default.default.createElement(
         coreReact.Typography,
         {
-          className: !columnDefinition.autoHeight ? cx8("truncatingText", {
+          className: !columnDefinition.autoHeight ? cx9("truncatingText", {
             "truncatingText--md": rowHeight === rowSize.md,
             "truncatingText--lg": rowHeight === rowSize.lg
           }) : "",
@@ -52740,7 +53038,7 @@ var Renderer6 = ({
         {
           ...typographyProps,
           color: "gray45",
-          className: cx8("truncatingText")
+          className: cx9("truncatingText")
         },
         getCompanyName(people[0])
       )) : /* @__PURE__ */ React80__default.default.createElement(
@@ -52748,7 +53046,7 @@ var Renderer6 = ({
         {
           ...typographyProps,
           color: "gray45",
-          className: cx8("truncatingText")
+          className: cx9("truncatingText")
         },
         getCompanyName(people[0])
       )
@@ -52756,7 +53054,7 @@ var Renderer6 = ({
   );
 };
 var PeopleCellRenderer = withDataTableRenderer(Renderer6);
-var cx9 = classnames__default.default.bind(styles_default);
+var cx10 = classnames__default.default.bind(styles_default);
 var Renderer7 = ({
   columnDefinition,
   isGroup,
@@ -52772,7 +53070,7 @@ var Renderer7 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx9("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.percentCell.placeholder"));
+      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx10("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.percentCell.placeholder"));
     }
   }
   const internalValue = labsFinancialsUtils.formatPercentage((value == null ? void 0 : value.toString()) ?? "", formatConfig);
@@ -52782,7 +53080,7 @@ var Renderer7 = ({
       {
         intent: "small",
         weight: "semibold",
-        className: cx9("tabular-nums")
+        className: cx10("tabular-nums")
       },
       internalValue
     );
@@ -52792,7 +53090,7 @@ var Renderer7 = ({
     {
       ...typographyProps,
       weight: rowPinned ? "bold" : typographyProps == null ? void 0 : typographyProps.weight,
-      className: cx9("tabular-nums")
+      className: cx10("tabular-nums")
     },
     internalValue
   );
@@ -52825,7 +53123,7 @@ var Editor4 = React80__default.default.forwardRef(
       coreReact.Input,
       {
         placeholder: (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.percentCell.placeholder"),
-        className: cx9("input-cell", "input-cell--right-aligned"),
+        className: cx10("input-cell", "input-cell--right-aligned"),
         defaultValue,
         onBlur,
         ref,
@@ -52875,7 +53173,7 @@ var Renderer8 = ({
   );
 };
 var PersonCellRenderer = withDataTableRenderer(Renderer8, "select");
-var cx10 = classnames__default.default.bind(styles_default);
+var cx11 = classnames__default.default.bind(styles_default);
 var Renderer9 = ({
   columnDefinition,
   isGroup,
@@ -52893,7 +53191,7 @@ var Renderer9 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx10("input-placeholder") }, placeholder || I18n.t("dataTable.cells.pillCell.placeholder", {
+      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx11("input-placeholder") }, placeholder || I18n.t("dataTable.cells.pillCell.placeholder", {
         label: columnDefinition.headerName
       }));
     }
@@ -52903,7 +53201,7 @@ var Renderer9 = ({
   if ((isGroup || rowPinned && columnDefinition.aggFunc) && !displayAsPill) {
     return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, weight: "semibold" }, label);
   }
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Pill, { color: getColor(value), className: cx10("pill-cell") }, label);
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Pill, { color: getColor(value), className: cx11("pill-cell") }, label);
 };
 var PillCellRenderer = withDataTableRenderer(Renderer9, "select");
 var Editor5 = React80__default.default.forwardRef(
@@ -52967,7 +53265,7 @@ var Editor5 = React80__default.default.forwardRef(
         options,
         ref,
         value,
-        className: cx10("input-cell")
+        className: cx11("input-cell")
       }
     );
   }
@@ -53040,7 +53338,7 @@ function useSelectOptions(selectOptions, data) {
 }
 
 // src/CellRenderers/SelectCell.tsx
-var cx11 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
+var cx12 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
 var Renderer10 = ({
   columnDefinition,
   isGroup,
@@ -53055,7 +53353,7 @@ var Renderer10 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx11("truncatingText") }, placeholder || I18n.t("dataTable.cells.selectCell.placeholder", {
+      return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx12("truncatingText") }, placeholder || I18n.t("dataTable.cells.selectCell.placeholder", {
         label: columnDefinition.headerName
       }));
     }
@@ -53065,14 +53363,14 @@ var Renderer10 = ({
     return /* @__PURE__ */ React80__default.default.createElement(
       coreReact.Typography,
       {
-        className: cx11("truncatingText"),
+        className: cx12("truncatingText"),
         ...typographyProps,
         weight: "semibold"
       },
       internalValue
     );
   }
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { className: cx11("truncatingText"), ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { className: cx12("truncatingText"), ...typographyProps }, internalValue);
 };
 var SelectCellRenderer = withDataTableRenderer(Renderer10, "select");
 var Editor6 = React80__default.default.forwardRef(
@@ -53139,7 +53437,7 @@ var Editor6 = React80__default.default.forwardRef(
         onClear: clearable ? onClear : void 0,
         onScrollBottom,
         ref,
-        className: cx11("input-cell", "truncatingText")
+        className: cx12("input-cell", "truncatingText")
       },
       (searchResultOptions || options).map((item) => /* @__PURE__ */ React80__default.default.createElement(
         coreReact.Select.Option,
@@ -53154,7 +53452,7 @@ var Editor6 = React80__default.default.forwardRef(
   }
 );
 var SelectCellEditor2 = withDataTableEditor(Editor6, "select");
-var cx12 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
+var cx13 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
 var Renderer11 = ({
   columnDefinition,
   rowHeight,
@@ -53170,10 +53468,10 @@ var Renderer11 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx12("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"));
+    return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx13("input-placeholder") }, (inputProps == null ? void 0 : inputProps.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"));
   }
   const internalValue = ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
-  const className = cx12(
+  const className = cx13(
     typographyProps == null ? void 0 : typographyProps.className,
     "textCell",
     "truncatingText",
@@ -53209,7 +53507,7 @@ var Editor7 = React80__default.default.forwardRef(
     return /* @__PURE__ */ React80__default.default.createElement(
       coreReact.Input,
       {
-        className: cx12("input-cell"),
+        className: cx13("input-cell"),
         defaultValue: internalValue,
         onBlur,
         ref,
@@ -53230,7 +53528,7 @@ var GrandTotalsLabelRenderer = (props) => {
   }
   return null;
 };
-var cx13 = classnames__default.default.bind({ ...styles_default });
+var cx14 = classnames__default.default.bind({ ...styles_default });
 var Renderer12 = ({
   columnDefinition,
   node,
@@ -53245,7 +53543,7 @@ var Renderer12 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx13("input-placeholder") }, (textAreaProps == null ? void 0 : textAreaProps.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"));
+    return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx14("input-placeholder") }, (textAreaProps == null ? void 0 : textAreaProps.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"));
   }
   const internalValue = ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
   if (isGroup) {
@@ -53260,7 +53558,7 @@ var Renderer12 = ({
       (node == null ? void 0 : node.footer) ? value : internalValue
     );
   }
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx13("textarea-cell", "text") }, internalValue);
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Typography, { ...typographyProps, className: cx14("textarea-cell", "text") }, internalValue);
 };
 var Editor8 = React80__default.default.forwardRef(
   ({ columnDefinition, stopEditing, value, textAreaProps }, ref) => {
@@ -53273,7 +53571,7 @@ var Editor8 = React80__default.default.forwardRef(
     return /* @__PURE__ */ React80__default.default.createElement(
       coreReact.TextArea,
       {
-        className: cx13("textarea-cell", "editor-text"),
+        className: cx14("textarea-cell", "editor-text"),
         defaultValue: internalValue,
         onBlur,
         ref,
@@ -54788,6 +55086,7 @@ function transformToColumnDefinition(colDef = emptyObject) {
     getStringFormattedValue,
     columnHeaderParams: colDef.headerComponentParams,
     headerName: colDef.headerName,
+    headerClass: colDef.headerClass,
     hidden: colDef.hide,
     filterRenderer: colDef.filterRenderer,
     lockVisible: colDef.lockVisible,
@@ -55795,7 +56094,7 @@ var CellTooltipWrapper = ({
     /* @__PURE__ */ React80__default.default.createElement(coreReact.Flex, { alignItems: "center", style: { width: "100%" } }, children)
   );
 };
-var cx14 = classNames__default.default.bind(styles_exports);
+var cx15 = classNames__default.default.bind(styles_exports);
 var InlineEditError = React80__default.default.forwardRef(function InlineError({ errorMessage }, ref) {
   const buttonRef = React80__default.default.useRef(null);
   React80__default.default.useImperativeHandle(ref, () => ({
@@ -55810,7 +56109,7 @@ var InlineEditError = React80__default.default.forwardRef(function InlineError({
   }));
   const hasMessage = Array.isArray(errorMessage) ? errorMessage.length > 0 : Boolean(errorMessage);
   const overlay = Array.isArray(errorMessage) ? /* @__PURE__ */ React80__default.default.createElement(coreReact.Tooltip.Content, null, errorMessage.map((err) => /* @__PURE__ */ React80__default.default.createElement("div", { key: err }, err))) : errorMessage;
-  return /* @__PURE__ */ React80__default.default.createElement("div", { className: cx14("cell-error") }, /* @__PURE__ */ React80__default.default.createElement(
+  return /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("cell-error") }, /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Tooltip,
     {
       ref: buttonRef,
@@ -55820,7 +56119,7 @@ var InlineEditError = React80__default.default.forwardRef(function InlineError({
     /* @__PURE__ */ React80__default.default.createElement(
       coreReact.Button,
       {
-        className: cx14("cell-error__button"),
+        className: cx15("cell-error__button"),
         variant: "tertiary",
         size: "sm"
       },
@@ -55830,7 +56129,7 @@ var InlineEditError = React80__default.default.forwardRef(function InlineError({
 });
 
 // src/CellRenderers/InlineEditWrapper.tsx
-var cx15 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
+var cx16 = classnames__default.default.bind({ ...styles_default, ...truncation_default });
 function PseudoInlineEditorWrapper({
   alwaysShowEditors = false,
   rightAligned = false,
@@ -55847,7 +56146,7 @@ function PseudoInlineEditorWrapper({
   return /* @__PURE__ */ React80__default.default.createElement(
     "div",
     {
-      className: cx15("pseudo-inline-edit-wrapper", {
+      className: cx16("pseudo-inline-edit-wrapper", {
         "inline-wrapper--right-aligned": rightAligned,
         "inline-wrapper--with-show-pseudo-editors": alwaysShowEditors
       })
@@ -55855,7 +56154,7 @@ function PseudoInlineEditorWrapper({
     /* @__PURE__ */ React80__default.default.createElement(
       "span",
       {
-        className: cx15("pseudo-inline-edit-content", "truncatingText", {
+        className: cx16("pseudo-inline-edit-content", "truncatingText", {
           "pseudo-inline-edit-content--right-aligned": rightAligned,
           "pseudo-inline-edit-content--with-arrow": showArrow,
           "pseudo-inline-edit-content--with-clear": onClear,
@@ -55865,10 +56164,10 @@ function PseudoInlineEditorWrapper({
         ...props
       },
       children,
-      /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("inline-edit-spacer") }),
-      hasValue && onClear && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("clear-wrapper") }, /* @__PURE__ */ React80__default.default.createElement(coreIcons.Clear, { size: "sm", onMouseDown: onClear })),
-      showArrow && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("arrow-down-wrapper") }, /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("arrow-down") })),
-      showCalendar && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx15("calendar-wrapper") }, /* @__PURE__ */ React80__default.default.createElement(coreIcons.Calendar, { size: "sm" }))
+      /* @__PURE__ */ React80__default.default.createElement("div", { className: cx16("inline-edit-spacer") }),
+      hasValue && onClear && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx16("clear-wrapper") }, /* @__PURE__ */ React80__default.default.createElement(coreIcons.Clear, { size: "sm", onMouseDown: onClear })),
+      showArrow && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx16("arrow-down-wrapper") }, /* @__PURE__ */ React80__default.default.createElement("div", { className: cx16("arrow-down") })),
+      showCalendar && /* @__PURE__ */ React80__default.default.createElement("div", { className: cx16("calendar-wrapper") }, /* @__PURE__ */ React80__default.default.createElement(coreIcons.Calendar, { size: "sm" }))
     ),
     /* @__PURE__ */ React80__default.default.createElement(
       ValidationOutput,
@@ -55884,7 +56183,7 @@ var InlineEditorWrapper = React80__default.default.forwardRef(function InlineEdi
   return /* @__PURE__ */ React80__default.default.createElement(
     "div",
     {
-      className: cx15("inline-edit-wrapper", {
+      className: cx16("inline-edit-wrapper", {
         "inline-wrapper--right-aligned": rightAligned
       })
     },
@@ -55912,7 +56211,7 @@ var NonEditorWrapper = React80__default.default.forwardRef(function NonEditorWra
   return /* @__PURE__ */ React80__default.default.createElement(
     "div",
     {
-      className: cx15("inline-nonedit-wrapper", {
+      className: cx16("inline-nonedit-wrapper", {
         "inline-wrapper--right-aligned": rightAligned
       })
     },
@@ -55932,7 +56231,7 @@ var NonEditorWrapper = React80__default.default.forwardRef(function NonEditorWra
 });
 var ValidationOutput = React80__default.default.forwardRef(function ValidationOutput2({ isRequired, isValid, errorMessage, rowPinned }, ref) {
   const showError = !isValid && errorMessage;
-  return /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, !showError && isRequired && !rowPinned && /* @__PURE__ */ React80__default.default.createElement(coreReact.Required, { className: cx15("cell-asterisk") }), showError && /* @__PURE__ */ React80__default.default.createElement(InlineEditError, { ref, errorMessage }));
+  return /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, !showError && isRequired && !rowPinned && /* @__PURE__ */ React80__default.default.createElement(coreReact.Required, { className: cx16("cell-asterisk") }), showError && /* @__PURE__ */ React80__default.default.createElement(InlineEditError, { ref, errorMessage }));
 });
 
 // src/CellRenderers/DataTableCell.tsx
@@ -57469,7 +57768,7 @@ function rowSelectedEnabledForAnyRows(rowSelectionEnabled, columnDefinitions, gr
 }
 
 // src/CellRenderers/MultiSelectCell.tsx
-var cx16 = classnames__default.default.bind(peopleCellStyles_default);
+var cx17 = classnames__default.default.bind(peopleCellStyles_default);
 var emptyArray = [];
 var commaToken = ", ";
 function getValue(func, value, fallback) {
@@ -57509,7 +57808,7 @@ var InternalMultiSelectCellRenderer = ({
     {
       as: "ol",
       ...typographyProps,
-      className: cx16("inlineListItems", "truncatingText", {
+      className: cx17("inlineListItems", "truncatingText", {
         "truncatingText--md": rowHeight === rowSize.md,
         "truncatingText--lg": rowHeight === rowSize.lg
       }),
@@ -57971,7 +58270,7 @@ var quickControlsStyles_default = {
 };
 
 // src/QuickControls/ServerSideSearch.tsx
-var cx17 = classnames__default.default.bind(quickControlsStyles_default);
+var cx18 = classnames__default.default.bind(quickControlsStyles_default);
 var DEFAULT_DEBOUNCE_DELAY = 250;
 function useSearchStorage() {
   const [searchValue, setSearchValue] = React80__default.default.useState("");
@@ -58014,7 +58313,7 @@ var ServerSideSearch = ({
     {
       disabled: hasNoContent || disabled,
       value: internalValue,
-      className: cx17("search", { "search--empty": !internalValue.length }),
+      className: cx18("search", { "search--empty": !internalValue.length }),
       onChange,
       placeholder: resolvedPlaceholder,
       "aria-label": resolvedPlaceholder
@@ -77784,15 +78083,15 @@ var Matrix = class _Matrix {
     const yy = elements[3];
     const h_w = bbox.width * 0.5;
     const h_h = bbox.height * 0.5;
-    const cx22 = bbox.x + h_w;
+    const cx23 = bbox.x + h_w;
     const cy = bbox.y + h_h;
     const w = Math.abs(h_w * xx) + Math.abs(h_h * yx);
     const h = Math.abs(h_w * xy) + Math.abs(h_h * yy);
     if (!target) {
       target = new BBox(0, 0, 0, 0);
     }
-    target.x = cx22 * xx + cy * yx + elements[4] - w;
-    target.y = cx22 * xy + cy * yy + elements[5] - h;
+    target.x = cx23 * xx + cy * yx + elements[4] - w;
+    target.y = cx23 * xy + cy * yy + elements[5] - h;
     target.width = w + w;
     target.height = h + h;
     return target;
@@ -79307,7 +79606,7 @@ var LinearGradient = class extends Gradient {
     const sin = Math.sin(radians);
     const w = bbox.width;
     const h = bbox.height;
-    const cx22 = bbox.x + w * 0.5;
+    const cx23 = bbox.x + w * 0.5;
     const cy = bbox.y + h * 0.5;
     if (w > 0 && h > 0) {
       const diagonal = Math.sqrt(h * h + w * w) / 2;
@@ -79323,7 +79622,7 @@ var LinearGradient = class extends Gradient {
         quarteredAngle = 2 * Math.PI - radians;
       }
       const l = diagonal * Math.abs(Math.cos(quarteredAngle - diagonalAngle));
-      const gradient = ctx.createLinearGradient(cx22 + cos * l, cy + sin * l, cx22 - cos * l, cy - sin * l);
+      const gradient = ctx.createLinearGradient(cx23 + cos * l, cy + sin * l, cx23 - cos * l, cy - sin * l);
       stops.forEach((stop) => {
         gradient.addColorStop(stop.offset, stop.color);
       });
@@ -84562,12 +84861,12 @@ function bezierCoefficients(P1, P2, P3, P4) {
     //                 | 1  0  0  0| |P4|
   ];
 }
-function arcIntersections(cx22, cy, r2, startAngle, endAngle, counterClockwise, x1, y1, x2, y2) {
+function arcIntersections(cx23, cy, r2, startAngle, endAngle, counterClockwise, x1, y1, x2, y2) {
   const k = (y2 - y1) / (x2 - x1);
   const y0 = y1 - k * x1;
   const a = Math.pow(k, 2) + 1;
-  const b = 2 * (k * (y0 - cy) - cx22);
-  const c = Math.pow(cx22, 2) + Math.pow(y0 - cy, 2) - Math.pow(r2, 2);
+  const b = 2 * (k * (y0 - cy) - cx23);
+  const c = Math.pow(cx23, 2) + Math.pow(y0 - cy, 2) - Math.pow(r2, 2);
   const d = Math.pow(b, 2) - 4 * a * c;
   if (d < 0) {
     return [];
@@ -84704,12 +85003,12 @@ var Path2D = class {
     this.commands.push(Command.Arc);
     this.params.push(x, y, r2, sAngle, eAngle, antiClockwise ? 1 : 0);
   }
-  cubicCurveTo(cx1, cy1, cx22, cy2, x, y) {
+  cubicCurveTo(cx1, cy1, cx23, cy2, x, y) {
     if (!this.xy) {
       this.moveTo(cx1, cy1);
     }
     this.commands.push(Command.Curve);
-    this.params.push(cx1, cy1, cx22, cy2, x, y);
+    this.params.push(cx1, cy1, cx23, cy2, x, y);
     if (this.xy) {
       this.xy[0] = x;
       this.xy[1] = y;
@@ -91482,19 +91781,19 @@ var PieSeries = class extends PolarSeries {
         const isMoved = label.collisionTextAlign || label.collisionOffsetY !== 0;
         if (isMoved && label.box != null) {
           const box = label.box;
-          let cx22 = x2;
+          let cx23 = x2;
           let cy = y2;
           if (x2 < box.x) {
-            cx22 = box.x;
+            cx23 = box.x;
           } else if (x2 > box.x + box.width) {
-            cx22 = box.x + box.width;
+            cx23 = box.x + box.width;
           }
           if (y2 < box.y) {
             cy = box.y;
           } else if (y2 > box.y + box.height) {
             cy = box.y + box.height;
           }
-          const dx = cx22 - x2;
+          const dx = cx23 - x2;
           const dy = cy - y2;
           const length = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
           const paddedLength = length - offset4;
@@ -93805,7 +94104,7 @@ var PolarChart = class extends Chart {
       return shrinkRect;
     });
   }
-  updateAxes(cx22, cy, radius) {
+  updateAxes(cx23, cy, radius) {
     var _a;
     this.axes.forEach((axis) => {
       var _a2;
@@ -93813,11 +94112,11 @@ var PolarChart = class extends Chart {
         const rotation = toRadians((_a2 = axis.rotation) !== null && _a2 !== void 0 ? _a2 : 0);
         axis.range = [-Math.PI / 2 + rotation, 3 * Math.PI / 2 + rotation];
         axis.gridLength = radius;
-        axis.translation.x = cx22;
+        axis.translation.x = cx23;
         axis.translation.y = cy;
       } else if (axis.direction === ChartAxisDirection.Y) {
         axis.range = [radius, 0];
-        axis.translation.x = cx22;
+        axis.translation.x = cx23;
         axis.translation.y = cy - radius;
       }
       axis.updateScale();
@@ -93842,10 +94141,10 @@ var PolarChart = class extends Chart {
     const polarAxes = this.axes.filter((axis) => {
       return axis instanceof PolarAxis;
     });
-    const setSeriesCircle = (cx22, cy, r2) => {
-      this.updateAxes(cx22, cy, r2);
+    const setSeriesCircle = (cx23, cy, r2) => {
+      this.updateAxes(cx23, cy, r2);
       polarSeries.forEach((series) => {
-        series.centerX = cx22;
+        series.centerX = cx23;
         series.centerY = cy;
         series.radius = r2;
       });
@@ -103477,264 +103776,6 @@ var SparklinesModule = {
   userComponents: [{ componentName: "agSparklineCellRenderer", componentClass: SparklineCellRenderer }],
   dependantModules: [EnterpriseCoreModule]
 };
-var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? (React80__default.default).useLayoutEffect : () => {
-};
-var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
-var $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React80__default.default)["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-  const ref = (React80.useRef)(null);
-  $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
-    ref.current = fn;
-  }, [
-    fn
-  ]);
-  return (React80.useCallback)((...args) => {
-    const f = ref.current;
-    return f === null || f === void 0 ? void 0 : f(...args);
-  }, []);
-}
-var $b5e257d569688ac6$var$defaultContext = {
-  prefix: String(Math.round(Math.random() * 1e10)),
-  current: 0
-};
-var $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ (React80__default.default).createContext($b5e257d569688ac6$var$defaultContext);
-var $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ (React80__default.default).createContext(false);
-var $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
-var $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
-function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
-  let ctx = (React80.useContext)($b5e257d569688ac6$var$SSRContext);
-  let ref = (React80.useRef)(null);
-  if (ref.current === null && !isDisabled) {
-    var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = (React80__default.default).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
-    if (currentOwner) {
-      let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
-      if (prevComponentValue == null)
-        $b5e257d569688ac6$var$componentIds.set(currentOwner, {
-          id: ctx.current,
-          state: currentOwner.memoizedState
-        });
-      else if (currentOwner.memoizedState !== prevComponentValue.state) {
-        ctx.current = prevComponentValue.id;
-        $b5e257d569688ac6$var$componentIds.delete(currentOwner);
-      }
-    }
-    ref.current = ++ctx.current;
-  }
-  return ref.current;
-}
-function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
-  let ctx = (React80.useContext)($b5e257d569688ac6$var$SSRContext);
-  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== "production") console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let counter2 = $b5e257d569688ac6$var$useCounter(!!defaultId);
-  let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${ctx.prefix}`;
-  return defaultId || `${prefix}-${counter2}`;
-}
-function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
-  let id = (React80__default.default).useId();
-  let [didSSR] = (React80.useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
-  let prefix = didSSR || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
-  return defaultId || `${prefix}-${id}`;
-}
-var $b5e257d569688ac6$export$619500959fc48b26 = typeof (React80__default.default)["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
-function $b5e257d569688ac6$var$getSnapshot() {
-  return false;
-}
-function $b5e257d569688ac6$var$getServerSnapshot() {
-  return true;
-}
-function $b5e257d569688ac6$var$subscribe(onStoreChange) {
-  return () => {
-  };
-}
-function $b5e257d569688ac6$export$535bd6ca7f90a273() {
-  if (typeof (React80__default.default)["useSyncExternalStore"] === "function") return (React80__default.default)["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
-  return (React80.useContext)($b5e257d569688ac6$var$IsSSRContext);
-}
-
-// ../../node_modules/@react-aria/utils/dist/useId.mjs
-var $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
-var $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
-var $bdb11010cef70236$var$registry;
-if (typeof FinalizationRegistry !== "undefined") $bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue) => {
-  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
-});
-function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
-  let [value, setValue] = (React80.useState)(defaultId);
-  let nextId = (React80.useRef)(null);
-  let res = ($b5e257d569688ac6$export$619500959fc48b26)(value);
-  let cleanupRef = (React80.useRef)(null);
-  if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.register(cleanupRef, res);
-  if ($bdb11010cef70236$var$canUseDOM) {
-    const cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);
-    if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
-    else $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [
-      nextId
-    ]);
-  }
-  ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(() => {
-    let r2 = res;
-    return () => {
-      if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);
-      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
-    };
-  }, [
-    res
-  ]);
-  (React80.useEffect)(() => {
-    let newId = nextId.current;
-    if (newId) setValue(newId);
-    return () => {
-      if (newId) nextId.current = null;
-    };
-  });
-  return res;
-}
-function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
-  if (idA === idB) return idA;
-  let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);
-  if (setIdsA) {
-    setIdsA.forEach((ref) => ref.current = idB);
-    return idB;
-  }
-  let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);
-  if (setIdsB) {
-    setIdsB.forEach((ref) => ref.current = idA);
-    return idA;
-  }
-  return idB;
-}
-
-// ../../node_modules/@react-aria/utils/dist/chain.mjs
-function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
-  return (...args) => {
-    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
-  };
-}
-
-// ../../node_modules/@react-aria/utils/dist/domHelpers.mjs
-var $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
-  var _el_ownerDocument;
-  return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
-};
-function $431fbd86ca7dc216$var$isNode(value) {
-  return value !== null && typeof value === "object" && "nodeType" in value && typeof value.nodeType === "number";
-}
-function $431fbd86ca7dc216$export$af51f0f06c0f328a(node) {
-  return $431fbd86ca7dc216$var$isNode(node) && node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in node;
-}
-
-// ../../node_modules/@react-stately/flags/dist/import.mjs
-var $f4e2df6bd15f8569$var$_shadowDOM = false;
-function $f4e2df6bd15f8569$export$98658e8c59125e6a() {
-  return $f4e2df6bd15f8569$var$_shadowDOM;
-}
-
-// ../../node_modules/@react-aria/utils/dist/DOMFunctions.mjs
-function $d4ee10de306f2510$export$4282f70798064fe0(node, otherNode) {
-  if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return otherNode && node ? node.contains(otherNode) : false;
-  if (!node || !otherNode) return false;
-  let currentNode = otherNode;
-  while (currentNode !== null) {
-    if (currentNode === node) return true;
-    if (currentNode.tagName === "SLOT" && currentNode.assignedSlot)
-      currentNode = currentNode.assignedSlot.parentNode;
-    else if (($431fbd86ca7dc216$export$af51f0f06c0f328a)(currentNode))
-      currentNode = currentNode.host;
-    else currentNode = currentNode.parentNode;
-  }
-  return false;
-}
-var $d4ee10de306f2510$export$cd4e5573fbe2b576 = (doc = document) => {
-  var _activeElement_shadowRoot;
-  if (!($f4e2df6bd15f8569$export$98658e8c59125e6a)()) return doc.activeElement;
-  let activeElement = doc.activeElement;
-  while (activeElement && "shadowRoot" in activeElement && ((_activeElement_shadowRoot = activeElement.shadowRoot) === null || _activeElement_shadowRoot === void 0 ? void 0 : _activeElement_shadowRoot.activeElement)) activeElement = activeElement.shadowRoot.activeElement;
-  return activeElement;
-};
-function $d4ee10de306f2510$export$e58f029f0fbfdb29(event) {
-  if (($f4e2df6bd15f8569$export$98658e8c59125e6a)() && event.target.shadowRoot) {
-    if (event.composedPath) return event.composedPath()[0];
-  }
-  return event.target;
-}
-
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
-// ../../node_modules/@react-aria/utils/dist/mergeProps.mjs
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = {
-    ...args[0]
-  };
-  for (let i = 1; i < args.length; i++) {
-    let props = args[i];
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key];
-      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
-      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
-      65 && key.charCodeAt(2) <= /* 'Z' */
-      90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = (clsx_default)(a, b);
-      else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
-      else result[key] = b !== void 0 ? b : a;
-    }
-  }
-  return result;
-}
-function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
-  let globalListeners = (React80.useRef)(/* @__PURE__ */ new Map());
-  let addGlobalListener = (React80.useCallback)((eventTarget, type, listener, options) => {
-    let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
-      globalListeners.current.delete(listener);
-      listener(...args);
-    } : listener;
-    globalListeners.current.set(listener, {
-      type,
-      eventTarget,
-      fn,
-      options
-    });
-    eventTarget.addEventListener(type, fn, options);
-  }, []);
-  let removeGlobalListener = (React80.useCallback)((eventTarget, type, listener, options) => {
-    var _globalListeners_current_get;
-    let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
-    eventTarget.removeEventListener(type, fn, options);
-    globalListeners.current.delete(listener);
-  }, []);
-  let removeAllGlobalListeners = (React80.useCallback)(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [
-    removeGlobalListener
-  ]);
-  (React80.useEffect)(() => {
-    return removeAllGlobalListeners;
-  }, [
-    removeAllGlobalListeners
-  ]);
-  return {
-    addGlobalListener,
-    removeGlobalListener,
-    removeAllGlobalListeners
-  };
-}
 function $8a9cb279dc87e130$export$525bc4921d56d4a(nativeEvent) {
   let event = nativeEvent;
   event.nativeEvent = nativeEvent;
@@ -104675,7 +104716,7 @@ var configurationStyles_default = {
 };
 
 // src/Panels/Configuration.tsx
-var cx18 = classnames__default.default.bind(configurationStyles_default);
+var cx19 = classnames__default.default.bind(configurationStyles_default);
 var DELIMITER = "$$";
 function isColGroupDef3(col) {
   return (col == null ? void 0 : col.children) !== void 0;
@@ -104871,7 +104912,7 @@ var ConfigurationColumns = React80__default.default.forwardRef(
           coreReact.Flex,
           {
             alignItems: "center",
-            className: cx18("column-controls"),
+            className: cx19("column-controls"),
             key: column2.field || column2.groupId,
             marginTop: "xs",
             padding: "sm",
@@ -104908,7 +104949,7 @@ var ConfigurationPanel = ({
   const I18n = coreReact.useI18nContext();
   const configurationColumnsRef = React80__default.default.useRef();
   const [isAllColumnsVisible, setIsAllColumnsVisible] = React80__default.default.useState(false);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, { className: cx18("contextPanelBody") }, children && /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, children), !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React80__default.default.createElement(
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, { className: cx19("contextPanelBody") }, children && /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, children), !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Panel.Section,
     {
       "data-qa": "data-table-config-panel-section-row-height",
@@ -105491,6 +105532,7 @@ var de_DE_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Geben Sie ein g\xFCltiges Datum ein.",
         single: "Einzeln",
         range: "Bereich"
       }
@@ -105672,6 +105714,7 @@ var en_AU_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Enter a valid date.",
         single: "Single",
         range: "Range"
       }
@@ -105853,6 +105896,7 @@ var en_CA_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Enter a valid date.",
         single: "Single",
         range: "Range"
       }
@@ -106034,6 +106078,7 @@ var en_GB_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Enter a valid date.",
         single: "Single",
         range: "Range"
       }
@@ -106215,6 +106260,7 @@ var en_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Enter a valid date.",
         single: "Single",
         range: "Range"
       }
@@ -106396,6 +106442,7 @@ var es_ES_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Introduzca una fecha v\xE1lida.",
         single: "\xDAnica",
         range: "Rango"
       }
@@ -106506,7 +106553,7 @@ var es_default = {
         sortCleared: "Ordenamiento borrado"
       },
       expandAllGroups: "Expandir todos los grupos",
-      collapseAllGroups: "Colapsar todos los grupos",
+      collapseAllGroups: "Contraer todos los grupos",
       pinColumn: "Anclar columna",
       pinLeft: "Anclar a la izquierda",
       pinRight: "Anclar a la derecha",
@@ -106577,13 +106624,14 @@ var es_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Ingrese una fecha v\xE1lida.",
         single: "\xDAnico",
         range: "Intervalo"
       }
     },
     groupCell: {
       expand: "Expandir grupo",
-      collapse: "Colapsar grupo"
+      collapse: "Contraer grupo"
     },
     rowCheckbox: {
       ariaLabel: "Seleccionar fila"
@@ -106758,6 +106806,7 @@ var fr_CA_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Saisissez une date valide.",
         single: "Unique",
         range: "Intervalle"
       }
@@ -106785,7 +106834,7 @@ var fr_FR_default = {
         description: "Une fois que votre \xE9quipe a cr\xE9\xE9 ces \xE9l\xE9ments, vous pouvez y acc\xE9der ici. ",
         title: "Aucun \xE9l\xE9ment \xE0 afficher pour l'instant",
         itemsTitle: "Aucun %{itemsLabel} \xE0 afficher pour l'instant",
-        tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au tableau %{tableName}",
+        tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         featureFilter: "Filtrer",
         featureQuickFilter: "Filtre rapide",
@@ -106939,6 +106988,7 @@ var fr_FR_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Veuillez saisir une date valide.",
         single: "Unique",
         range: "Plage"
       }
@@ -107120,6 +107170,7 @@ var is_IS_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Sl\xE1\xF0u inn gilda dagsetningu.",
         single: "Einhleypur",
         range: "Svi\xF0"
       }
@@ -107147,8 +107198,8 @@ var it_IT_default = {
         description: "Gli elementi creati dal team saranno accessibili qui. ",
         title: "Al momento non sono presenti elementi da visualizzare",
         itemsTitle: "Al momento non sono presenti %{itemsLabel} da visualizzare",
-        tooltip: "Il pulsante %{featureName} sar\xE0 attivato dopo l'aggiunta delle informazioni a %{tableName}",
-        searchTooltip: "La ricerca sar\xE0 attivata dopo l'aggiunta delle informazioni a %{tableName}",
+        tooltip: "Il pulsante %{featureName} sar\xE0 attivato dopo l'aggiunta delle informazioni alla %{tableName}",
+        searchTooltip: "La ricerca sar\xE0 attivata dopo l'aggiunta delle informazioni alla %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro rapido",
         featureGroupBy: "Raggruppa per",
@@ -107301,6 +107352,7 @@ var it_IT_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Inserire una data valida.",
         single: "Singolo",
         range: "Intervallo"
       }
@@ -107482,6 +107534,7 @@ var ja_JP_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "\u6709\u52B9\u306A\u65E5\u4ED8\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
         single: "\u5358\u72EC",
         range: "\u7BC4\u56F2"
       }
@@ -107502,12 +107555,12 @@ var nb_NO_default = {
     emptyState: {
       noFilteredResults: {
         description: "Sjekk stavem\xE5ten og filteralternativene dine, eller s\xF8k etter et annet n\xF8kkelord.",
-        title: "Ingen elementer samsvarer med s\xF8ket ditt",
+        title: "Ingen enheter samsvarer med s\xF8ket ditt",
         itemsTitle: "Ingen %{itemsLabel} samsvarer med s\xF8ket ditt"
       },
       noResults: {
-        description: "N\xE5r teamet ditt har opprettet disse elementene, kan du f\xE5 tilgang til dem her. ",
-        title: "Det er ingen elementer \xE5 vise akkurat n\xE5",
+        description: "N\xE5r teamet ditt har opprettet disse enhetene, kan du f\xE5 tilgang til dem her. ",
+        title: "Det er ingen enheter \xE5 vise akkurat n\xE5",
         itemsTitle: "Det er ingen %{itemsLabel} \xE5 vise akkurat n\xE5",
         tooltip: "%{featureName} -knappen vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
         searchTooltip: "S\xF8k vil bli aktivert n\xE5r du legger til informasjon i %{tableName}",
@@ -107515,7 +107568,7 @@ var nb_NO_default = {
         featureQuickFilter: "Hurtigfilter",
         featureGroupBy: "Grupper etter",
         featureConfigure: "Konfigurer",
-        tableNameFallback: "bord"
+        tableNameFallback: "tabell"
       }
     },
     bulkActions: {
@@ -107523,17 +107576,17 @@ var nb_NO_default = {
       bulkEdit: "Masseendring",
       cancel: "Avbryt",
       editValues: "Rediger verdier",
-      error: "Beklager, elementene kunne ikke oppdateres. Pr\xF8v igjen.",
+      error: "Beklager, enhetene kunsne ikke oppdateres. Pr\xF8v igjen.",
       placeholderForField: "Skriv inn %{fieldName}",
       selection: "%{count} %{number} valgt",
       selection_count: {
-        zero: "%{count} elementer valgt",
-        one: "%{count} element valgt",
-        other: "%{count} elementer valgt"
+        zero: "%{count} enheter valgt",
+        one: "%{count} enhet valgt",
+        other: "%{count} enheter valgt"
       },
-      success: "Elementene ble oppdatert.",
-      one: "element",
-      many: "gjenstander"
+      success: "Enhetene ble oppdatert.",
+      one: "enhet",
+      many: "enheter"
     },
     exporting: "Eksporterer...",
     filters: {
@@ -107546,14 +107599,14 @@ var nb_NO_default = {
       locationFilter: {
         selectAll: "Velg alle",
         includeSublocations: "Inkluder underlokasjoner",
-        searchLocations: "S\xF8k etter steder",
-        locations: "Steder"
+        searchLocations: "S\xF8k etter lokasjoner",
+        locations: "Lokasjoner"
       },
       numberFilter: {
         labels: {
           and: "og",
-          input_placeholder: "Angi verdi",
-          placeholder: "Velg et element"
+          input_placeholder: "Skriv inn verdi",
+          placeholder: "Velg en enhet"
         },
         options: {
           any_value: "Enhver verdi",
@@ -107591,20 +107644,20 @@ var nb_NO_default = {
         sortDescending: "sortert synkende",
         sortCleared: "Sortering fjernet"
       },
-      expandAllGroups: "Utvid alle grupper",
+      expandAllGroups: "Vis alle grupper",
       collapseAllGroups: "Skjul alle grupper",
       pinColumn: "Fest kolonne",
       pinLeft: "Fest til venstre",
       pinRight: "Fest til h\xF8yre",
-      noPin: "Ingen PIN",
+      noPin: "Ikke festet",
       autoSizeThisColumn: "Tilpass kolonnebredden automatisk",
-      autoSizeAllColumns: "Tilpass alle kolonner automatisk",
+      autoSizeAllColumns: "Tilpass alle kolonnebredder automatisk",
       hideColumn: "Skjul kolonne",
       resetColumns: "Tilbakestill kolonner",
       unGroupBy: "Fjern gruppering etter {{label}}",
       groupBy: "Grupper etter {{label}}"
     },
-    grandTotals: "Totale summer",
+    grandTotals: "Totalsummer",
     search: "S\xF8k",
     subtotals: "Delsummer",
     tableSettings: {
@@ -107614,7 +107667,7 @@ var nb_NO_default = {
       small: "Liten",
       medium: "Middels",
       large: "Stor",
-      tableSettings: "Borddekking",
+      tableSettings: "Innstillinger for tabell",
       groupBy: "Grupper etter:",
       reset: "Tilbakestill",
       selectColumnGroup: "Velg en kolonne \xE5 gruppere",
@@ -107627,14 +107680,14 @@ var nb_NO_default = {
     },
     columnGroupToggle: {
       collapse: "Skjul kolonnegruppe",
-      expand: "Utvid kolonnegruppe"
+      expand: "Vis kolonnegruppe"
     },
     cells: {
       textCell: {
         placeholder: "Skriv inn tekst"
       },
       currencyCell: {
-        placeholder: "Angi valuta"
+        placeholder: "Skriv inn valuta"
       },
       linkCell: {
         externalLabel: "\xC5pne ekstern kobling"
@@ -107663,12 +107716,13 @@ var nb_NO_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Skriv inn en gyldig dato.",
         single: "Enslig",
         range: "Rekkevidde"
       }
     },
     groupCell: {
-      expand: "Utvid gruppe",
+      expand: "Vis gruppe",
       collapse: "Skjul gruppe"
     },
     rowCheckbox: {
@@ -107691,7 +107745,7 @@ var pl_PL_default = {
         title: "Obecnie nie ma pozycji do wy\u015Bwietlenia",
         itemsTitle: "Obecnie nie ma %{itemsLabel} do wy\u015Bwietlenia",
         tooltip: "Przycisk: %{featureName} zostanie w\u0142\u0105czony, gdy dodasz informacje do: %{tableName}",
-        searchTooltip: "Wyszukiwanie zostanie w\u0142\u0105czone po dodaniu informacji do %{tableName}",
+        searchTooltip: "Wyszukiwanie zostanie w\u0142\u0105czone po dodaniu informacji do: %{tableName}",
         featureFilter: "Filtruj",
         featureQuickFilter: "Szybki filtr",
         featureGroupBy: "Grupuj wed\u0142ug",
@@ -107844,6 +107898,7 @@ var pl_PL_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Wprowad\u017A prawid\u0142ow\u0105 dat\u0119.",
         single: "Pojedyncze",
         range: "Zakres"
       }
@@ -108025,6 +108080,7 @@ var pseudo_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "[\u1E16\u1E16\u1E16\u1E16\u019E\u0167\u1E17\u0159 \xB7 \u0227 \xB7 \u1E7D\u0227\u0140\u012B\u1E13 \xB7 \u1E13\u0227\u0167\u1E17....]",
         single: "[\u015E\u015E\u012B\u019E\u0260\u0140\u1E17\u1E17]",
         range: "[\u0158\u0227\u019E\u0260\u1E17]"
       }
@@ -108206,6 +108262,7 @@ var pt_BR_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "Insira uma data v\xE1lida.",
         single: "\xDAnico",
         range: "Intervalo"
       }
@@ -108234,7 +108291,7 @@ var pt_PT_default = {
         title: "N\xE3o h\xE1 itens para apresentar neste momento",
         itemsTitle: "N\xE3o h\xE1 %{itemsLabel} para apresentar neste momento",
         tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado quando adicionar informa\xE7\xF5es a %{tableName}",
-        searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es a: %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada quando adicionar informa\xE7\xF5es \xE0 %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -108340,7 +108397,7 @@ var pt_PT_default = {
       large: "Grande",
       tableSettings: "Defini\xE7\xF5es de tabela",
       groupBy: "Agrupar por:",
-      reset: "Redefinir",
+      reset: "Repor",
       selectColumnGroup: "Selecionar uma coluna para agrupar",
       configure: "Configurar"
     },
@@ -108387,7 +108444,8 @@ var pt_PT_default = {
     },
     filterRenders: {
       dateFilter: {
-        single: "\xDAnico",
+        invalidDate: "Introduza uma data v\xE1lida.",
+        single: "\xDAnica",
         range: "Intervalo"
       }
     },
@@ -108568,6 +108626,7 @@ var th_TH_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
         single: "\u0E40\u0E14\u0E35\u0E48\u0E22\u0E27",
         range: "\u0E41\u0E19\u0E27"
       }
@@ -108595,8 +108654,8 @@ var zh_SG_default = {
         description: "\u56E2\u961F\u521B\u5EFA\u9879\u540E\uFF0C\u53EF\u4EE5\u5728\u6B64\u5904\u8BBF\u95EE\u5B83\u4EEC\u3002 ",
         title: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879",
         itemsTitle: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684%{itemsLabel}",
-        tooltip: "\u4F60\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230 %{tableName} \u540E\uFF0C\u7CFB\u7EDF\u5C06\u542F\u7528%{featureName}\u6309\u94AE",
-        searchTooltip: "\u4E00\u65E6\u60A8\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
+        tooltip: "\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u540E\uFF0C%{featureName}\u6309\u94AE\u5C31\u4F1A\u542F\u7528",
+        searchTooltip: "\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u540E\uFF0C\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
         featureFilter: "\u7B5B\u9009\u5668",
         featureQuickFilter: "\u5FEB\u901F\u7B5B\u9009",
         featureGroupBy: "\u5206\u7EC4\u4F9D\u636E",
@@ -108749,6 +108808,7 @@ var zh_SG_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "\u8BF7\u8F93\u5165\u6709\u6548\u7684\u65E5\u671F\u3002",
         single: "\u5355\u4E2A",
         range: "\u8303\u56F4"
       }
@@ -108812,7 +108872,7 @@ var zh_TW_default = {
       removeFilterToken: "\u79FB\u9664\u300C%{name}\u300D",
       locationFilter: {
         selectAll: "\u5168\u90E8\u9078\u53D6",
-        includeSublocations: "\u5305\u62EC\u5B50\u4F4D\u7F6E",
+        includeSublocations: "\u5305\u62EC\u6B21\u8981\u5730\u9EDE",
         searchLocations: "\u641C\u5C0B\u5730\u9EDE",
         locations: "\u5730\u9EDE"
       },
@@ -108869,7 +108929,7 @@ var zh_TW_default = {
       hideColumn: "\u96B1\u85CF\u6B04\u4F4D",
       resetColumns: "\u91CD\u8A2D\u6B04\u4F4D",
       unGroupBy: "\u53D6\u6D88\u4F9D{{label}}\u5206\u7D44",
-      groupBy: "\u4F9D {{label}} \u5206\u7D44"
+      groupBy: "\u4F9D{{label}}\u5206\u7D44"
     },
     grandTotals: "\u7E3D\u8A08",
     search: "\u641C\u5C0B",
@@ -108884,7 +108944,7 @@ var zh_TW_default = {
       tableSettings: "\u8868\u683C\u8A2D\u5B9A",
       groupBy: "\u5206\u7D44\u4F9D\u64DA\uFF1A",
       reset: "\u91CD\u8A2D",
-      selectColumnGroup: "\u9078\u53D6\u8981\u7D44\u6210\u7FA4\u7D44\u7684\u6B04\u4F4D",
+      selectColumnGroup: "\u9078\u53D6\u5206\u7D44\u6B04\u4F4D",
       configure: "\u8A2D\u5B9A"
     },
     rowGroupToggle: {
@@ -108930,6 +108990,7 @@ var zh_TW_default = {
     },
     filterRenders: {
       dateFilter: {
+        invalidDate: "\u8ACB\u8F38\u5165\u6709\u6548\u65E5\u671F\u3002",
         single: "\u55AE\u4E00",
         range: "\u7BC4\u570D"
       }
@@ -109900,10 +109961,10 @@ var GRAND_TOTAL_HEIGHT = rowSize.sm;
 var GROUP_FOOTER_HEIGHT = rowSize.sm;
 var CUSTOM_FOOTER_HEIGHT = rowSize.md;
 var HEADER_HEIGHT = rowSize.md;
-var cx19 = classnames__default.default.bind(styles_default);
+var cx20 = classnames__default.default.bind(styles_default);
 var tableIcons = {
   rowDrag,
-  columnMoveMove: `<span class="ag-icon ${cx19(
+  columnMoveMove: `<span class="ag-icon ${cx20(
     "col-drag-column-icon"
   )}">${rowDrag}</i>`
 };
@@ -111120,7 +111181,7 @@ var Table = (props) => {
           width: "100%",
           maxHeight: props.maxHeight && tableHeight < props.maxHeight ? void 0 : props.maxHeight
         },
-        className: cx19("data-table-container", "ag-theme-alpine", {
+        className: cx20("data-table-container", "ag-theme-alpine", {
           "ag-suppress-column-virtualization": suppressColumnVirtualisation
         }),
         ref: combinedRef,
@@ -111312,13 +111373,13 @@ var ContextPanel = ({
       tabIndex: -1,
       role: "region",
       "aria-label": ariaLabel,
-      className: cx19("contextPanel", className, {
+      className: cx20("contextPanel", className, {
         "contextPanel--hidden": !contextPanel.isVisible || contextPanel.content === "filters"
       }),
       "data-qa": "data-table-context-panel",
       ...props
     },
-    /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { className: cx19("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React80__default.default.createElement(ConfigurationPanel, null, children), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React80__default.default.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
+    /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { className: cx20("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React80__default.default.createElement(ConfigurationPanel, null, children), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React80__default.default.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
   );
 };
 function isLastColumnInGroup(params) {
@@ -111445,7 +111506,7 @@ var StyledPanelSection = styled4__default.default(coreReact.Panel.Section)`
 // src/Panels/Filters.tsx
 function noop5() {
 }
-var cx20 = classnames__default.default.bind(styles_default);
+var cx21 = classnames__default.default.bind(styles_default);
 function isServerSideFilterGroups(_FiltersInGroup, isServerSideRowModel) {
   return isServerSideRowModel;
 }
@@ -111457,7 +111518,7 @@ var Filters = ({
   return /* @__PURE__ */ React80__default.default.createElement(
     "ol",
     {
-      className: cx20("filters-list"),
+      className: cx21("filters-list"),
       "data-qa": "data-table-possible-filters-list"
     },
     filters.map((fieldName) => {
@@ -111492,7 +111553,7 @@ function FilterListItems(props) {
   return /* @__PURE__ */ React80__default.default.createElement(
     "ol",
     {
-      className: cx20("filters-list"),
+      className: cx21("filters-list"),
       "data-qa": "data-table-possible-filters-list"
     },
     filtersInGroup.map((filterRecord) => {
@@ -111550,7 +111611,7 @@ function FiltersList(props) {
   return /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Box,
     {
-      className: cx20("filters-list"),
+      className: cx21("filters-list"),
       "data-qa": "data-table-possible-filters-list-container"
     },
     filterGroups == null ? void 0 : filterGroups.map((group2) => {
@@ -111606,14 +111667,14 @@ var BaseFiltersPanel = ({
       role: "region",
       "aria-label": I18n.t("dataTable.filters.filters"),
       style: { maxHeight: "100vh" },
-      className: cx20("contextPanel", className, {
+      className: cx21("contextPanel", className, {
         "contextPanel--hidden": hidden
       }),
       "data-qa": "data-table-filters-context-panel",
       id: filtersPanelId,
       ...props
     },
-    /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { className: cx20("contextPanelWrapper"), display: "flex-column" }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.filters.filters")), /* @__PURE__ */ React80__default.default.createElement(
+    /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { className: cx21("contextPanelWrapper"), display: "flex-column" }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.filters.filters")), /* @__PURE__ */ React80__default.default.createElement(
       coreReact.Button,
       {
         "data-qa": "data-table-remove-all-filters",
@@ -111622,7 +111683,7 @@ var BaseFiltersPanel = ({
         variant: "tertiary"
       },
       I18n.t("dataTable.filters.clearAllFilters")
-    )), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, { id: filtersBodyId, className: cx20("contextPanelBody") }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, children))))
+    )), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, { id: filtersBodyId, className: cx21("contextPanelBody") }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, children))))
   );
 };
 function ClientSideFiltersPanel(props) {
@@ -113279,7 +113340,7 @@ function mapColumnsToOptions(columnDefinitions) {
     };
   });
 }
-var cx21 = classnames__default.default.bind(quickControlsStyles_default);
+var cx22 = classnames__default.default.bind(quickControlsStyles_default);
 var ClientSideSearch = ({
   onSearch,
   placeholder
@@ -113314,7 +113375,7 @@ var ClientSideSearch = ({
       disabled: hasNoContent,
       "data-qa": "data-table-search",
       value: internalValue,
-      className: cx21("search", {
+      className: cx22("search", {
         "search--empty": !internalValue.length
       }),
       onChange,