@procore/data-table 13.3.2 → 14.0.0

package/dist/modern/index.mjs

@@ -1,5 +1,5 @@
-import React82, { useState, forwardRef, useContext, useRef, useImperativeHandle, useLayoutEffect, useCallback, useMemo, memo, useEffect, Component as Component$1, createElement } from 'react';
-import { startsWith, equals, omit, isNil, mergeDeepLeft, intersection, isEmpty, groupBy } from 'ramda';
+import React83, { useState, forwardRef, useContext, useRef, useImperativeHandle, useLayoutEffect, useCallback, useMemo, memo, useEffect, Component as Component$1, createElement } from 'react';
+import { startsWith, mergeDeepRight, equals, omit, isNil, mergeDeepLeft, intersection, isEmpty, groupBy } from 'ramda';
 import { useI18nContext, Select, Input, UNSAFE_useOverlayTriggerContext, Card, Flex, Box, SegmentedController, Calendar, useDateTime, OverlayTrigger, isEventSource, DateInput, UNSAFE_isValidYearRange, DateSelect, PillSelect, TextArea, UNSAFE_useMenuImperativeControlNavigation, UNSAFE_Menu, UNSAFE_menuItemsWrapperAttribute, Spinner as Spinner$1, FlexList, Typography, Tooltip, Button, Required, colors, Form, spacing, Switch, Panel, UNSAFE_StyledFilterTokenLabel, typographyWeights, SelectButton, StyledSelectButton, StyledSelectButtonLabel, StyledButton, StyledSelectArrow, Popover, UNSAFE_StyledSuperSelectTrigger, UNSAFE_StyledSuperSelectLabel, UNSAFE_StyledSuperSelectArrow, DateTimeProvider, useField, Label, UNSAFE_mergeRefs, ContactItem as ContactItem$1, ToggleButton, Pagination, Link, AvatarStack, Pill, Typeahead, UNSAFE_FilterToken, useI18n, I18nContext, UNSAFE_SuperSelect, Avatar, MultiSelect, H3, Checkbox, useVisibility, UNSAFE_useSuperSelectContext, DropdownFlyout, StyledDropdownFlyoutLabel, StyledDropdownFlyoutExpandIcon, EmptyState as EmptyState$1 } from '@procore/core-react';
 import classnames from 'classnames/bind';
 import { Error as Error$1, Grip, Pencil, Building, Calendar as Calendar$1, CaretsInVertical, CaretsOutVertical, CaretsOutVerticalWithLine, CaretsIn, CaretsOut, CaretDown, CaretRight, ArrowDown, ArrowUp } from '@procore/core-icons';
@@ -8,7 +8,8 @@ import { isDate, parseISO, isSameDay, formatISO, isBefore } from 'date-fns';
 import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-financials-utils';
 import debounce2 from 'lodash.debounce';
 import Clear from '@procore/core-icons/dist/icons/Clear';
-import { useToastAlertContext, ToastAlertProvider } from '@procore/labs-toast-alert';
+import { detectPrng, factory } from 'ulid';
+import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
 import _isEqual from 'lodash.isequal';
@@ -999,7 +1000,7 @@ var rowHeightMap = {
 var Spinner = ({
   loading,
   ...rest
-}) => /* @__PURE__ */ React82.createElement(Box, { "data-qa": loading ? "loading" : "loaded", display: "flex-row", flex: 1 }, /* @__PURE__ */ React82.createElement(Spinner$1, { loading, size: "md", centered: true, ...rest }));
+}) => /* @__PURE__ */ React83.createElement(Box, { "data-qa": loading ? "loading" : "loaded", display: "flex-row", flex: 1 }, /* @__PURE__ */ React83.createElement(Spinner$1, { loading, size: "md", centered: true, ...rest }));
 function isNestedColumnDefinition(Column2) {
   return "children" in Column2;
 }
@@ -7962,7 +7963,7 @@ var InternalBooleanCellRenderer = ({ columnDefinition, isGroup, value }) => {
   if (isGroup) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -7976,14 +7977,14 @@ var BooleanCellRenderer = withDataTableRenderer(
   InternalBooleanCellRenderer,
   "select"
 );
-var InternalBooleanCellEditor = React82.forwardRef(({ columnDefinition, setDataValue, stopEditing, value }, ref) => {
+var InternalBooleanCellEditor = React83.forwardRef(({ columnDefinition, setDataValue, stopEditing, value }, ref) => {
   const I18n = useI18nContext();
   function onSelect(selection) {
     if (selection.item !== value) {
       setDataValue(columnDefinition.field, selection.item);
     }
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Select,
     {
       afterHide: stopEditing,
@@ -7993,7 +7994,7 @@ var InternalBooleanCellEditor = React82.forwardRef(({ columnDefinition, setDataV
       onSelect,
       ref
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Select.Option,
       {
         value: true,
@@ -8001,7 +8002,7 @@ var InternalBooleanCellEditor = React82.forwardRef(({ columnDefinition, setDataV
       },
       I18n.t("dataTable.cells.booleanCell.options.yes")
     ),
-    /* @__PURE__ */ React82.createElement(Select.Option, { value: false, selected: !value }, I18n.t("dataTable.cells.booleanCell.options.no"))
+    /* @__PURE__ */ React83.createElement(Select.Option, { value: false, selected: !value }, I18n.t("dataTable.cells.booleanCell.options.no"))
   );
 });
 var BooleanCellEditor = withDataTableEditor(
@@ -8016,7 +8017,7 @@ var Renderer = ({
   if (rowPinned) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(FlexList, { justifyContent: "center", alignItems: "center", size: "xs" }, columnDefinition.cellRendererParams.buttons.map((Button6) => /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(FlexList, { justifyContent: "center", alignItems: "center", size: "xs" }, columnDefinition.cellRendererParams.buttons.map((Button6) => /* @__PURE__ */ React83.createElement(
     Button6,
     {
       key: Button6.displayName,
@@ -8067,18 +8068,18 @@ function ContactItem({
     "truncatingText--md": rowHeight === rowSize.md,
     "truncatingText--lg": rowHeight === rowSize.lg
   });
-  return /* @__PURE__ */ React82.createElement(Flex, { alignItems: "center" }, showAvatar && /* @__PURE__ */ React82.createElement(Avatar, { size: "md" }, (() => {
+  return /* @__PURE__ */ React83.createElement(Flex, { alignItems: "center" }, showAvatar && /* @__PURE__ */ React83.createElement(Avatar, { size: "md" }, (() => {
     if (imageUrl) {
-      return /* @__PURE__ */ React82.createElement(Avatar.Portrait, { imageUrl });
+      return /* @__PURE__ */ React83.createElement(Avatar.Portrait, { imageUrl });
     }
     if (icon) {
-      return /* @__PURE__ */ React82.createElement(Avatar.Icon, { icon });
+      return /* @__PURE__ */ React83.createElement(Avatar.Icon, { icon });
     }
     if (initials) {
-      return /* @__PURE__ */ React82.createElement(Avatar.Label, null, initials);
+      return /* @__PURE__ */ React83.createElement(Avatar.Label, null, initials);
     }
     return null;
-  })()), /* @__PURE__ */ React82.createElement(Flex, { direction: "column", paddingLeft: showAvatar ? "md" : void 0 }, /* @__PURE__ */ React82.createElement(
+  })()), /* @__PURE__ */ React83.createElement(Flex, { direction: "column", paddingLeft: showAvatar ? "md" : void 0 }, /* @__PURE__ */ React83.createElement(
     Typography,
     {
       color: "gray15",
@@ -8087,7 +8088,7 @@ function ContactItem({
       className: truncation
     },
     title
-  ), description && /* @__PURE__ */ React82.createElement(Typography, { color: "gray45", intent: "small", className: truncation }, description)));
+  ), description && /* @__PURE__ */ React83.createElement(Typography, { color: "gray45", intent: "small", className: truncation }, description)));
 }
 
 // src/CellRenderers/CompanyCell.tsx
@@ -8097,8 +8098,8 @@ var Renderer2 = ({
   isGroup,
   value
 }) => {
-  const [showAvatar, setShowAvatar] = React82.useState(false);
-  React82.useEffect(() => {
+  const [showAvatar, setShowAvatar] = React83.useState(false);
+  React83.useEffect(() => {
     setShowAvatar(rowHeight === rowSize.lg || rowHeight === rowSize.md);
   }, [rowHeight]);
   if (value === void 0 || value === null) {
@@ -8106,7 +8107,7 @@ var Renderer2 = ({
   }
   const companyName = isGroup ? value : columnDefinition.cellRendererParams?.getCompanyName?.(value) ?? value.name;
   const imageURL = columnDefinition.cellRendererParams?.getImageURL?.(value);
-  return isGroup ? /* @__PURE__ */ React82.createElement(
+  return isGroup ? /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -8115,11 +8116,11 @@ var Renderer2 = ({
       weight: "semibold"
     },
     companyName
-  ) : /* @__PURE__ */ React82.createElement(
+  ) : /* @__PURE__ */ React83.createElement(
     ContactItem,
     {
       imageUrl: showAvatar ? imageURL : void 0,
-      icon: showAvatar ? /* @__PURE__ */ React82.createElement(Building, { size: "sm" }) : void 0,
+      icon: showAvatar ? /* @__PURE__ */ React83.createElement(Building, { size: "sm" }) : void 0,
       title: companyName,
       rowHeight
     }
@@ -8162,7 +8163,7 @@ var Renderer3 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -8175,7 +8176,7 @@ var Renderer3 = ({
     }
   }
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         intent: "small",
@@ -8185,7 +8186,7 @@ var Renderer3 = ({
       internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -8198,7 +8199,7 @@ var Renderer3 = ({
   );
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
-var Editor = React82.forwardRef(
+var Editor = React83.forwardRef(
   ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     const I18n = useI18nContext();
     if (isEmptyValue(value) && !columnDefinition.editable) {
@@ -8212,7 +8213,7 @@ var Editor = React82.forwardRef(
       symbol: void 0,
       symbolAfterValue: void 0
     });
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Input,
       {
         placeholder: columnDefinition.cellEditorParams?.inputProps?.placeholder || I18n.t("dataTable.cells.currencyCell.placeholder"),
@@ -8286,9 +8287,9 @@ function getPlacement(currentSelectionType, position) {
   return "bottom-right";
 }
 var OptionalDateTimeProvider = ({ timeZone, children }) => {
-  return timeZone ? /* @__PURE__ */ React82.createElement(DateTimeProvider, { timeZone }, children) : /* @__PURE__ */ React82.createElement(React82.Fragment, null, children);
+  return timeZone ? /* @__PURE__ */ React83.createElement(DateTimeProvider, { timeZone }, children) : /* @__PURE__ */ React83.createElement(React83.Fragment, null, children);
 };
-var DateFilterOverlay = React82.forwardRef(
+var DateFilterOverlay = React83.forwardRef(
   // eslint-disable-next-line complexity
   ({
     dateInputSegmentRef,
@@ -8322,13 +8323,13 @@ var DateFilterOverlay = React82.forwardRef(
       onSelect(day);
       hide({});
     }
-    return /* @__PURE__ */ React82.createElement(Card, { "data-qa": "data-table-date-filter-calendar", ref, ...props }, /* @__PURE__ */ React82.createElement(Flex, { direction: "column" }, selectionType === "either" && /* @__PURE__ */ React82.createElement(Box, { padding: "md", style: { width: "100%" } }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Card, { "data-qa": "data-table-date-filter-calendar", ref, ...props }, /* @__PURE__ */ React83.createElement(Flex, { direction: "column" }, selectionType === "either" && /* @__PURE__ */ React83.createElement(Box, { padding: "md", style: { width: "100%" } }, /* @__PURE__ */ React83.createElement(
       SegmentedController,
       {
         block: true,
         "data-qa": "data-table-date-filter-selection-control"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         SegmentedController.Segment,
         {
           active: selectedValue.type === "single",
@@ -8336,7 +8337,7 @@ var DateFilterOverlay = React82.forwardRef(
         },
         I18n.t("dataTable.filterRenders.dateFilter.single")
       ),
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         SegmentedController.Segment,
         {
           active: selectedValue.type === "range",
@@ -8344,7 +8345,7 @@ var DateFilterOverlay = React82.forwardRef(
         },
         I18n.t("dataTable.filterRenders.dateFilter.range")
       )
-    )), /* @__PURE__ */ React82.createElement(
+    )), /* @__PURE__ */ React83.createElement(
       Calendar,
       {
         displayDate,
@@ -8358,7 +8359,7 @@ var DateFilterOverlay = React82.forwardRef(
     )));
   }
 );
-var DateFilterSelect = React82.forwardRef(
+var DateFilterSelect = React83.forwardRef(
   ({
     afterHide,
     onChange,
@@ -8371,11 +8372,11 @@ var DateFilterSelect = React82.forwardRef(
     const dateTime = useDateTime();
     const { start, end } = selectedValue;
     const selectedDate = (position === "start" ? start : end) ?? void 0;
-    const [displayed, setDisplayed2] = React82.useState(
+    const [displayed, setDisplayed2] = React83.useState(
       // @ts-ignore
       selectedDate || dateTime.newDate()
     );
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       if (isDate(start) && !isDate(end) && position === "end") {
         setDisplayed2(start);
       }
@@ -8384,12 +8385,12 @@ var DateFilterSelect = React82.forwardRef(
       }
     }, [position, selectedValue]);
     const segmentRefs = {
-      segmentThree: React82.useRef(null)
+      segmentThree: React83.useRef(null)
     };
-    const clearRef = React82.useRef(null);
-    const monthRef = React82.useRef(null);
-    const yearRef = React82.useRef(null);
-    const overlay = /* @__PURE__ */ React82.createElement(
+    const clearRef = React83.useRef(null);
+    const monthRef = React83.useRef(null);
+    const yearRef = React83.useRef(null);
+    const overlay = /* @__PURE__ */ React83.createElement(
       DateFilterOverlay,
       {
         dateInputSegmentRef: segmentRefs.segmentThree,
@@ -8406,7 +8407,7 @@ var DateFilterSelect = React82.forwardRef(
         yearRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         afterHide,
@@ -8421,7 +8422,7 @@ var DateFilterSelect = React82.forwardRef(
         placement: getPlacement(selectedValue.type, position),
         ref
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateInput,
         {
           "data-qa": `data-table-date-filter-input-${position}`,
@@ -8461,10 +8462,10 @@ function DateFilter({
   value,
   ...props
 }) {
-  const [selectedValue, setSelectedValue] = React82.useState({
+  const [selectedValue, setSelectedValue] = React83.useState({
     type: selectionType === "either" ? "range" : selectionType
   });
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const parsedValue = value.map((date) => {
       if (isDate(date)) {
         return date;
@@ -8474,7 +8475,7 @@ function DateFilter({
     const type = isSameDay(parsedValue[0], parsedValue[1]) ? "single" : "range";
     setSelectedValue({ type, start: parsedValue[0], end: parsedValue[1] });
   }, [value]);
-  const dateRangeEndDateRef = React82.useRef(null);
+  const dateRangeEndDateRef = React83.useRef(null);
   function dateFilterOnChange(date, position) {
     const newValue = getValueFromSelection(selectedValue, date, position);
     setSelectedValue(newValue);
@@ -8487,7 +8488,7 @@ function DateFilter({
       );
     }
   }
-  const onSelectionTypeChange = React82.useCallback(
+  const onSelectionTypeChange = React83.useCallback(
     (newSelectionType) => {
       setSelectedValue({ type: newSelectionType });
     },
@@ -8499,7 +8500,7 @@ function DateFilter({
     }
     return true;
   }
-  return /* @__PURE__ */ React82.createElement(FlexList, { space: "xs", "data-qa": props["data-qa"] }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(FlexList, { space: "xs", "data-qa": props["data-qa"] }, /* @__PURE__ */ React83.createElement(
     DateFilterSelect,
     {
       afterHide: dateRangeAfterHide,
@@ -8509,7 +8510,7 @@ function DateFilter({
       selectionType,
       setSelectionType: onSelectionTypeChange
     }
-  ), selectedValue.type !== "single" && /* @__PURE__ */ React82.createElement(
+  ), selectedValue.type !== "single" && /* @__PURE__ */ React83.createElement(
     DateFilterSelect,
     {
       onChange: dateFilterOnChange,
@@ -8529,7 +8530,7 @@ function ServerSideDateSelectFilterRenderer({
   ...props
 }) {
   const colDef = columnDefinition;
-  return /* @__PURE__ */ React82.createElement(OptionalDateTimeProvider, { timeZone: colDef.timeZone }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(OptionalDateTimeProvider, { timeZone: colDef.timeZone }, /* @__PURE__ */ React83.createElement(
     DateFilter,
     {
       ...props,
@@ -8554,7 +8555,7 @@ function ServerSideDateSelectFilterRenderer({
 var DateFilterRenderer = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideDateSelectFilterRenderer, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideDateSelectFilterRenderer, { ...props });
   }
   console.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
@@ -8570,9 +8571,9 @@ var DateFilterTokenText = ({
   const parsedStart = parseISO(start);
   const parsedEnd = parseISO(end);
   if (isSameDay(parsedStart, parsedEnd)) {
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, `${headerName}: ${dateTime.format(parsedStart, "numeric-date")}`);
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, `${headerName}: ${dateTime.format(parsedStart, "numeric-date")}`);
   }
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, `${headerName}: ${dateTime.format(
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, `${headerName}: ${dateTime.format(
     parsedStart,
     "numeric-date"
   )} - ${dateTime.format(parsedEnd, "numeric-date")}`);
@@ -8607,19 +8608,19 @@ var DateCellValue = ({
   const typographyProps = getCellValueTypographyProps(
     columnDefinition.cellRendererParams?.typographyProps
   );
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps }, internalValue);
 };
 var Renderer4 = (props) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     OptionalDateTimeProvider,
     {
       timeZone: props.columnDefinition?.cellRendererParams?.timeZone
     },
-    /* @__PURE__ */ React82.createElement(DateCellValue, { ...props })
+    /* @__PURE__ */ React83.createElement(DateCellValue, { ...props })
   );
 };
 var DateCellRenderer = withDataTableRenderer(Renderer4, "date");
-var Editor2 = React82.forwardRef(
+var Editor2 = React83.forwardRef(
   ({ columnDefinition, setDataValue, stopEditing, value }, ref) => {
     function afterHide() {
       stopEditing();
@@ -8631,12 +8632,12 @@ var Editor2 = React82.forwardRef(
         setDataValue(columnDefinition.field, void 0);
       }
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OptionalDateTimeProvider,
       {
         timeZone: columnDefinition.cellEditorParams?.timeZone
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateSelect,
         {
           afterHide,
@@ -8678,19 +8679,19 @@ var DateTimeCellValue = ({
   const typographyProps = getCellValueTypographyProps(
     columnDefinition.cellRendererParams?.typographyProps
   );
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps }, internalValue);
 };
 var Renderer5 = (props) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     OptionalDateTimeProvider,
     {
       timeZone: props.columnDefinition?.cellRendererParams?.timeZone
     },
-    /* @__PURE__ */ React82.createElement(DateTimeCellValue, { ...props })
+    /* @__PURE__ */ React83.createElement(DateTimeCellValue, { ...props })
   );
 };
 var DateTimeCellRenderer = withDataTableRenderer(Renderer5, "date");
-var Editor3 = React82.forwardRef(
+var Editor3 = React83.forwardRef(
   ({ columnDefinition, setDataValue, stopEditing, value }, ref) => {
     function afterHide() {
       stopEditing();
@@ -8702,12 +8703,12 @@ var Editor3 = React82.forwardRef(
         setDataValue(columnDefinition.field, void 0);
       }
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OptionalDateTimeProvider,
       {
         timeZone: columnDefinition.cellEditorParams?.timeZone
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateSelect,
         {
           afterHide,
@@ -52906,10 +52907,10 @@ var InternalLinkCellRenderer = ({ columnDefinition, isGroup, data, rowHeight, va
     }
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, className, weight: "semibold" }, value);
+    return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, className, weight: "semibold" }, value);
   }
   const URL = columnDefinition.cellRendererParams.getURL(value, data);
-  return URL ? /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, className }, /* @__PURE__ */ React82.createElement(Link, { href: URL }, internalValue)) : /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps }, internalValue);
+  return URL ? /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, className }, /* @__PURE__ */ React83.createElement(Link, { href: URL }, internalValue)) : /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps }, internalValue);
 };
 var LinkCellRenderer = withDataTableRenderer(
   InternalLinkCellRenderer,
@@ -52923,7 +52924,7 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -52934,7 +52935,7 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
         columnDefinition.cellEditorParams?.inputProps?.placeholder || I18n.t("dataTable.cells.numberCell.placeholder")
       );
     }
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null);
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null);
   }
   const internalValue = formatNumber(value, {
     maxDecimalPrecision: 15,
@@ -52943,9 +52944,9 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
     ...columnDefinition.cellRendererParams?.formatConfig
   });
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(Typography, { intent: "small", weight: "semibold" }, internalValue);
+    return /* @__PURE__ */ React83.createElement(Typography, { intent: "small", weight: "semibold" }, internalValue);
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -52960,7 +52961,7 @@ var NumberCellRenderer = withDataTableRenderer(
   InternalNumberCellRenderer,
   "input"
 );
-var InternalNumberCellEditor = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var InternalNumberCellEditor = React83.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
   const I18n = useI18nContext();
   if (isEmptyValue(value) && !columnDefinition.editable) {
     return null;
@@ -52968,7 +52969,7 @@ var InternalNumberCellEditor = React82.forwardRef(({ columnDefinition, stopEditi
   function onBlur() {
     stopEditing();
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Input,
     {
       placeholder: columnDefinition.cellEditorParams?.inputProps?.placeholder || I18n.t("dataTable.cells.numberCell.placeholder"),
@@ -53034,38 +53035,38 @@ var Renderer6 = ({
   rowHeight,
   value
 }) => {
-  const [fullCellView, setFullCellView] = React82.useState(false);
-  const getPeople = React82.useCallback(() => {
+  const [fullCellView, setFullCellView] = React83.useState(false);
+  const getPeople = React83.useCallback(() => {
     return columnDefinition.cellRendererParams?.getValue?.(value) || value || [];
   }, [columnDefinition.cellRendererParams?.getValue, value]);
-  const getCompanyName = React82.useCallback(
+  const getCompanyName = React83.useCallback(
     (person) => {
       return columnDefinition.cellRendererParams?.getCompanyName?.(person) ?? person.company ?? "";
     },
     [columnDefinition.cellRendererParams?.getCompanyName]
   );
-  const getPersonName = React82.useCallback(
+  const getPersonName = React83.useCallback(
     (person) => {
       return columnDefinition.cellRendererParams?.getPersonName?.(person) ?? person.name ?? "";
     },
     [columnDefinition.cellRendererParams?.getPersonName]
   );
-  const getPersonImageUrl = React82.useCallback(
+  const getPersonImageUrl = React83.useCallback(
     (person) => {
       return columnDefinition.cellRendererParams?.getImageURL?.(person) ?? "";
     },
     [columnDefinition.cellRendererParams?.getImageURL]
   );
-  const getPersonInitials = React82.useCallback(
+  const getPersonInitials = React83.useCallback(
     (person) => {
       return columnDefinition.cellRendererParams?.getInitials?.(person) ?? "";
     },
     [columnDefinition.cellRendererParams?.getInitials]
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     setFullCellView(rowHeight === rowSize.lg || rowHeight === rowSize.md);
   }, [rowHeight]);
-  const getPersonNameWithCompany = React82.useCallback(
+  const getPersonNameWithCompany = React83.useCallback(
     (person) => {
       const name = getPersonName(person);
       const company = getCompanyName(person);
@@ -53073,14 +53074,14 @@ var Renderer6 = ({
     },
     [getCompanyName, getPersonName]
   );
-  const namesWithCompany = React82.useMemo(
+  const namesWithCompany = React83.useMemo(
     () => getPeople().map(getPersonNameWithCompany).join(", "),
     [getPeople, getPersonNameWithCompany]
   );
   const largeAvatarWidth = 35;
   const smallAvatarWidth = 27;
   const avatarOverlap = 7;
-  const avatarWidthCalc = React82.useMemo(() => {
+  const avatarWidthCalc = React83.useMemo(() => {
     const avatarWidth = rowHeight === rowSize.lg ? largeAvatarWidth : smallAvatarWidth;
     const avatarCount = getPeople().length > NUM_AVATARS_SHOWN ? NUM_AVATARS_SHOWN + 1 : getPeople().length;
     if (avatarCount === 1) {
@@ -53107,13 +53108,13 @@ var Renderer6 = ({
     columnDefinition.cellRendererParams?.avatarStackItemFilter ?? defaultAvatarStackItemFilter
   );
   const isAvatarStackDisplayed = fullCellView && avatarStackItems && !!avatarStackItems.length;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Flex,
     {
       direction: columnDefinition.autoHeight ? "column" : "row",
       className: cx8("dynamicRowHeightSpacing", columnDefinition.autoHeight)
     },
-    isAvatarStackDisplayed && /* @__PURE__ */ React82.createElement(
+    isAvatarStackDisplayed && /* @__PURE__ */ React83.createElement(
       Box,
       {
         marginRight: "sm",
@@ -53124,7 +53125,7 @@ var Renderer6 = ({
           height: "32px"
         }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         AvatarStack,
         {
           items: avatarStackItems,
@@ -53133,13 +53134,13 @@ var Renderer6 = ({
         }
       )
     ),
-    people.length > 1 ? /* @__PURE__ */ React82.createElement(
+    people.length > 1 ? /* @__PURE__ */ React83.createElement(
       Flex,
       {
         direction: fullCellView ? "column" : "row",
         style: { alignSelf: "center" }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Typography,
         {
           className: !columnDefinition.autoHeight ? cx8("truncatingText", {
@@ -53151,13 +53152,13 @@ var Renderer6 = ({
         },
         namesWithCompany
       )
-    ) : /* @__PURE__ */ React82.createElement(
+    ) : /* @__PURE__ */ React83.createElement(
       Flex,
       {
         direction: fullCellView ? "column" : "row",
         style: { alignSelf: "center" }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53165,7 +53166,7 @@ var Renderer6 = ({
         },
         getPersonName(people[0])
       ),
-      getCompanyName(people[0]) && rowHeight === rowSize.sm ? /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(
+      getCompanyName(people[0]) && rowHeight === rowSize.sm ? /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53173,7 +53174,7 @@ var Renderer6 = ({
           style: { whiteSpace: "pre" }
         },
         " / "
-      ), /* @__PURE__ */ React82.createElement(
+      ), /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53181,7 +53182,7 @@ var Renderer6 = ({
           className: cx8("truncatingText")
         },
         getCompanyName(people[0])
-      )) : /* @__PURE__ */ React82.createElement(
+      )) : /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53207,7 +53208,7 @@ var Renderer7 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53224,7 +53225,7 @@ var Renderer7 = ({
     columnDefinition.cellRendererParams?.formatConfig
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         intent: "small",
@@ -53234,7 +53235,7 @@ var Renderer7 = ({
       internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -53247,7 +53248,7 @@ var Renderer7 = ({
   );
 };
 var PercentCellRenderer = withDataTableRenderer(Renderer7, "input");
-var Editor4 = React82.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
+var Editor4 = React83.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
   const I18n = useI18nContext();
   function onBlur() {
     stopEditing();
@@ -53260,7 +53261,7 @@ var Editor4 = React82.forwardRef(({ columnDefinition, eventKey, stopEditing, val
     symbol: void 0,
     symbolAfterValue: void 0
   });
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Input,
     {
       placeholder: columnDefinition.cellEditorParams?.inputProps?.placeholder || I18n.t("dataTable.cells.percentCell.placeholder"),
@@ -53280,8 +53281,8 @@ var Renderer8 = ({
   isGroup,
   value
 }) => {
-  const [showAvatar, setShowAvatar] = React82.useState(false);
-  React82.useEffect(() => {
+  const [showAvatar, setShowAvatar] = React83.useState(false);
+  React83.useEffect(() => {
     setShowAvatar(rowHeight === rowSize.lg || rowHeight === rowSize.md);
   }, [rowHeight]);
   if (value === void 0 || value === null) {
@@ -53295,12 +53296,12 @@ var Renderer8 = ({
     columnDefinition.cellRendererParams?.typographyProps
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, weight: "semibold" }, name);
+    return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, weight: "semibold" }, name);
   }
   if (!showAvatar) {
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, weight: "semibold", color: "gray15" }, name), companyName && /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, color: "gray15" }, " / "), /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, color: "gray45" }, companyName)));
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, weight: "semibold", color: "gray15" }, name), companyName && /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, color: "gray15" }, " / "), /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, color: "gray45" }, companyName)));
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     ContactItem,
     {
       description: companyName,
@@ -53326,7 +53327,7 @@ var Renderer9 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53346,15 +53347,15 @@ var Renderer9 = ({
     columnDefinition.cellRendererParams?.typographyProps
   );
   if (isGroup || rowPinned && columnDefinition.aggFunc) {
-    return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, weight: "semibold" }, label);
+    return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, weight: "semibold" }, label);
   }
-  return /* @__PURE__ */ React82.createElement(Pill, { color: getColor(value), className: cx10("pill-cell") }, label?.toUpperCase());
+  return /* @__PURE__ */ React83.createElement(Pill, { color: getColor(value), className: cx10("pill-cell") }, label?.toUpperCase());
 };
 var PillCellRenderer = withDataTableRenderer(Renderer9, "select");
-var Editor5 = React82.forwardRef(
+var Editor5 = React83.forwardRef(
   ({ columnDefinition, data, setDataValue, stopEditing, value }, ref) => {
-    const [options, setOptions] = React82.useState([]);
-    const [loading, setLoading] = React82.useState(false);
+    const [options, setOptions] = React83.useState([]);
+    const [loading, setLoading] = React83.useState(false);
     const I18n = useI18nContext();
     function afterHide() {
       stopEditing();
@@ -53383,7 +53384,7 @@ var Editor5 = React82.forwardRef(
       const unformattedLabel = columnDefinition.getStringFormattedValue?.(item) || "";
       return unformattedLabel.toUpperCase();
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       PillSelect,
       {
         placeholder: columnDefinition.cellEditorParams?.placeholder || I18n.t("dataTable.cells.pillCell.placeholder", {
@@ -53419,7 +53420,7 @@ var Renderer10 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53438,7 +53439,7 @@ var Renderer10 = ({
     columnDefinition.cellRendererParams?.typographyProps
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         className: cx11("truncatingText"),
@@ -53448,14 +53449,14 @@ var Renderer10 = ({
       internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(Typography, { className: cx11("truncatingText"), ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { className: cx11("truncatingText"), ...typographyProps }, internalValue);
 };
 var SelectCellRenderer = withDataTableRenderer(Renderer10, "select");
 function useSearch(data, onSearchFunction) {
-  const [searchResultOptions, setSearchResultOptions] = React82.useState(void 0);
-  const searchTerm = React82.useRef("");
+  const [searchResultOptions, setSearchResultOptions] = React83.useState(void 0);
+  const searchTerm = React83.useRef("");
   const searchEnabled = typeof onSearchFunction === "function";
-  const onSearch = React82.useCallback(
+  const onSearch = React83.useCallback(
     async (event) => {
       searchTerm.current = event.target.value;
       if (searchTerm.current.length === 0) {
@@ -53480,10 +53481,10 @@ function useSearch(data, onSearchFunction) {
     searchResultOptions
   };
 }
-var Editor6 = React82.forwardRef(
+var Editor6 = React83.forwardRef(
   ({ columnDefinition, data, setDataValue, stopEditing, value }, ref) => {
-    const [options, setOptions] = React82.useState([]);
-    const [loading, setLoading] = React82.useState(false);
+    const [options, setOptions] = React83.useState([]);
+    const [loading, setLoading] = React83.useState(false);
     const { onSearch, searchResultOptions } = useSearch(
       data,
       columnDefinition.cellEditorParams?.onSearch
@@ -53516,7 +53517,7 @@ var Editor6 = React82.forwardRef(
     function getOptionLabel(option) {
       return columnDefinition.cellEditorParams?.getOptionLabel?.(option) || getLabel3(option);
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Select,
       {
         afterHide: () => stopEditing(),
@@ -53530,7 +53531,7 @@ var Editor6 = React82.forwardRef(
         ref,
         className: cx11("input-cell", "truncatingText")
       },
-      (searchResultOptions || options).map((item) => /* @__PURE__ */ React82.createElement(
+      (searchResultOptions || options).map((item) => /* @__PURE__ */ React83.createElement(
         Select.Option,
         {
           key: getId3(item),
@@ -53556,7 +53557,7 @@ var Renderer11 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...getCellValueTypographyProps(
@@ -53582,7 +53583,7 @@ var Renderer11 = ({
   );
   if (isGroup) {
     const fontWeight = node?.footer ? "regular" : "semibold";
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...typographyProps,
@@ -53593,17 +53594,17 @@ var Renderer11 = ({
       node?.footer ? value : internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, className }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, className }, internalValue);
 };
 var TextCellRenderer = withDataTableRenderer(Renderer11, "input");
-var Editor7 = React82.forwardRef(
+var Editor7 = React83.forwardRef(
   ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     function onBlur() {
       stopEditing();
     }
     const I18n = useI18nContext();
     const internalValue = eventKey ? value : columnDefinition.getStringFormattedValue?.(value) ?? value;
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Input,
       {
         placeholder: columnDefinition.cellEditorParams?.inputProps?.placeholder || I18n.t("dataTable.cells.textCell.placeholder"),
@@ -53622,7 +53623,7 @@ var GrandTotalsLabelRenderer = (props) => {
   const { grandTotalsLabelInnerRenderer: GrandTotalsLabelInnerRenderer } = useInternalTableContext();
   const isFirstColumn2 = props.columnApi.getAllDisplayedColumns()?.[0]?.getId() === props.column?.getId();
   if (isFirstColumn2) {
-    return GrandTotalsLabelInnerRenderer ? /* @__PURE__ */ React82.createElement(GrandTotalsLabelInnerRenderer, { ...props }) : /* @__PURE__ */ React82.createElement(Typography, { intent: "small", weight: "semibold" }, I18n.t("dataTable.grandTotals"));
+    return GrandTotalsLabelInnerRenderer ? /* @__PURE__ */ React83.createElement(GrandTotalsLabelInnerRenderer, { ...props }) : /* @__PURE__ */ React83.createElement(Typography, { intent: "small", weight: "semibold" }, I18n.t("dataTable.grandTotals"));
   }
   return null;
 };
@@ -53638,7 +53639,7 @@ var Renderer12 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...getCellValueTypographyProps(
@@ -53655,7 +53656,7 @@ var Renderer12 = ({
   );
   if (isGroup) {
     const fontWeight = node?.footer ? "regular" : "semibold";
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...typographyProps,
@@ -53665,16 +53666,16 @@ var Renderer12 = ({
       node?.footer ? value : internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps, className: cx13("textarea-cell", "text") }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps, className: cx13("textarea-cell", "text") }, internalValue);
 };
-var Editor8 = React82.forwardRef(
+var Editor8 = React83.forwardRef(
   ({ columnDefinition, stopEditing, value }, ref) => {
     function onBlur() {
       stopEditing();
     }
     const I18n = useI18nContext();
     const internalValue = columnDefinition.getStringFormattedValue?.(value) ?? value;
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       TextArea,
       {
         placeholder: columnDefinition.cellEditorParams?.textAreaProps?.placeholder || I18n.t("dataTable.cells.textCell.placeholder"),
@@ -53720,7 +53721,7 @@ function defaultGetLabel(option) {
 function defaultGetId(option) {
   return option?.id ?? option;
 }
-var LocationFilterOverlay = React82.forwardRef(
+var LocationFilterOverlay = React83.forwardRef(
   ({
     getId: getId3,
     getLabel: getLabel3,
@@ -53734,9 +53735,9 @@ var LocationFilterOverlay = React82.forwardRef(
     columnDefinition,
     value
   }, ref) => {
-    const [items, setItems] = React82.useState(options);
-    const [searching, setSearching] = React82.useState(false);
-    const menuRef = React82.useRef(null);
+    const [items, setItems] = React83.useState(options);
+    const [searching, setSearching] = React83.useState(false);
+    const menuRef = React83.useRef(null);
     const I18n = useI18nContext();
     const { menuProps, menuNavigationTriggerProps } = UNSAFE_useMenuImperativeControlNavigation(menuRef);
     const selectAllOption = {
@@ -53770,10 +53771,10 @@ var LocationFilterOverlay = React82.forwardRef(
       }
     }
     const _onSearch = columnDefinition.filterProps.onSearch || defaultOnSearch;
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       menuRef.current?.highlightSuggested();
     }, []);
-    return /* @__PURE__ */ React82.createElement(Card, { ref }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Card, { ref }, /* @__PURE__ */ React83.createElement(
       UNSAFE_Menu,
       {
         ...menuProps,
@@ -53783,20 +53784,20 @@ var LocationFilterOverlay = React82.forwardRef(
         onSelect,
         className: locationFilterStyles_default.locationFilterMenu
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         UNSAFE_Menu.Search,
         {
           ...menuNavigationTriggerProps,
           onChange: _onSearch
         }
       ),
-      /* @__PURE__ */ React82.createElement(UNSAFE_Menu.Options, null, !searching && /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(UNSAFE_Menu.Options, null, !searching && /* @__PURE__ */ React83.createElement(
         Box,
         {
           className: locationFilterStyles_default.controlsContainer,
           ...UNSAFE_menuItemsWrapperAttribute
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(includeSublocationOption),
@@ -53805,7 +53806,7 @@ var LocationFilterOverlay = React82.forwardRef(
           },
           getLabel3(includeSublocationOption)
         ),
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(selectAllOption),
@@ -53816,7 +53817,7 @@ var LocationFilterOverlay = React82.forwardRef(
           getLabel3(selectAllOption)
         )
       ), !loading && items.map((item, i) => {
-        return /* @__PURE__ */ React82.createElement(
+        return /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(item),
@@ -53827,11 +53828,11 @@ var LocationFilterOverlay = React82.forwardRef(
           getLabel3(item)
         );
       })),
-      loading && /* @__PURE__ */ React82.createElement(UNSAFE_Menu.Footer, null, /* @__PURE__ */ React82.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React82.createElement(Spinner$1, { size: "sm" })))
+      loading && /* @__PURE__ */ React83.createElement(UNSAFE_Menu.Footer, null, /* @__PURE__ */ React83.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React83.createElement(Spinner$1, { size: "sm" })))
     ));
   }
 );
-var ServerSideLocationFilterRenderer = React82.forwardRef(
+var ServerSideLocationFilterRenderer = React83.forwardRef(
   ({ value = [], options, columnDefinition, onChange, loading, getOptions }, ref) => {
     const getId3 = columnDefinition.filterProps?.getId || defaultGetId;
     const getLabel3 = columnDefinition.filterProps?.getLabel || defaultGetLabel;
@@ -53847,18 +53848,18 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
       }
       return "none";
     };
-    const ids = React82.useMemo(() => value.map(({ id }) => id), [value]);
-    const [selectedValueIds, setSelectedValueIds] = React82.useState(ids);
-    const [selectState, setSelectState] = React82.useState(
+    const ids = React83.useMemo(() => value.map(({ id }) => id), [value]);
+    const [selectedValueIds, setSelectedValueIds] = React83.useState(ids);
+    const [selectState, setSelectState] = React83.useState(
       determineSelectedState(value)
     );
-    const [enableSublocations, setEnableSublocations] = React82.useState(false);
-    const onSelectSublocations = React82.useCallback(() => {
+    const [enableSublocations, setEnableSublocations] = React83.useState(false);
+    const onSelectSublocations = React83.useCallback(() => {
       setEnableSublocations(!enableSublocations);
     }, [enableSublocations]);
     const I18n = useI18nContext();
-    const selectRef = React82.useRef(null);
-    const onSelectAll = React82.useCallback(() => {
+    const selectRef = React83.useRef(null);
+    const onSelectAll = React83.useCallback(() => {
       if (selectState === "none" || selectState === "partial") {
         setSelectState("all");
         setSelectedValueIds(options.map(({ id }) => id));
@@ -53896,7 +53897,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
         return [];
       }
     };
-    const removeSelections = React82.useCallback(
+    const removeSelections = React83.useCallback(
       function(selection, selected) {
         const sublocations = handleSelectSublocations(selection);
         return enableSublocations ? selected.filter(
@@ -53908,10 +53909,10 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
       },
       [enableSublocations]
     );
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       setSelectState(determineSelectedState(value));
     }, [value]);
-    const overlay = /* @__PURE__ */ React82.createElement(
+    const overlay = /* @__PURE__ */ React83.createElement(
       LocationFilterOverlay,
       {
         columnDefinition,
@@ -53929,7 +53930,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
         ref: selectRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         overlay,
@@ -53937,7 +53938,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
         beforeShow: getOptions,
         placement: "bottom-left"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Select.Button,
         {
           block: true,
@@ -53953,7 +53954,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
 var LocationFilterRenderer = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideLocationFilterRenderer, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideLocationFilterRenderer, { ...props });
   }
   console.error(
     "Warning: Location Filters are currently only implemented for the serverside row model"
@@ -53986,9 +53987,9 @@ function useFilterState({
   gridApi,
   enabled
 }) {
-  const [allAvailableFilters, setAllAvailableFilters] = React82.useState([]);
-  const listenersEnabled = React82.useRef(false);
-  const getFieldFilter = React82.useCallback(
+  const [allAvailableFilters, setAllAvailableFilters] = React83.useState([]);
+  const listenersEnabled = React83.useRef(false);
+  const getFieldFilter = React83.useCallback(
     (fieldName) => {
       const fieldFieldInstance = gridApi?.getFilterInstance(fieldName);
       if (fieldFieldInstance === null || fieldFieldInstance === void 0) {
@@ -53998,7 +53999,7 @@ function useFilterState({
     },
     [gridApi]
   );
-  const getFieldFilters = React82.useCallback(() => {
+  const getFieldFilters = React83.useCallback(() => {
     return filterableColumns.map((column2) => {
       const filterInstance = getFieldFilter(column2.field);
       const instanceOptions = getInstanceOptions(
@@ -54012,7 +54013,7 @@ function useFilterState({
       };
     }).filter((filter) => filter.instance !== void 0);
   }, [getFieldFilter, gridApi]);
-  const filterableColumns = React82.useMemo(() => {
+  const filterableColumns = React83.useMemo(() => {
     return columnDefinitions.filter((colDef) => !!colDef.filterRenderer).sort(sortColumnDefinitionsByFilterIndex);
   }, [columnDefinitions]);
   const filterEventFunction = function filterEventFunction2() {
@@ -54021,7 +54022,7 @@ function useFilterState({
       allFilters && setAllAvailableFilters(allFilters);
     }
   };
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (enabled) {
       listenersEnabled.current = true;
       gridApi?.addEventListener("filterChanged", filterEventFunction);
@@ -54093,7 +54094,7 @@ function ServerSideMultiSelectFilterRenderer({
   value = [],
   ...props
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     MultiSelect,
     {
       ...props,
@@ -54121,7 +54122,7 @@ function ClientSideMultiSelectFilterRenderer({
   value = [],
   ...props
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     MultiSelect,
     {
       ...props,
@@ -54149,13 +54150,13 @@ var MultiSelectFilterRenderer = (props) => {
     );
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(Renderer13, { value, ...otherProps });
+  return /* @__PURE__ */ React83.createElement(Renderer13, { value, ...otherProps });
 };
 var MultiSelectFilterRenderer_default = MultiSelectFilterRenderer;
 var scope = "dataTable.filters.numberFilter";
 function useFilterOptions() {
   const I18n = useI18nContext();
-  const filterOptions = React82.useMemo(() => {
+  const filterOptions = React83.useMemo(() => {
     return [
       {
         id: "any_value",
@@ -54207,18 +54208,18 @@ function useFilterOptions() {
   }, [I18n]);
   return filterOptions;
 }
-var NumberFilterRenderer = React82.memo(
+var NumberFilterRenderer = React83.memo(
   function(props) {
     const I18n = useI18nContext();
     const defaultFilterOptions = useFilterOptions();
-    const lowerLimitInputRef = React82.useRef(null);
-    const [localValue, setLocalValue] = React82.useState(
+    const lowerLimitInputRef = React83.useRef(null);
+    const [localValue, setLocalValue] = React83.useState(
       toNumberFilterValue(props.value)
     );
-    const [externalValue, setExternalValue] = React82.useState(
+    const [externalValue, setExternalValue] = React83.useState(
       toNumberFilterValue(props.value)
     );
-    const localLabel = React82.useMemo(() => {
+    const localLabel = React83.useMemo(() => {
       if (localValue === void 0 || localValue === null) {
         return void 0;
       }
@@ -54226,17 +54227,17 @@ var NumberFilterRenderer = React82.memo(
         (option) => option.id === localValue.type
       )?.label;
     }, [localValue]);
-    const hasNumberInputsEnabled = React82.useMemo(() => {
+    const hasNumberInputsEnabled = React83.useMemo(() => {
       return localValue && localValue.type !== "any_value" && localValue.type !== "no_value";
     }, [localValue]);
-    const hasUpperLimitValue = React82.useMemo(() => {
+    const hasUpperLimitValue = React83.useMemo(() => {
       return localValue?.type === "inRange";
     }, [localValue]);
-    const onClear = React82.useCallback(() => {
+    const onClear = React83.useCallback(() => {
       setLocalValue(void 0);
       props.onChange(void 0);
     }, []);
-    const onSelect = React82.useCallback(({ item }) => {
+    const onSelect = React83.useCallback(({ item }) => {
       setLocalValue((prev) => {
         return getOnSelectChangeValue(prev, item.id);
       });
@@ -54245,7 +54246,7 @@ var NumberFilterRenderer = React82.memo(
       });
       queueMicrotask(() => lowerLimitInputRef.current?.focus());
     }, []);
-    const onUpdateLowerLimit = React82.useCallback((event) => {
+    const onUpdateLowerLimit = React83.useCallback((event) => {
       const inputValue = event.target.value;
       setLocalValue((prev) => {
         return getLowerLimitChangeValue(prev, inputValue);
@@ -54257,7 +54258,7 @@ var NumberFilterRenderer = React82.memo(
         return getLowerLimitChangeValue(prev, inputValue);
       });
     }, []);
-    const onUpdateUpperLimit = React82.useCallback((event) => {
+    const onUpdateUpperLimit = React83.useCallback((event) => {
       const inputValue = event.target.value;
       setLocalValue((prev) => {
         return {
@@ -54277,11 +54278,11 @@ var NumberFilterRenderer = React82.memo(
         };
       });
     }, []);
-    const valueUpdate = React82.useCallback(debounce2(props.onChange, 500), []);
-    React82.useEffect(() => {
+    const valueUpdate = React83.useCallback(debounce2(props.onChange, 500), []);
+    React83.useEffect(() => {
       setLocalValue(toNumberFilterValue(props.value));
     }, [props.value]);
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       const value = toNumberFilterModel({
         type: externalValue?.type ?? localValue?.type,
         filter: externalValue?.filter ?? localValue?.filter,
@@ -54289,7 +54290,7 @@ var NumberFilterRenderer = React82.memo(
       });
       isValidInput(value) && valueUpdate(value);
     }, [externalValue]);
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(
       Select,
       {
         block: true,
@@ -54301,7 +54302,7 @@ var NumberFilterRenderer = React82.memo(
           scope
         })
       },
-      defaultFilterOptions.map((item) => /* @__PURE__ */ React82.createElement(
+      defaultFilterOptions.map((item) => /* @__PURE__ */ React83.createElement(
         Select.Option,
         {
           key: item.id,
@@ -54310,7 +54311,7 @@ var NumberFilterRenderer = React82.memo(
         },
         item.label
       ))
-    ), hasNumberInputsEnabled && /* @__PURE__ */ React82.createElement(
+    ), hasNumberInputsEnabled && /* @__PURE__ */ React83.createElement(
       FlexList,
       {
         alignItems: "center",
@@ -54320,7 +54321,7 @@ var NumberFilterRenderer = React82.memo(
         padding: "md none",
         size: "xs"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Input,
         {
           ref: lowerLimitInputRef,
@@ -54333,11 +54334,11 @@ var NumberFilterRenderer = React82.memo(
           onChange: onUpdateLowerLimit
         }
       ),
-      hasUpperLimitValue && /* @__PURE__ */ React82.createElement(Typography, null, I18n.t("labels.and", {
+      hasUpperLimitValue && /* @__PURE__ */ React83.createElement(Typography, null, I18n.t("labels.and", {
         defaultValue: "and",
         scope
       })),
-      hasUpperLimitValue && /* @__PURE__ */ React82.createElement(
+      hasUpperLimitValue && /* @__PURE__ */ React83.createElement(
         Input,
         {
           type: "number",
@@ -54448,7 +54449,7 @@ var useServerSideFilter = ({
     },
     updateServerSideDataSource
   } = useInternalTableContext();
-  const [loadingFilter, setLoadingFilter] = React82.useState(false);
+  const [loadingFilter, setLoadingFilter] = React83.useState(false);
   const fieldName = columnDefinition.field;
   async function getFilterOptions() {
     if (!getOptions(fieldName)) {
@@ -54498,7 +54499,7 @@ var ServerSideFilter = ({
     );
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       as: "li",
@@ -54506,8 +54507,8 @@ var ServerSideFilter = ({
       paddingBottom: "xl",
       style: { width: "100%" }
     },
-    filterHeading ? /* @__PURE__ */ React82.createElement(H3, { "data-qa": `data-table-filter-heading-${fieldName}` }, filterHeading) : null,
-    /* @__PURE__ */ React82.createElement(
+    filterHeading ? /* @__PURE__ */ React83.createElement(H3, { "data-qa": `data-table-filter-heading-${fieldName}` }, filterHeading) : null,
+    /* @__PURE__ */ React83.createElement(
       Component4,
       {
         columnDefinition,
@@ -55221,7 +55222,7 @@ function ClientSideRowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React82.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React83.createElement(
     Checkbox,
     {
       checked: selectedState,
@@ -55258,7 +55259,7 @@ function ServerSideRowCheckbox(props) {
     props.node,
     rowSelectionRef.current?.affectedRows
   );
-  return /* @__PURE__ */ React82.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React83.createElement(
     Checkbox,
     {
       checked,
@@ -55280,7 +55281,7 @@ function ServerSideRowCheckbox(props) {
 }
 function RowCheckbox(props) {
   const { onServerSideDataRequest } = useInternalTableContext();
-  return onServerSideDataRequest ? /* @__PURE__ */ React82.createElement(ServerSideRowCheckbox, { ...props }) : /* @__PURE__ */ React82.createElement(ClientSideRowCheckbox, { ...props });
+  return onServerSideDataRequest ? /* @__PURE__ */ React83.createElement(ServerSideRowCheckbox, { ...props }) : /* @__PURE__ */ React83.createElement(ClientSideRowCheckbox, { ...props });
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -55297,7 +55298,7 @@ var LevelIndents = (props) => {
   if (levels.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement("div", { style: { paddingLeft: `${props.level * INDENT_WIDTH_BASE}px` } }, levels.map((_level, index) => /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement("div", { style: { paddingLeft: `${props.level * INDENT_WIDTH_BASE}px` } }, levels.map((_level, index) => /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: classNames([
@@ -55314,7 +55315,7 @@ var LevelIndents = (props) => {
   )));
 };
 function GroupCaret(props) {
-  const mounted = React82.useRef(false);
+  const mounted = React83.useRef(false);
   const [expanded, setExpanded] = useState(props.node.expanded);
   const ExpandableCaret = expanded ? CaretDown : CaretRight;
   function handleRowGroupToggle(event) {
@@ -55336,7 +55337,7 @@ function GroupCaret(props) {
       );
     };
   }, []);
-  return /* @__PURE__ */ React82.createElement(Box, { className: AutoGroupCell_default.expandableCaret }, props.node.isExpandable() && /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { className: AutoGroupCell_default.expandableCaret }, props.node.isExpandable() && /* @__PURE__ */ React83.createElement(
     ExpandableCaret,
     {
       className: expanded ? AutoGroupCell_default.collapseCaret : AutoGroupCell_default.expandCaret,
@@ -55367,20 +55368,20 @@ var AutoGroupCellRenderer = (props) => {
     };
   }, []);
   const adjustedLevel = props.node.footer ? props.node.level + 1 : props.node.level;
-  return /* @__PURE__ */ React82.createElement(Flex, { className: AutoGroupCell_default.autoGroupCell, alignItems: "center" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Flex, { className: AutoGroupCell_default.autoGroupCell, alignItems: "center" }, /* @__PURE__ */ React83.createElement(
     LevelIndents,
     {
       level: adjustedLevel,
       lastRowInGroup: isLastRowInGroup(props)
     }
-  ), !props.node.footer && /* @__PURE__ */ React82.createElement(GroupCaret, { ...props }), props.node.selectable && !props.node.footer && !props.node.rowPinned && /* @__PURE__ */ React82.createElement(RowCheckbox, { ...props }), /* @__PURE__ */ React82.createElement(
+  ), !props.node.footer && /* @__PURE__ */ React83.createElement(GroupCaret, { ...props }), props.node.selectable && !props.node.footer && !props.node.rowPinned && /* @__PURE__ */ React83.createElement(RowCheckbox, { ...props }), /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: classNames(AutoGroupCell_default.value, {
         [AutoGroupCell_default.footer]: props.node.footer
       })
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       InnerRenderer,
       {
         ...props,
@@ -55421,7 +55422,7 @@ var InternalRowActionsCellRenderer = (props) => {
   if (props.rowPinned || props.columnDefinition.cellRendererParams.hideActionsOnGroupedRow && props.isGroup) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     FlexList,
     {
       justifyContent: "flex-end",
@@ -55431,7 +55432,7 @@ var InternalRowActionsCellRenderer = (props) => {
     },
     props.columnDefinition.cellRendererParams.actions.map((Action, idx) => {
       const key = `${Action.displayName}${idx}`;
-      return /* @__PURE__ */ React82.createElement(Action, { ...props, key });
+      return /* @__PURE__ */ React83.createElement(Action, { ...props, key });
     })
   );
 };
@@ -55439,9 +55440,9 @@ var RowActionsCellRenderer = withDataTableRenderer(
   InternalRowActionsCellRenderer
 );
 var cx14 = classNames.bind(styles_exports);
-var InlineEditError = React82.forwardRef(function InlineError({ errorMessage }, ref) {
-  const buttonRef = React82.useRef(null);
-  React82.useImperativeHandle(ref, () => ({
+var InlineEditError = React83.forwardRef(function InlineError({ errorMessage }, ref) {
+  const buttonRef = React83.useRef(null);
+  React83.useImperativeHandle(ref, () => ({
     show: () => {
       buttonRef.current?.dispatchEvent(new MouseEvent("mouseenter"));
     },
@@ -55450,22 +55451,22 @@ var InlineEditError = React82.forwardRef(function InlineError({ errorMessage },
     }
   }));
   const hasMessage = Array.isArray(errorMessage) ? errorMessage.length > 0 : Boolean(errorMessage);
-  const overlay = Array.isArray(errorMessage) ? /* @__PURE__ */ React82.createElement(Tooltip.Content, null, errorMessage.map((err) => /* @__PURE__ */ React82.createElement("div", { key: err }, err))) : errorMessage;
-  return /* @__PURE__ */ React82.createElement("div", { className: cx14("cell-error") }, /* @__PURE__ */ React82.createElement(
+  const overlay = Array.isArray(errorMessage) ? /* @__PURE__ */ React83.createElement(Tooltip.Content, null, errorMessage.map((err) => /* @__PURE__ */ React83.createElement("div", { key: err }, err))) : errorMessage;
+  return /* @__PURE__ */ React83.createElement("div", { className: cx14("cell-error") }, /* @__PURE__ */ React83.createElement(
     Tooltip,
     {
       ref: buttonRef,
       overlay,
       trigger: hasMessage ? "hover" : "none"
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Button,
       {
         className: cx14("cell-error__button"),
         variant: "tertiary",
         size: "sm"
       },
-      /* @__PURE__ */ React82.createElement(Typography, { color: "red50" }, /* @__PURE__ */ React82.createElement(Error$1, null))
+      /* @__PURE__ */ React83.createElement(Typography, { color: "red50" }, /* @__PURE__ */ React83.createElement(Error$1, null))
     )
   ));
 });
@@ -55485,7 +55486,7 @@ function PseudoInlineEditorWrapper({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: cx15("pseudo-inline-edit-wrapper", {
@@ -55493,7 +55494,7 @@ function PseudoInlineEditorWrapper({
         "inline-wrapper--with-show-pseudo-editors": alwaysShowEditors
       })
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "span",
       {
         className: cx15("pseudo-inline-edit-content", "truncatingText", {
@@ -55506,12 +55507,12 @@ function PseudoInlineEditorWrapper({
         ...props
       },
       children,
-      /* @__PURE__ */ React82.createElement("div", { className: cx15("inline-edit-spacer") }),
-      hasValue && onClear && /* @__PURE__ */ React82.createElement("div", { className: cx15("clear-wrapper") }, /* @__PURE__ */ React82.createElement(Clear, { size: "sm", onMouseDown: onClear })),
-      showArrow && /* @__PURE__ */ React82.createElement("div", { className: cx15("arrow-down-wrapper") }, /* @__PURE__ */ React82.createElement("div", { className: cx15("arrow-down") })),
-      showCalendar && /* @__PURE__ */ React82.createElement("div", { className: cx15("calendar-wrapper") }, /* @__PURE__ */ React82.createElement(Calendar$1, { size: "sm" }))
+      /* @__PURE__ */ React83.createElement("div", { className: cx15("inline-edit-spacer") }),
+      hasValue && onClear && /* @__PURE__ */ React83.createElement("div", { className: cx15("clear-wrapper") }, /* @__PURE__ */ React83.createElement(Clear, { size: "sm", onMouseDown: onClear })),
+      showArrow && /* @__PURE__ */ React83.createElement("div", { className: cx15("arrow-down-wrapper") }, /* @__PURE__ */ React83.createElement("div", { className: cx15("arrow-down") })),
+      showCalendar && /* @__PURE__ */ React83.createElement("div", { className: cx15("calendar-wrapper") }, /* @__PURE__ */ React83.createElement(Calendar$1, { size: "sm" }))
     ),
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ValidationOutput,
       {
         isRequired,
@@ -55521,8 +55522,8 @@ function PseudoInlineEditorWrapper({
     )
   );
 }
-var InlineEditorWrapper = React82.forwardRef(function InlineEditorWrapper2({ rightAligned, errorMessage, isValid, isRequired, children }, ref) {
-  return /* @__PURE__ */ React82.createElement(
+var InlineEditorWrapper = React83.forwardRef(function InlineEditorWrapper2({ rightAligned, errorMessage, isValid, isRequired, children }, ref) {
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: cx15("inline-edit-wrapper", {
@@ -55530,7 +55531,7 @@ var InlineEditorWrapper = React82.forwardRef(function InlineEditorWrapper2({ rig
       })
     },
     children,
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ValidationOutput,
       {
         ref,
@@ -55541,7 +55542,7 @@ var InlineEditorWrapper = React82.forwardRef(function InlineEditorWrapper2({ rig
     )
   );
 });
-var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
+var NonEditorWrapper = React83.forwardRef(function NonEditorWrapper2({
   rightAligned,
   errorMessage,
   isValid,
@@ -55550,7 +55551,7 @@ var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
   isGroup,
   rowPinned
 }, ref) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: cx15("inline-nonedit-wrapper", {
@@ -55558,7 +55559,7 @@ var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
       })
     },
     children,
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ValidationOutput,
       {
         ref,
@@ -55571,9 +55572,9 @@ var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
     )
   );
 });
-var ValidationOutput = React82.forwardRef(function ValidationOutput2({ isRequired, isValid, errorMessage, rowPinned }, ref) {
+var ValidationOutput = React83.forwardRef(function ValidationOutput2({ isRequired, isValid, errorMessage, rowPinned }, ref) {
   const showError = !isValid && errorMessage;
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, !showError && isRequired && !rowPinned && /* @__PURE__ */ React82.createElement(Required, { className: cx15("cell-asterisk") }), showError && /* @__PURE__ */ React82.createElement(InlineEditError, { ref, errorMessage }));
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, !showError && isRequired && !rowPinned && /* @__PURE__ */ React83.createElement(Required, { className: cx15("cell-asterisk") }), showError && /* @__PURE__ */ React83.createElement(InlineEditError, { ref, errorMessage }));
 });
 
 // src/CellRenderers/DataTableCell.tsx
@@ -55641,7 +55642,7 @@ var DataTableCellRenderer = ({
     }),
     [column2, node]
   );
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, shouldDisplayRowCheckbox(columnApi, column2, node) && /* @__PURE__ */ React82.createElement(Box, { paddingLeft: "sm" }, /* @__PURE__ */ React82.createElement(RowCheckbox, { api, data, node })), columnDefinition.editable ? /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, shouldDisplayRowCheckbox(columnApi, column2, node) && /* @__PURE__ */ React83.createElement(Box, { paddingLeft: "sm" }, /* @__PURE__ */ React83.createElement(RowCheckbox, { api, data, node })), columnDefinition.editable ? /* @__PURE__ */ React83.createElement(
     PseudoInlineEditorWrapper,
     {
       showArrow: editorType === "select",
@@ -55655,8 +55656,8 @@ var DataTableCellRenderer = ({
       alwaysShowEditors: columnDefinition.cellEditorParams?.alwaysShowPseudoEditors,
       ...validationOutput
     },
-    /* @__PURE__ */ React82.createElement(Component4, { ...componentParams })
-  ) : /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(Component4, { ...componentParams })
+  ) : /* @__PURE__ */ React83.createElement(
     NonEditorWrapper,
     {
       rightAligned: colDef.type === "rightAligned",
@@ -55664,7 +55665,7 @@ var DataTableCellRenderer = ({
       rowPinned: Boolean(componentParams.rowPinned),
       isGroup: Boolean(componentParams.isGroup)
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Component4,
       {
         ...componentParams,
@@ -55682,7 +55683,7 @@ function getStartingValue(eventKey, editorType, existingValue) {
   }
   return existingValue;
 }
-var DataTableCellEditor = React82.forwardRef(
+var DataTableCellEditor = React83.forwardRef(
   ({
     api,
     colDef,
@@ -55699,10 +55700,10 @@ var DataTableCellEditor = React82.forwardRef(
     const startingValue = getStartingValue(eventKey, editorType, value);
     const [currentValue, setCurrentValue] = useState(startingValue);
     const { rowHeight, tableRef } = useInternalTableContext();
-    const inlineEditorRef = React82.useRef(null);
-    const inputRef = React82.useRef(null);
-    const selectRef = React82.useRef(null);
-    const textAreaRef = React82.useRef(null);
+    const inlineEditorRef = React83.useRef(null);
+    const inputRef = React83.useRef(null);
+    const selectRef = React83.useRef(null);
+    const textAreaRef = React83.useRef(null);
     const columnDefinition = transformToColumnDefinition(colDef);
     const validationOutput = colDef.valueValidator?.({
       data,
@@ -55710,7 +55711,7 @@ var DataTableCellEditor = React82.forwardRef(
       columnDefinition,
       node: serializeNode(node)
     }) ?? defaultValidationOutput;
-    React82.useImperativeHandle(ref, () => {
+    React83.useImperativeHandle(ref, () => {
       return {
         getValue: () => {
           if (editorType === "input") {
@@ -55745,7 +55746,7 @@ var DataTableCellEditor = React82.forwardRef(
         }
       }
     }
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       if (editorType === "input") {
         if (eventKey) {
           inputRef.current?.focus();
@@ -55777,14 +55778,14 @@ var DataTableCellEditor = React82.forwardRef(
           return selectRef;
       }
     };
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       InlineEditorWrapper,
       {
         rightAligned: colDef.type === "rightAligned",
         ref: inlineEditorRef,
         ...validationOutput
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Component4,
         {
           columnDefinition,
@@ -55835,7 +55836,7 @@ function DefaultEmptyStateRenderer({
   const showFilterState = !!hasFilters || !!hasSearch;
   const title = getTitle(I18n, showFilterState, itemsLabel);
   const description = getDescription(I18n, showFilterState);
-  return /* @__PURE__ */ React82.createElement(EmptyState$1, null, /* @__PURE__ */ React82.createElement(EmptyState$1.Title, null, title), /* @__PURE__ */ React82.createElement(EmptyState$1.Description, null, description), !showFilterState && children ? /* @__PURE__ */ React82.createElement(EmptyState$1.Actions, null, children) : null);
+  return /* @__PURE__ */ React83.createElement(EmptyState$1, null, /* @__PURE__ */ React83.createElement(EmptyState$1.Title, null, title), /* @__PURE__ */ React83.createElement(EmptyState$1.Description, null, description), !showFilterState && children ? /* @__PURE__ */ React83.createElement(EmptyState$1.Actions, null, children) : null);
 }
 var EmptyState = ({
   emptyStateRenderer: EmptyStateRenderer
@@ -55844,7 +55845,7 @@ var EmptyState = ({
   const hasFilters = internalTableContext.tableRef?.current?.isAnyFilterPresent() ?? false;
   const hasSearch = internalTableContext.tableRef?.current?.isSearchPresent() ?? false;
   const Renderer13 = EmptyStateRenderer ?? DefaultEmptyStateRenderer;
-  return /* @__PURE__ */ React82.createElement(Renderer13, { hasFilters, hasSearch });
+  return /* @__PURE__ */ React83.createElement(Renderer13, { hasFilters, hasSearch });
 };
 
 // src/types.ts
@@ -55855,7 +55856,7 @@ var SelectAllState = /* @__PURE__ */ ((SelectAllState2) => {
   return SelectAllState2;
 })(SelectAllState || {});
 function withMenuProps(defaultMenuConfig, onSelectAll, selectionSSREnabled) {
-  return ({ ...genericHeaderprops }) => /* @__PURE__ */ React82.createElement(
+  return ({ ...genericHeaderprops }) => /* @__PURE__ */ React83.createElement(
     GenericHeaderRenderer,
     {
       ...genericHeaderprops,
@@ -56080,9 +56081,9 @@ var tooltipDelay = {
   show: 500
 };
 function useOverflowObserver() {
-  const recalculate = React82.useRef();
-  const [isOverflowingX, setIsOverflowingX] = React82.useState(false);
-  const [isOverflowingY, setIsOverflowingY] = React82.useState(false);
+  const recalculate = React83.useRef();
+  const [isOverflowingX, setIsOverflowingX] = React83.useState(false);
+  const [isOverflowingY, setIsOverflowingY] = React83.useState(false);
   function isContentOverflowing(length, visibleLength) {
     return Math.abs(length - visibleLength) > 1;
   }
@@ -56118,7 +56119,7 @@ function useOverflowObserver() {
 }
 function defaultOptionRenderer(option) {
   const isSelected = option.value === "pinnedLeft" || option.value === "pinnedRight";
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(StyledDropdownFlyoutLabel, { "data-flyout": true, style: { width: "100%" } }, isSelected ? /* @__PURE__ */ React82.createElement(Typography, { color: "blue50", weight: "bold" }, option.label) : option.label), Array.isArray(option.children) && /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(StyledDropdownFlyoutLabel, { "data-flyout": true, style: { width: "100%" } }, isSelected ? /* @__PURE__ */ React83.createElement(Typography, { color: "blue50", weight: "bold" }, option.label) : option.label), Array.isArray(option.children) && /* @__PURE__ */ React83.createElement(
     StyledDropdownFlyoutExpandIcon,
     {
       "data-qa": "core-dropdown-flyout-option-expand-icon",
@@ -56142,7 +56143,7 @@ var SortComponent = (props) => {
     let sortIcon = null;
     switch (sort) {
       case "asc":
-        sortIcon = /* @__PURE__ */ React82.createElement(
+        sortIcon = /* @__PURE__ */ React83.createElement(
           ArrowUp,
           {
             size: "sm",
@@ -56152,7 +56153,7 @@ var SortComponent = (props) => {
         );
         break;
       case "desc":
-        sortIcon = /* @__PURE__ */ React82.createElement(
+        sortIcon = /* @__PURE__ */ React83.createElement(
           ArrowDown,
           {
             size: "sm",
@@ -56165,14 +56166,14 @@ var SortComponent = (props) => {
         sortIcon = null;
         break;
     }
-    return /* @__PURE__ */ React82.createElement(Flex, { inline: true, paddingTop: "xs" }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Flex, { inline: true, paddingTop: "xs" }, /* @__PURE__ */ React83.createElement(
       "span",
       {
         className: "ag-header-icon ag-header-label-icon ag-sort-order",
         "aria-hidden": "true"
       },
       currentSortIndex
-    ), /* @__PURE__ */ React82.createElement("span", { className: "ag-header-icon", role: "presentation" }, sortIcon));
+    ), /* @__PURE__ */ React83.createElement("span", { className: "ag-header-icon", role: "presentation" }, sortIcon));
   }
   return null;
 };
@@ -56185,8 +56186,8 @@ var GenericHeaderRenderer = (props) => {
   const I18n = useI18nContext();
   const { columnApi, tableRef, onServerSideDataRequest } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
-  const [sortOrder, setSortOrder] = React82.useState(props.column.getSort());
-  const [isFirstColumn2, setIsFirstColumn] = React82.useState(false);
+  const [sortOrder, setSortOrder] = React83.useState(props.column.getSort());
+  const [isFirstColumn2, setIsFirstColumn] = React83.useState(false);
   const defaultMenuOptions = getMainMenuItems(props, I18n);
   const headerCellRef = useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
@@ -56199,7 +56200,7 @@ var GenericHeaderRenderer = (props) => {
   }) : !!headerCheckboxSelection;
   const checkbox = useRef(null);
   const colId = props.column.getId();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     function calculatePosition() {
       const columns = props.columnApi.getColumnState();
       if (!columns?.length) {
@@ -56264,15 +56265,15 @@ var GenericHeaderRenderer = (props) => {
     });
     return useDefaultMenuOptions ? filteredOptions : [...defaultMenuOptions, ...filteredOptions, ...menuOptions];
   };
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const onSortChanged = () => {
       setSortOrder(props.column.getSort());
     };
     props.column.addEventListener("sortChanged", onSortChanged);
     return () => props.column.removeEventListener("sortChanged", onSortChanged);
   }, [props.column]);
-  const [isExpandable, setIsExpandable] = React82.useState(false);
-  React82.useEffect(() => {
+  const [isExpandable, setIsExpandable] = React83.useState(false);
+  React83.useEffect(() => {
     if (onSSDR) {
       return;
     }
@@ -56284,8 +56285,8 @@ var GenericHeaderRenderer = (props) => {
       !props.menuConfig.suppressExpandGroupsButton && hasExpandableNodes && props.column.getColId() === "ag-Grid-AutoColumn"
     );
   });
-  const [expansionVariant, setExpansionVariant] = React82.useState("closed");
-  React82.useEffect(() => {
+  const [expansionVariant, setExpansionVariant] = React83.useState("closed");
+  React83.useEffect(() => {
     const onExpandAllChange = (event) => {
       setExpansionVariant(event.source === "expandAll" ? "all" : "closed");
     };
@@ -56298,7 +56299,7 @@ var GenericHeaderRenderer = (props) => {
       );
     };
   }, [props.api]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const hasTierOneCollapsedNodes = !!findNode(
       (node) => node.level === 0 && !node.expanded,
       props.api
@@ -56355,10 +56356,10 @@ var GenericHeaderRenderer = (props) => {
     ),
     all: I18n.t("dataTable.rowGroupToggle.collapseAll")
   };
-  const [selectAll, setSelectAll] = React82.useState(
+  const [selectAll, setSelectAll] = React83.useState(
     "none" /* None */
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (onSSDR || !isFirstColumn2) {
       return;
     }
@@ -56394,7 +56395,7 @@ var GenericHeaderRenderer = (props) => {
     };
   }, [isFirstColumn2, selectAll]);
   const { ref, isOverflowing, recalculate } = useOverflowObserver();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const handler = () => recalculate.current?.();
     props.api.addEventListener("cellMouseOver", handler);
     props.api.addEventListener("columnResized", handler);
@@ -56403,7 +56404,7 @@ var GenericHeaderRenderer = (props) => {
       removeEventListenerFromGrid("columnResized", handler, props.api);
     };
   }, []);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (!onSSDR || !isFirstColumn2 || !props.selectionSSREnabled) {
       return;
     }
@@ -56438,7 +56439,7 @@ var GenericHeaderRenderer = (props) => {
       );
     };
   }, [isFirstColumn2, props.selectionSSREnabled, props.api, onSSDR]);
-  const toggleSelectAll = React82.useCallback(() => {
+  const toggleSelectAll = React83.useCallback(() => {
     const nextSelectedState = selectAll === "all" /* All */ ? "none" /* None */ : "all" /* All */;
     setSelectAll(nextSelectedState);
     props.onSelectAll?.(nextSelectedState);
@@ -56466,7 +56467,7 @@ var GenericHeaderRenderer = (props) => {
     props.selectionSSREnabled,
     props.api
   ]);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Flex,
     {
       alignItems: "center",
@@ -56475,7 +56476,7 @@ var GenericHeaderRenderer = (props) => {
       className: "data-table-header-cell-container",
       ref: headerCellRef
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "div",
       {
         className: "ag-header-cell-label-container",
@@ -56483,16 +56484,16 @@ var GenericHeaderRenderer = (props) => {
         onClick: onSortToggled,
         onTouchEnd: onSortToggled
       },
-      isExpandable && /* @__PURE__ */ React82.createElement(
+      isExpandable && /* @__PURE__ */ React83.createElement(
         Tooltip,
         {
           hideDelay: tooltipDelay.hide,
           showDelay: tooltipDelay.show,
-          overlay: /* @__PURE__ */ React82.createElement(Tooltip.Content, { className: "auto-column-expand-tooltip-content" }, tooltipText[expansionVariant])
+          overlay: /* @__PURE__ */ React83.createElement(Tooltip.Content, { className: "auto-column-expand-tooltip-content" }, tooltipText[expansionVariant])
         },
-        /* @__PURE__ */ React82.createElement("div", { className: "expand-button", onClick: onExpandToggle }, expansionVariant === "all" && /* @__PURE__ */ React82.createElement(CaretsInVertical, { size: "sm" }), expansionVariant === "closed" && /* @__PURE__ */ React82.createElement(CaretsOutVertical, { size: "sm" }), expansionVariant === "tierOne" && (onSSDR ? /* @__PURE__ */ React82.createElement(CaretsInVertical, { size: "sm" }) : /* @__PURE__ */ React82.createElement(CaretsOutVerticalWithLine, { size: "sm" })))
+        /* @__PURE__ */ React83.createElement("div", { className: "expand-button", onClick: onExpandToggle }, expansionVariant === "all" && /* @__PURE__ */ React83.createElement(CaretsInVertical, { size: "sm" }), expansionVariant === "closed" && /* @__PURE__ */ React83.createElement(CaretsOutVertical, { size: "sm" }), expansionVariant === "tierOne" && (onSSDR ? /* @__PURE__ */ React83.createElement(CaretsInVertical, { size: "sm" }) : /* @__PURE__ */ React83.createElement(CaretsOutVerticalWithLine, { size: "sm" })))
       ),
-      isFirstColumn2 && headerCheckboxSelectionEnabled && /* @__PURE__ */ React82.createElement(
+      isFirstColumn2 && headerCheckboxSelectionEnabled && /* @__PURE__ */ React83.createElement(
         Checkbox,
         {
           "data-qa": "select-all-checkbox",
@@ -56504,14 +56505,14 @@ var GenericHeaderRenderer = (props) => {
           onChange: toggleSelectAll
         }
       ),
-      /* @__PURE__ */ React82.createElement("div", { className: "ag-header-cell-label" }, /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement("div", { className: "ag-header-cell-label" }, /* @__PURE__ */ React83.createElement(
         Tooltip,
         {
           trigger: isOverflowing ? "hover" : "none",
-          overlay: /* @__PURE__ */ React82.createElement(Tooltip.Content, null, /* @__PURE__ */ React82.createElement("span", null, props.displayName))
+          overlay: /* @__PURE__ */ React83.createElement(Tooltip.Content, null, /* @__PURE__ */ React83.createElement("span", null, props.displayName))
         },
-        /* @__PURE__ */ React82.createElement("div", null, /* @__PURE__ */ React82.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
-      ), HeaderNode && /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement("span", { ref, className: "data-table-header-display-name" }, props.displayName))
+      ), HeaderNode && /* @__PURE__ */ React83.createElement(
         Flex,
         {
           marginLeft: "sm",
@@ -56519,15 +56520,15 @@ var GenericHeaderRenderer = (props) => {
           justifyContent: "center",
           style: { width: "24px" }
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           HeaderNode,
           {
             columnDefinition: transformToColumnDefinition(colDef)
           }
         )
-      ), props.enableSorting && /* @__PURE__ */ React82.createElement(SortComponent, { ...props }))
+      ), props.enableSorting && /* @__PURE__ */ React83.createElement(SortComponent, { ...props }))
     ),
-    props.enableMenu && /* @__PURE__ */ React82.createElement(
+    props.enableMenu && /* @__PURE__ */ React83.createElement(
       DropdownFlyout,
       {
         className: "data-table-header-menu",
@@ -56546,14 +56547,14 @@ var GenericHeaderRenderer = (props) => {
 function GenericColumnGroupHeader(props) {
   const I18n = useI18nContext();
   const { expanded: initialExpanded, expandable } = props.columnGroup.providedColumnGroup;
-  const [isExpanded, setIsExpanded] = React82.useState(initialExpanded);
-  React82.useEffect(() => {
+  const [isExpanded, setIsExpanded] = React83.useState(initialExpanded);
+  React83.useEffect(() => {
     props.setExpanded(isExpanded);
   }, [isExpanded]);
   if (!props.displayName) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement("div", { className: "ag-header-group-cell-label", role: "presentation" }, /* @__PURE__ */ React82.createElement("span", { className: "ag-header-group-text", role: "presentation" }, props.displayName)), expandable && /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement("div", { className: "ag-header-group-cell-label", role: "presentation" }, /* @__PURE__ */ React83.createElement("span", { className: "ag-header-group-text", role: "presentation" }, props.displayName)), expandable && /* @__PURE__ */ React83.createElement(
     Tooltip,
     {
       hideDelay: tooltipDelay.hide,
@@ -56562,13 +56563,13 @@ function GenericColumnGroupHeader(props) {
         `dataTable.columnGroupToggle.${isExpanded ? "collapse" : "expand"}`
       )
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "div",
       {
         className: "expand-button",
         onClick: () => setIsExpanded((v) => !v)
       },
-      isExpanded ? /* @__PURE__ */ React82.createElement(CaretsIn, { size: "sm" }) : /* @__PURE__ */ React82.createElement(CaretsOut, { size: "sm" })
+      isExpanded ? /* @__PURE__ */ React83.createElement(CaretsIn, { size: "sm" }) : /* @__PURE__ */ React83.createElement(CaretsOut, { size: "sm" })
     )
   ));
 }
@@ -56589,8 +56590,8 @@ var getPaginationPageStartEnd = ({
 
 // src/utils/cellHelpers.tsx
 function withDataTableEditor(Component4, editorType) {
-  return React82.forwardRef(
-    (agGridProps, ref) => /* @__PURE__ */ React82.createElement(
+  return React83.forwardRef(
+    (agGridProps, ref) => /* @__PURE__ */ React83.createElement(
       DataTableCellEditor,
       {
         ...agGridProps,
@@ -56602,7 +56603,7 @@ function withDataTableEditor(Component4, editorType) {
   );
 }
 function withDataTableRenderer(Component4, editorType) {
-  return ({ colDef, ...agGridProps }) => /* @__PURE__ */ React82.createElement(
+  return ({ colDef, ...agGridProps }) => /* @__PURE__ */ React83.createElement(
     DataTableCellRenderer,
     {
       ...agGridProps,
@@ -56637,17 +56638,17 @@ function CustomLoader(params) {
   const I18n = useI18nContext();
   const groupNodes = getGroupNodes(params);
   if (params.node === groupNodes.firstLoading) {
-    return /* @__PURE__ */ React82.createElement(Flex, { style: { paddingLeft: "16px" } }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Flex, { style: { paddingLeft: "16px" } }, /* @__PURE__ */ React83.createElement(
       LevelIndents,
       {
         level: params.node.level,
         lastRowInGroup: params.node === groupNodes.last
       }
-    ), /* @__PURE__ */ React82.createElement(Spinner, { loading: true, size: "sm" }), /* @__PURE__ */ React82.createElement(Box, { paddingLeft: "sm" }, /* @__PURE__ */ React82.createElement(Typography, { color: "gray15", italic: true, intent: "small" }, I18n.t(
+    ), /* @__PURE__ */ React83.createElement(Spinner, { loading: true, size: "sm" }), /* @__PURE__ */ React83.createElement(Box, { paddingLeft: "sm" }, /* @__PURE__ */ React83.createElement(Typography, { color: "gray15", italic: true, intent: "small" }, I18n.t(
       `dataTable.loading.${params.node === groupNodes.first ? "initial" : "secondary"}`
     ))));
   }
-  return /* @__PURE__ */ React82.createElement(LevelIndents, { level: params.node.level, lastRowInGroup: false });
+  return /* @__PURE__ */ React83.createElement(LevelIndents, { level: params.node.level, lastRowInGroup: false });
 }
 var DefaultFrameworkComponents = {
   agColumnHeader: GenericHeaderRenderer,
@@ -56761,14 +56762,14 @@ function getId2(func, option) {
   return func?.(option) ?? option?.id ?? option;
 }
 var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) => {
-  const ref = React82.useRef();
-  React82.useLayoutEffect(() => {
+  const ref = React83.useRef();
+  React83.useLayoutEffect(() => {
     ref?.current?.setAttribute("title", ref?.current?.innerText);
   });
   if (value === void 0 || value === null) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       as: "ol",
@@ -56785,8 +56786,8 @@ var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) =
       columnDefinition.cellRendererParams?.getValue,
       value,
       emptyArray
-    ).map((option, idx, arr) => /* @__PURE__ */ React82.createElement(
-      React82.Fragment,
+    ).map((option, idx, arr) => /* @__PURE__ */ React83.createElement(
+      React83.Fragment,
       {
         key: (
           // eslint-disable-next-line react/no-array-index-key
@@ -56799,7 +56800,7 @@ var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) =
           )}_idx_${idx}`
         )
       },
-      /* @__PURE__ */ React82.createElement("li", null, getLabel2(columnDefinition.cellRendererParams?.getLabel, option), idx !== arr.length - 1 ? commaToken : null)
+      /* @__PURE__ */ React83.createElement("li", null, getLabel2(columnDefinition.cellRendererParams?.getLabel, option), idx !== arr.length - 1 ? commaToken : null)
     ))
   );
 };
@@ -56836,7 +56837,7 @@ function useFilterStorage({
   initialSelectedFilters = emptyArray2,
   getColumnDefinition
 }) {
-  const [filtersState, setFiltersState] = React82.useState({
+  const [filtersState, setFiltersState] = React83.useState({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
@@ -56856,10 +56857,10 @@ function useFilterStorage({
       field
     };
   }
-  const hasDefinedFilters = React82.useMemo(() => {
+  const hasDefinedFilters = React83.useMemo(() => {
     return Object.keys(filtersState.filterable).length > 0;
   }, [filtersState.filterable]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const filterableColumns = columnDefinitions.filter(
       (col) => col.filterRenderer
     );
@@ -56882,7 +56883,7 @@ function useFilterStorage({
       selectedFilters: emptyObj
     }));
   }
-  const setSelectedFilters = React82.useCallback(
+  const setSelectedFilters = React83.useCallback(
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
@@ -57006,13 +57007,13 @@ var EmptyResultsControlTooltip = ({
 }) => {
   const I18n = useI18nContext();
   if (!enabled) {
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, children);
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, children);
   }
   const tooltipText = I18n.t(`dataTable.emptyState.noResults.tooltip`, {
     tableName: I18n.t(`tableName`) || I18n.t(`dataTable.emptyState.noResults.tableNameFallback`),
     featureName: I18n.t(`dataTable.emptyState.noResults.${featureI18nKey}`)
   });
-  return /* @__PURE__ */ React82.createElement(Tooltip, { placement: "bottom", trigger: "hover", overlay: tooltipText }, /* @__PURE__ */ React82.createElement("span", null, children));
+  return /* @__PURE__ */ React83.createElement(Tooltip, { placement: "bottom", trigger: "hover", overlay: tooltipText }, /* @__PURE__ */ React83.createElement("span", null, children));
 };
 
 // src/QuickControls/quickControlsStyles.scss
@@ -57053,7 +57054,7 @@ var quickControlsStyles_default = {
 // src/QuickControls/ServerSideSearch.tsx
 var cx17 = classnames.bind(quickControlsStyles_default);
 function useSearchStorage() {
-  const [searchValue, setSearchValue] = React82.useState("");
+  const [searchValue, setSearchValue] = React83.useState("");
   return { searchValue, setSearchValue };
 }
 var defaultSearchStorage = {
@@ -57065,16 +57066,16 @@ var ServerSideSearch = ({
   placeholder,
   disabled = false
 }) => {
-  const [internalValue, setInternalValue] = React82.useState("");
+  const [internalValue, setInternalValue] = React83.useState("");
   const { updateServerSideDataSource } = useInternalTableContext();
   const I18n = useI18nContext();
-  const debouncedSetSearchValue = React82.useCallback(
+  const debouncedSetSearchValue = React83.useCallback(
     debounce2((value) => {
       updateServerSideDataSource({ search: value });
     }, 250),
     [updateServerSideDataSource]
   );
-  const onChange = React82.useCallback(
+  const onChange = React83.useCallback(
     (value, event) => {
       setInternalValue(value);
       if (onSearch) {
@@ -57085,13 +57086,13 @@ var ServerSideSearch = ({
     },
     [debouncedSetSearchValue, onSearch]
   );
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
       featureI18nKey: "featureSearch",
       enabled: disabled
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Typeahead,
       {
         disabled,
@@ -57105,7 +57106,7 @@ var ServerSideSearch = ({
 };
 
 // src/utils/internalTableContext.ts
-var InternalTableContext = React82.createContext({
+var InternalTableContext = React83.createContext({
   columnDefinitions: [],
   contextPanel: {
     content: void 0,
@@ -57151,7 +57152,120 @@ var InternalTableContext = React82.createContext({
   setTotalRowCount: () => {
   }
 });
-var useInternalTableContext = () => React82.useContext(InternalTableContext);
+var useInternalTableContext = () => React83.useContext(InternalTableContext);
+var prng = detectPrng(true);
+var ulid = factory(prng);
+var Analytics = class {
+  constructor({
+    bodyParams = {},
+    client,
+    endpoint,
+    headers = {}
+  }) {
+    this.endpoint = endpoint;
+    this.headers = headers;
+    this.bodyParams = bodyParams;
+    this.client = client;
+    this.trackEvent = this.trackEvent.bind(this);
+  }
+  trackEvent(event, properties = {}) {
+    const time = /* @__PURE__ */ new Date();
+    return this.client(this.endpoint, {
+      method: "POST",
+      headers: this.headers,
+      body: JSON.stringify(
+        mergeDeepRight(
+          {
+            key: event,
+            properties,
+            timestamp: time,
+            event_id: ulid(),
+            page_id: ulid()
+          },
+          this.bodyParams
+        )
+      )
+    });
+  }
+};
+
+// src/Analytics/Analytics.tsx
+var defaultTrackEvent = (e, params) => {
+  console.log("analytics::trackEvent", e, params);
+};
+var AnalyticsContext = React83.createContext({});
+function AnalyticsProvider({
+  analytics,
+  children
+}) {
+  return /* @__PURE__ */ React83.createElement(
+    AnalyticsContext.Provider,
+    {
+      value: { trackEvent: analytics?.trackEvent || defaultTrackEvent }
+    },
+    children
+  );
+}
+var isAnalyticsHydrated = (analytics) => {
+  return Object.keys(analytics).length > 0;
+};
+var useAnalyticsContext = () => {
+  const context = React83.useContext(AnalyticsContext);
+  if (!isAnalyticsHydrated(context)) {
+    throw new Error("Must wrap app in Analytics.Provider");
+  }
+  return context;
+};
+var Analytics_default = {
+  Client: Analytics,
+  Consumer: AnalyticsContext.Consumer,
+  Provider: AnalyticsProvider,
+  Context: AnalyticsContext
+};
+var prng2 = detectPrng(true);
+var ulid2 = factory(prng2);
+var AnalyticsBulkClient = class extends Analytics_default.Client {
+  constructor({
+    projectId,
+    bulkEndpoint,
+    bodyParams = {},
+    headers = {},
+    ...coreAnalyticsConfig
+  }) {
+    super({ ...coreAnalyticsConfig, bodyParams, headers });
+    this.events = [];
+    this.projectId = projectId;
+    this.bulkEndpoint = bulkEndpoint;
+  }
+  addEvent(event, properties) {
+    this.events.push({
+      key: event,
+      properties,
+      timestamp: /* @__PURE__ */ new Date(),
+      project_id: this.projectId,
+      event_id: ulid2(),
+      page_id: ulid2()
+    });
+  }
+  async sendAllEvents() {
+    if (this.events.length === 0) {
+      return;
+    }
+    const body = {
+      analytic_events: this.events,
+      project_id: this.projectId
+    };
+    try {
+      await this.client(this.bulkEndpoint, {
+        method: "POST",
+        headers: this.headers,
+        body: JSON.stringify(body)
+      });
+    } catch {
+    }
+    this.events = [];
+  }
+};
 
 // ../../node_modules/@ag-grid-community/client-side-row-model/dist/esm/es6/clientSideRowModel/clientSideNodeManager.mjs
 var ClientSideNodeManager = class _ClientSideNodeManager {
@@ -58786,9 +58900,9 @@ var getSelectedRows = ({
   return gridApi?.getModel().getType() === "serverSide" ? serverSideRows : gridApi?.getSelectedNodes() ?? [];
 };
 var useRowSelectionState = () => {
-  const [selectedRows, setSelectedRows] = React82.useState([]);
+  const [selectedRows, setSelectedRows] = React83.useState([]);
   const { gridApi, rowSelectionRef } = useInternalTableContext();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     function selectionEventFunction() {
       if (!gridApi?.destroyCalled) {
         setSelectedRows(getSelectedRows({ gridApi, rowSelectionRef }));
@@ -58810,12 +58924,12 @@ var BulkEditActionButton = (props) => {
   const { contextPanel } = useInternalTableContext();
   const i18n = useI18nContext();
   const editActionLabel = props.actionText ?? i18n.t("dataTable.bulkActions.editValues");
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Button,
     {
       "aria-label": i18n.t("dataTable.bulkActions.bulkEdit"),
       "data-qa": "bulkEditIcon",
-      icon: /* @__PURE__ */ React82.createElement(Pencil, null),
+      icon: /* @__PURE__ */ React83.createElement(Pencil, null),
       onClick: () => contextPanel.show("bulkEdit"),
       variant: "tertiary"
     },
@@ -58834,9 +58948,9 @@ var BulkActions = (props) => {
   } = props;
   const selectedRows = useRowSelectionState();
   const I18n = useI18nContext();
-  const Children = React82.useMemo(() => {
-    if (React82.Children.count(children) === 0) {
-      return /* @__PURE__ */ React82.createElement(
+  const Children = React83.useMemo(() => {
+    if (React83.Children.count(children) === 0) {
+      return /* @__PURE__ */ React83.createElement(
         BulkEditActionButton,
         {
           showLabel: showEditButtonLabel,
@@ -58853,7 +58967,7 @@ var BulkActions = (props) => {
     count: selectedRows.length,
     number: selectedRows.length > 1 ? I18n.t("dataTable.bulkActions.many") : I18n.t("dataTable.bulkActions.one")
   });
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       padding: "md",
@@ -58862,8 +58976,8 @@ var BulkActions = (props) => {
       style: { backgroundColor: ACTION_BAR_BLUE, ...props.style },
       "data-qa": "bulkActions"
     },
-    /* @__PURE__ */ React82.createElement(FlexList, { size: "xs", alignItems: "center" }, Children),
-    /* @__PURE__ */ React82.createElement(FlexList, { size: "xs", alignItems: "center" }, /* @__PURE__ */ React82.createElement(Typography, null, selectedItemsDesc))
+    /* @__PURE__ */ React83.createElement(FlexList, { size: "xs", alignItems: "center" }, Children),
+    /* @__PURE__ */ React83.createElement(FlexList, { size: "xs", alignItems: "center" }, /* @__PURE__ */ React83.createElement(Typography, null, selectedItemsDesc))
   );
 };
 
@@ -63994,12 +64108,12 @@ var ExcelCreator = class ExcelCreator2 extends BaseCreator {
     return this.packageFile(exportParams);
   }
   setFactoryMode(factoryMode, exportMode = "xlsx") {
-    const factory = exportMode === "xlsx" ? ExcelXlsxFactory : ExcelXmlFactory;
-    factory.factoryMode = factoryMode;
+    const factory3 = exportMode === "xlsx" ? ExcelXlsxFactory : ExcelXmlFactory;
+    factory3.factoryMode = factoryMode;
   }
   getFactoryMode(exportMode) {
-    const factory = exportMode === "xlsx" ? ExcelXlsxFactory : ExcelXmlFactory;
-    return factory.factoryMode;
+    const factory3 = exportMode === "xlsx" ? ExcelXlsxFactory : ExcelXmlFactory;
+    return factory3.factoryMode;
   }
   getSheetDataForExcel(params) {
     const mergedParams = this.getMergedParams(params);
@@ -66720,7 +66834,7 @@ var PortalManager = class _PortalManager {
   }
 };
 PortalManager.MAX_COMPONENT_CREATION_TIME_IN_MS = 1e3;
-var BeansContext = React82.createContext({});
+var BeansContext = React83.createContext({});
 
 // ../../node_modules/@ag-grid-community/react/lib/reactUi/jsComp.mjs
 var showJsComp = (compDetails, context, eParent, ref) => {
@@ -66914,19 +67028,19 @@ var GroupCellRenderer3 = forwardRef((props, ref) => {
   const FwRenderer = useFwRenderer ? innerCompDetails.componentClass : void 0;
   const useValue = innerCompDetails == null && value != null;
   const escapedValue = _.escapeString(value, true);
-  return React82.createElement(
+  return React83.createElement(
     "span",
     Object.assign({ className, ref: setRef2 }, !props.colDef ? { role: "gridcell" } : {}),
-    React82.createElement("span", { className: expandedClassName, ref: eExpandedRef }),
-    React82.createElement("span", { className: contractedClassName, ref: eContractedRef }),
-    React82.createElement("span", { className: checkboxClassName, ref: eCheckboxRef }),
-    React82.createElement(
+    React83.createElement("span", { className: expandedClassName, ref: eExpandedRef }),
+    React83.createElement("span", { className: contractedClassName, ref: eContractedRef }),
+    React83.createElement("span", { className: checkboxClassName, ref: eCheckboxRef }),
+    React83.createElement(
       "span",
       { className: "ag-group-value", ref: eValueRef },
-      useValue && React82.createElement(React82.Fragment, null, escapedValue),
-      useFwRenderer && React82.createElement(FwRenderer, Object.assign({}, innerCompDetails.params))
+      useValue && React83.createElement(React83.Fragment, null, escapedValue),
+      useFwRenderer && React83.createElement(FwRenderer, Object.assign({}, innerCompDetails.params))
     ),
-    React82.createElement("span", { className: "ag-group-child-count" }, childCount)
+    React83.createElement("span", { className: "ag-group-child-count" }, childCount)
   );
 });
 var groupCellRenderer_default = GroupCellRenderer3;
@@ -66983,15 +67097,15 @@ var HeaderCellComp2 = (props) => {
   }, [userCompDetails]);
   const reactUserComp = userCompDetails && userCompDetails.componentFromFramework;
   const UserCompClass = userCompDetails && userCompDetails.componentClass;
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, className: "ag-header-cell", "col-id": colId, role: "columnheader", tabIndex: -1 },
-    React82.createElement("div", { ref: eResize, className: "ag-header-cell-resize", role: "presentation" }),
-    React82.createElement(
+    React83.createElement("div", { ref: eResize, className: "ag-header-cell-resize", role: "presentation" }),
+    React83.createElement(
       "div",
       { ref: eHeaderCompWrapper, className: "ag-header-cell-comp-wrapper", role: "presentation" },
-      reactUserComp && userCompStateless && React82.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
-      reactUserComp && !userCompStateless && React82.createElement(UserCompClass, Object.assign({}, userCompDetails.params, { ref: userCompRef }))
+      reactUserComp && userCompStateless && React83.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
+      reactUserComp && !userCompStateless && React83.createElement(UserCompClass, Object.assign({}, userCompDetails.params, { ref: userCompRef }))
     )
   );
 };
@@ -67038,11 +67152,11 @@ var HeaderGroupCellComp2 = (props) => {
   const resizableClassName = useMemo(() => "ag-header-cell-resize " + cssResizableClasses.toString(), [cssResizableClasses]);
   const reactUserComp = userCompDetails && userCompDetails.componentFromFramework;
   const UserCompClass = userCompDetails && userCompDetails.componentClass;
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, className, "col-id": colId, role: "columnheader", tabIndex: -1, "aria-expanded": ariaExpanded },
-    reactUserComp && React82.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
-    React82.createElement("div", { ref: eResize, "aria-hidden": resizableAriaHidden, className: resizableClassName })
+    reactUserComp && React83.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
+    React83.createElement("div", { ref: eResize, "aria-hidden": resizableAriaHidden, className: resizableClassName })
   );
 };
 var headerGroupCellComp_default = memo(HeaderGroupCellComp2);
@@ -67105,19 +67219,19 @@ var HeaderFilterCellComp2 = (props) => {
   }, [userCompDetails]);
   const reactUserComp = userCompDetails && userCompDetails.componentFromFramework;
   const UserCompClass = userCompDetails && userCompDetails.componentClass;
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, className, role: "gridcell", tabIndex: -1 },
-    React82.createElement(
+    React83.createElement(
       "div",
       { ref: eFloatingFilterBody, className: bodyClassName, role: "presentation" },
-      reactUserComp && userCompStateless && React82.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
-      reactUserComp && !userCompStateless && React82.createElement(UserCompClass, Object.assign({}, userCompDetails.params, { ref: userCompRef }))
+      reactUserComp && userCompStateless && React83.createElement(UserCompClass, Object.assign({}, userCompDetails.params)),
+      reactUserComp && !userCompStateless && React83.createElement(UserCompClass, Object.assign({}, userCompDetails.params, { ref: userCompRef }))
     ),
-    React82.createElement(
+    React83.createElement(
       "div",
       { ref: eButtonWrapper, "aria-hidden": buttonWrapperAriaHidden, className: buttonWrapperClassName, role: "presentation" },
-      React82.createElement("button", { ref: eButtonShowMainFilter, type: "button", className: "ag-button ag-floating-filter-button-button", tabIndex: -1 })
+      React83.createElement("button", { ref: eButtonShowMainFilter, type: "button", className: "ag-button ag-floating-filter-button-button", tabIndex: -1 })
     )
   );
 };
@@ -67159,14 +67273,14 @@ var HeaderRowComp2 = (props) => {
   const createCellJsx = useCallback((cellCtrl) => {
     switch (ctrl.getType()) {
       case HeaderRowType.COLUMN_GROUP:
-        return React82.createElement(headerGroupCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
+        return React83.createElement(headerGroupCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
       case HeaderRowType.FLOATING_FILTER:
-        return React82.createElement(headerFilterCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
+        return React83.createElement(headerFilterCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
       default:
-        return React82.createElement(headerCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
+        return React83.createElement(headerCellComp_default, { ctrl: cellCtrl, key: cellCtrl.getInstanceId() });
     }
   }, []);
-  return React82.createElement("div", { ref: setRef2, className, role: "row", style: style2, "aria-rowindex": ariaRowIndex }, cellCtrls.map(createCellJsx));
+  return React83.createElement("div", { ref: setRef2, className, role: "row", style: style2, "aria-rowindex": ariaRowIndex }, cellCtrls.map(createCellJsx));
 };
 var headerRowComp_default = memo(HeaderRowComp2);
 
@@ -67219,16 +67333,16 @@ var HeaderRowContainerComp2 = (props) => {
     headerRowCtrlRef.current.setComp(compProxy, eGui.current);
   }, []);
   const className = useMemo(() => cssClasses.toString(), [cssClasses]);
-  const insertRowsJsx = () => headerRowCtrls.map((ctrl) => React82.createElement(headerRowComp_default, { ctrl, key: ctrl.getInstanceId() }));
-  return React82.createElement(
-    React82.Fragment,
+  const insertRowsJsx = () => headerRowCtrls.map((ctrl) => React83.createElement(headerRowComp_default, { ctrl, key: ctrl.getInstanceId() }));
+  return React83.createElement(
+    React83.Fragment,
     null,
-    pinnedLeft && React82.createElement("div", { ref: setRef2, className: "ag-pinned-left-header " + className, "aria-hidden": ariaHidden, role: "presentation" }, insertRowsJsx()),
-    pinnedRight && React82.createElement("div", { ref: setRef2, className: "ag-pinned-right-header " + className, "aria-hidden": ariaHidden, role: "presentation" }, insertRowsJsx()),
-    centre && React82.createElement(
+    pinnedLeft && React83.createElement("div", { ref: setRef2, className: "ag-pinned-left-header " + className, "aria-hidden": ariaHidden, role: "presentation" }, insertRowsJsx()),
+    pinnedRight && React83.createElement("div", { ref: setRef2, className: "ag-pinned-right-header " + className, "aria-hidden": ariaHidden, role: "presentation" }, insertRowsJsx()),
+    centre && React83.createElement(
       "div",
       { ref: setRef2, className: "ag-header-viewport " + className, role: "presentation" },
-      React82.createElement("div", { ref: eCenterContainer, className: "ag-header-container", role: "rowgroup" }, insertRowsJsx())
+      React83.createElement("div", { ref: eCenterContainer, className: "ag-header-container", role: "rowgroup" }, insertRowsJsx())
     )
   );
 };
@@ -67263,12 +67377,12 @@ var GridHeaderComp2 = () => {
     height,
     minHeight: height
   }), [height]);
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, className, style: style2, role: "presentation" },
-    React82.createElement(headerRowContainerComp_default, { pinned: "left" }),
-    React82.createElement(headerRowContainerComp_default, { pinned: null }),
-    React82.createElement(headerRowContainerComp_default, { pinned: "right" })
+    React83.createElement(headerRowContainerComp_default, { pinned: "left" }),
+    React83.createElement(headerRowContainerComp_default, { pinned: null }),
+    React83.createElement(headerRowContainerComp_default, { pinned: "right" })
   );
 };
 var gridHeaderComp_default = memo(GridHeaderComp2);
@@ -67362,7 +67476,7 @@ var PopupEditorComp = (props) => {
       context.destroyBean(wrapper);
     };
   });
-  return React82.createElement(React82.Fragment, null, popupEditorWrapper && props.wrappedContent && createPortal(props.wrappedContent, popupEditorWrapper.getGui()));
+  return React83.createElement(React83.Fragment, null, popupEditorWrapper && props.wrappedContent && createPortal(props.wrappedContent, popupEditorWrapper.getGui()));
 };
 var popupEditorComp_default = memo(PopupEditorComp);
 var useJsCellRenderer = (showDetails, showTools, eCellValue, cellValueVersion, jsCellRendererRef, eGui) => {
@@ -67444,12 +67558,12 @@ var jsxEditValue = (editDetails, setInlineCellEditorRef, setPopupCellEditorRef,
   const reactInlineEditor = compDetails.componentFromFramework && !editDetails.popup;
   const reactPopupEditor = compDetails.componentFromFramework && editDetails.popup;
   const jsPopupEditor = !compDetails.componentFromFramework && editDetails.popup;
-  return React82.createElement(
-    React82.Fragment,
+  return React83.createElement(
+    React83.Fragment,
     null,
-    reactInlineEditor && React82.createElement(CellEditorClass, Object.assign({}, editDetails.compDetails.params, { ref: setInlineCellEditorRef })),
-    reactPopupEditor && React82.createElement(popupEditorComp_default, { editDetails, cellCtrl, eParentCell: eGui, wrappedContent: React82.createElement(CellEditorClass, Object.assign({}, editDetails.compDetails.params, { ref: setPopupCellEditorRef })) }),
-    jsPopupEditor && jsEditorComp && React82.createElement(popupEditorComp_default, { editDetails, cellCtrl, eParentCell: eGui, jsChildComp: jsEditorComp })
+    reactInlineEditor && React83.createElement(CellEditorClass, Object.assign({}, editDetails.compDetails.params, { ref: setInlineCellEditorRef })),
+    reactPopupEditor && React83.createElement(popupEditorComp_default, { editDetails, cellCtrl, eParentCell: eGui, wrappedContent: React83.createElement(CellEditorClass, Object.assign({}, editDetails.compDetails.params, { ref: setPopupCellEditorRef })) }),
+    jsPopupEditor && jsEditorComp && React83.createElement(popupEditorComp_default, { editDetails, cellCtrl, eParentCell: eGui, jsChildComp: jsEditorComp })
   );
 };
 var jsxShowValue = (showDetails, key, parentId, cellRendererRef, showCellWrapper, reactCellRendererStateless, setECellValue) => {
@@ -67458,14 +67572,14 @@ var jsxShowValue = (showDetails, key, parentId, cellRendererRef, showCellWrapper
   const reactCellRenderer = compDetails && compDetails.componentFromFramework;
   const CellRendererClass = compDetails && compDetails.componentClass;
   const valueForNoCellRenderer = (value === null || value === void 0 ? void 0 : value.toString) ? value.toString() : value;
-  const bodyJsxFunc = () => React82.createElement(
-    React82.Fragment,
+  const bodyJsxFunc = () => React83.createElement(
+    React83.Fragment,
     null,
-    noCellRenderer && React82.createElement(React82.Fragment, null, valueForNoCellRenderer),
-    reactCellRenderer && !reactCellRendererStateless && React82.createElement(CellRendererClass, Object.assign({}, compDetails.params, { key, ref: cellRendererRef })),
-    reactCellRenderer && reactCellRendererStateless && React82.createElement(CellRendererClass, Object.assign({}, compDetails.params, { key }))
+    noCellRenderer && React83.createElement(React83.Fragment, null, valueForNoCellRenderer),
+    reactCellRenderer && !reactCellRendererStateless && React83.createElement(CellRendererClass, Object.assign({}, compDetails.params, { key, ref: cellRendererRef })),
+    reactCellRenderer && reactCellRendererStateless && React83.createElement(CellRendererClass, Object.assign({}, compDetails.params, { key }))
   );
-  return React82.createElement(React82.Fragment, null, showCellWrapper ? React82.createElement("span", { role: "presentation", id: `cell-${parentId}`, className: "ag-cell-value", ref: setECellValue }, bodyJsxFunc()) : bodyJsxFunc());
+  return React83.createElement(React83.Fragment, null, showCellWrapper ? React83.createElement("span", { role: "presentation", id: `cell-${parentId}`, className: "ag-cell-value", ref: setECellValue }, bodyJsxFunc()) : bodyJsxFunc());
 };
 var CellComp2 = (props) => {
   const { context } = useContext(BeansContext);
@@ -67662,13 +67776,13 @@ var CellComp2 = (props) => {
       eGui.current.focus({ preventScroll: true });
     }
   });
-  const showContents = () => React82.createElement(
-    React82.Fragment,
+  const showContents = () => React83.createElement(
+    React83.Fragment,
     null,
     renderDetails != null && jsxShowValue(renderDetails, renderKey, cellInstanceId, cellRendererRef, showCellWrapper, reactCellRendererStateless, setCellValueRef),
     editDetails != null && jsxEditValue(editDetails, setInlineCellEditorRef, setPopupCellEditorRef, eGui.current, cellCtrl, jsEditorComp)
   );
-  return React82.createElement("div", { ref: setRef2, style: userStyles, tabIndex, role: "gridcell", "col-id": colId }, showCellWrapper ? React82.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: setCellWrapperRef }, showContents()) : showContents());
+  return React83.createElement("div", { ref: setRef2, style: userStyles, tabIndex, role: "gridcell", "col-id": colId }, showCellWrapper ? React83.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: setCellWrapperRef }, showContents()) : showContents());
 };
 var cellComp_default = memo(CellComp2);
 
@@ -67760,17 +67874,17 @@ var RowComp2 = (params) => {
     const res = (fullWidthCompDetails === null || fullWidthCompDetails === void 0 ? void 0 : fullWidthCompDetails.componentFromFramework) && isComponentStateless(fullWidthCompDetails.componentClass);
     return !!res;
   }, [fullWidthCompDetails]);
-  const showCellsJsx = () => cellCtrls === null || cellCtrls === void 0 ? void 0 : cellCtrls.map((cellCtrl) => React82.createElement(cellComp_default, { cellCtrl, editingRow: rowCtrl.isEditing(), printLayout: rowCtrl.isPrintLayout(), key: cellCtrl.getInstanceId() }));
+  const showCellsJsx = () => cellCtrls === null || cellCtrls === void 0 ? void 0 : cellCtrls.map((cellCtrl) => React83.createElement(cellComp_default, { cellCtrl, editingRow: rowCtrl.isEditing(), printLayout: rowCtrl.isPrintLayout(), key: cellCtrl.getInstanceId() }));
   const showFullWidthFrameworkJsx = () => {
     const FullWidthComp = fullWidthCompDetails.componentClass;
-    return React82.createElement(
-      React82.Fragment,
+    return React83.createElement(
+      React83.Fragment,
       null,
-      reactFullWidthCellRendererStateless && React82.createElement(FullWidthComp, Object.assign({}, fullWidthCompDetails.params)),
-      !reactFullWidthCellRendererStateless && React82.createElement(FullWidthComp, Object.assign({}, fullWidthCompDetails.params, { ref: fullWidthCompRef }))
+      reactFullWidthCellRendererStateless && React83.createElement(FullWidthComp, Object.assign({}, fullWidthCompDetails.params)),
+      !reactFullWidthCellRendererStateless && React83.createElement(FullWidthComp, Object.assign({}, fullWidthCompDetails.params, { ref: fullWidthCompRef }))
     );
   };
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, role: "row", style: rowStyles, "row-index": rowIndex, "row-id": rowId, "row-business-key": rowBusinessKey, tabIndex },
     showCells && showCellsJsx(),
@@ -67872,16 +67986,16 @@ var RowContainerComp2 = (params) => {
     eWrapper.current = e;
     setRef2();
   }, [setRef2]);
-  const buildContainer = () => React82.createElement("div", { className: containerClasses, ref: setContainerRef, role: rowCtrlsOrdered.length ? "rowgroup" : "presentation" }, rowCtrlsOrdered.map((rowCtrl) => React82.createElement(rowComp_default, { rowCtrl, containerType, key: rowCtrl.getInstanceId() })));
-  return React82.createElement(
-    React82.Fragment,
+  const buildContainer = () => React83.createElement("div", { className: containerClasses, ref: setContainerRef, role: rowCtrlsOrdered.length ? "rowgroup" : "presentation" }, rowCtrlsOrdered.map((rowCtrl) => React83.createElement(rowComp_default, { rowCtrl, containerType, key: rowCtrl.getInstanceId() })));
+  return React83.createElement(
+    React83.Fragment,
     null,
-    template1 && React82.createElement(
+    template1 && React83.createElement(
       "div",
       { className: wrapperClasses, ref: setWrapperRef, role: "presentation" },
-      React82.createElement("div", { className: viewportClasses, ref: setViewportRef, role: "presentation" }, buildContainer())
+      React83.createElement("div", { className: viewportClasses, ref: setViewportRef, role: "presentation" }, buildContainer())
     ),
-    template2 && React82.createElement("div", { className: viewportClasses, ref: setViewportRef, role: "presentation" }, buildContainer()),
+    template2 && React83.createElement("div", { className: viewportClasses, ref: setViewportRef, role: "presentation" }, buildContainer()),
     template3 && buildContainer()
   );
 };
@@ -68013,22 +68127,22 @@ var GridBodyComp2 = () => {
     display: bottomDisplay,
     overflowY: topAndBottomOverflowY
   }), [bottomHeight, bottomDisplay, topAndBottomOverflowY]);
-  const createRowContainer = (container) => React82.createElement(rowContainerComp_default, { name: container, key: `${container}-container` });
-  const createSection = ({ section, children, className, style: style2 }) => React82.createElement("div", { ref: section, className, role: "presentation", style: style2 }, children.map(createRowContainer));
-  return React82.createElement(
+  const createRowContainer = (container) => React83.createElement(rowContainerComp_default, { name: container, key: `${container}-container` });
+  const createSection = ({ section, children, className, style: style2 }) => React83.createElement("div", { ref: section, className, role: "presentation", style: style2 }, children.map(createRowContainer));
+  return React83.createElement(
     "div",
     { ref: setRef2, className: rootClasses, role: "treegrid" },
-    React82.createElement(gridHeaderComp_default, null),
+    React83.createElement(gridHeaderComp_default, null),
     createSection({ section: eTop, className: topClasses, style: topStyle, children: [
       RowContainerName.TOP_LEFT,
       RowContainerName.TOP_CENTER,
       RowContainerName.TOP_RIGHT,
       RowContainerName.TOP_FULL_WIDTH
     ] }),
-    React82.createElement(
+    React83.createElement(
       "div",
       { className: bodyClasses, ref: eBody, role: "presentation" },
-      React82.createElement("div", { className: bodyClipperClasses, role: "presentation" }, createSection({
+      React83.createElement("div", { className: bodyClipperClasses, role: "presentation" }, createSection({
         section: eBodyViewport,
         className: bodyViewportClasses,
         children: [
@@ -68107,10 +68221,10 @@ var TabGuardCompRef = (props, forwardRef4) => {
   }, [setupCtrl]);
   const createTabGuard = (side) => {
     const className = side === "top" ? TabGuardClassNames.TAB_GUARD_TOP : TabGuardClassNames.TAB_GUARD_BOTTOM;
-    return React82.createElement("div", { className: `${TabGuardClassNames.TAB_GUARD} ${className}`, role: "presentation", ref: side === "top" ? setTopRef : setBottomRef });
+    return React83.createElement("div", { className: `${TabGuardClassNames.TAB_GUARD} ${className}`, role: "presentation", ref: side === "top" ? setTopRef : setBottomRef });
   };
-  return React82.createElement(
-    React82.Fragment,
+  return React83.createElement(
+    React83.Fragment,
     null,
     createTabGuard("top"),
     children,
@@ -68256,13 +68370,13 @@ var GridComp2 = ({ context }) => {
     tabGuardRef.current = ref;
     setTabGuardReady(ref !== null);
   }, []);
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { ref: setRef2, className: rootWrapperClasses, style: topStyle, role: "presentation" },
-    React82.createElement("div", { className: rootWrapperBodyClasses, ref: setGridBodyParent, role: "presentation" }, initialised && eGridBodyParent && beans && React82.createElement(
+    React83.createElement("div", { className: rootWrapperBodyClasses, ref: setGridBodyParent, role: "presentation" }, initialised && eGridBodyParent && beans && React83.createElement(
       BeansContext.Provider,
       { value: beans },
-      React82.createElement(
+      React83.createElement(
         tabGuardComp_default,
         { ref: setTabGuardCompRef, eFocusableElement: eGridBodyParent, onTabKeyDown, gridCtrl: gridCtrlRef.current },
         // we wait for initialised before rending the children, so GridComp has created and registered with it's
@@ -68270,7 +68384,7 @@ var GridComp2 = ({ context }) => {
         // before we have set the the Layout CSS classes, causing the GridBodyComp to render rows to a grid that
         // doesn't have it's height specified, which would result if all the rows getting rendered (and if many rows,
         // hangs the UI)
-        React82.createElement(gridBodyComp_default, null)
+        React83.createElement(gridBodyComp_default, null)
       )
     ))
   );
@@ -68370,10 +68484,10 @@ var AgGridReactUi = (props) => {
       }
     });
   }, [props]);
-  return React82.createElement(
+  return React83.createElement(
     "div",
     { style: style2, className: props.className, ref: setRef2 },
-    context && !context.isDestroyed() ? React82.createElement(gridComp_default, { context }) : null,
+    context && !context.isDestroyed() ? React83.createElement(gridComp_default, { context }) : null,
     (_b = (_a = portalManager.current) === null || _a === void 0 ? void 0 : _a.getPortals()) !== null && _b !== void 0 ? _b : null
   );
 };
@@ -68487,7 +68601,7 @@ var DetailCellRenderer = (props, ref) => {
     var _a;
     (_a = ctrlRef.current) === null || _a === void 0 ? void 0 : _a.registerDetailWithMaster(api, columnApi);
   }, []);
-  return React82.createElement("div", { className: topClassName, ref: setRef2 }, detailGridOptions && React82.createElement(AgGridReactUi, Object.assign({ className: gridClassName }, detailGridOptions, { modules: parentModules, rowData: detailRowData, setGridApi })));
+  return React83.createElement("div", { className: topClassName, ref: setRef2 }, detailGridOptions && React83.createElement(AgGridReactUi, Object.assign({ className: gridClassName }, detailGridOptions, { modules: parentModules, rowData: detailRowData, setGridApi })));
 };
 var detailCellRenderer_default = forwardRef(DetailCellRenderer);
 
@@ -68530,7 +68644,7 @@ var AgGridReactLegacy = class extends Component$1 {
     this.portalManager = new LegacyPortalManager(this, props.componentWrappingElement, props.maxComponentCreationTimeMs);
   }
   render() {
-    return React82.createElement("div", {
+    return React83.createElement("div", {
       style: this.createStyleForDiv(),
       className: this.props.className,
       ref: (e) => {
@@ -68690,7 +68804,7 @@ var AgGridReact = class extends Component$1 {
     };
   }
   render() {
-    const ReactComponentToUse = this.props.suppressReactUi ? React82.createElement(AgGridReactLegacy, Object.assign({}, this.props, { setGridApi: this.setGridApi })) : React82.createElement(AgGridReactUi, Object.assign({}, this.props, { setGridApi: this.setGridApi }));
+    const ReactComponentToUse = this.props.suppressReactUi ? React83.createElement(AgGridReactLegacy, Object.assign({}, this.props, { setGridApi: this.setGridApi })) : React83.createElement(AgGridReactUi, Object.assign({}, this.props, { setGridApi: this.setGridApi }));
     return ReactComponentToUse;
   }
 };
@@ -76264,45 +76378,45 @@ function isLastRowInGroup2(props) {
 }
 var FullWidthCellRenderer = (FullWidthInnerCellRenderer) => {
   return (props) => {
-    return /* @__PURE__ */ React82.createElement(Flex, { style: { height: "100%", alignItems: "center" } }, /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Flex, { style: { height: "100%", alignItems: "center" } }, /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(
       LevelIndents,
       {
         level: props.node.level,
         lastRowInGroup: isLastRowInGroup2(props)
       }
-    ), FullWidthInnerCellRenderer && /* @__PURE__ */ React82.createElement("div", { style: { paddingLeft: "12px" } }, /* @__PURE__ */ React82.createElement(FullWidthInnerCellRenderer, { ...props }))));
+    ), FullWidthInnerCellRenderer && /* @__PURE__ */ React83.createElement("div", { style: { paddingLeft: "12px" } }, /* @__PURE__ */ React83.createElement(FullWidthInnerCellRenderer, { ...props }))));
   };
 };
-var rowDrag = renderToString(/* @__PURE__ */ React82.createElement(Grip, { size: "sm" }));
+var rowDrag = renderToString(/* @__PURE__ */ React83.createElement(Grip, { size: "sm" }));
 function companyOptionRenderer(editorParams) {
   return function renderer(option, optionProps) {
-    return /* @__PURE__ */ React82.createElement(Select.Option, { value: option, ...optionProps }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Select.Option, { value: option, ...optionProps }, /* @__PURE__ */ React83.createElement(
       ContactItem$1,
       {
         imageUrl: editorParams?.getImageURL?.(option),
-        icon: /* @__PURE__ */ React82.createElement(Building, null),
+        icon: /* @__PURE__ */ React83.createElement(Building, null),
         selected: optionProps.selected
       },
-      /* @__PURE__ */ React82.createElement(ContactItem$1.Title, null, editorParams?.getCompanyName?.(option))
+      /* @__PURE__ */ React83.createElement(ContactItem$1.Title, null, editorParams?.getCompanyName?.(option))
     ));
   };
 }
 function personOptionRenderer(editorParams) {
   return function renderer(option, optionProps) {
-    return /* @__PURE__ */ React82.createElement(Select.Option, { value: option, ...optionProps }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Select.Option, { value: option, ...optionProps }, /* @__PURE__ */ React83.createElement(
       ContactItem$1,
       {
         imageUrl: editorParams?.getImageURL?.(option),
         initials: editorParams?.getInitials?.(option),
         selected: optionProps.selected
       },
-      /* @__PURE__ */ React82.createElement(ContactItem$1.Title, null, editorParams?.getPersonName?.(option)),
-      editorParams?.getCompanyName?.(option) && /* @__PURE__ */ React82.createElement(ContactItem$1.Description, null, editorParams?.getCompanyName?.(option))
+      /* @__PURE__ */ React83.createElement(ContactItem$1.Title, null, editorParams?.getPersonName?.(option)),
+      editorParams?.getCompanyName?.(option) && /* @__PURE__ */ React83.createElement(ContactItem$1.Description, null, editorParams?.getCompanyName?.(option))
     ));
   };
 }
 function LoadingField() {
-  return /* @__PURE__ */ React82.createElement(Box, { marginTop: "md" }, /* @__PURE__ */ React82.createElement(Spinner$1, { size: "sm", loading: true }));
+  return /* @__PURE__ */ React83.createElement(Box, { marginTop: "md" }, /* @__PURE__ */ React83.createElement(Spinner$1, { size: "sm", loading: true }));
 }
 function RadioList({
   getId: getId3,
@@ -76313,10 +76427,10 @@ function RadioList({
   name,
   options = []
 }) {
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     getOptions();
   }, []);
-  return loading ? /* @__PURE__ */ React82.createElement(
+  return loading ? /* @__PURE__ */ React83.createElement(
     Form.Field,
     {
       as: LoadingField,
@@ -76326,7 +76440,7 @@ function RadioList({
       label,
       name
     }
-  ) : /* @__PURE__ */ React82.createElement(
+  ) : /* @__PURE__ */ React83.createElement(
     Form.RadioButtons,
     {
       colWidth: 12,
@@ -76361,7 +76475,7 @@ function parseValues(columns, values2) {
 var BulkEditInput = (props) => {
   const I18n = useI18nContext();
   const { customBulkEditorFields } = useInternalTableContext();
-  const [loading, setLoading] = React82.useState(false);
+  const [loading, setLoading] = React83.useState(false);
   const field = useField({ name: props.name });
   const placeholderForField = I18n.t(
     "dataTable.bulkActions.placeholderForField",
@@ -76386,7 +76500,7 @@ var BulkEditInput = (props) => {
   const getOptionLabel = (option) => {
     return props.editorParams?.getOptionLabel?.(option) || getLabel3(option);
   };
-  const defaultField = /* @__PURE__ */ React82.createElement(
+  const defaultField = /* @__PURE__ */ React83.createElement(
     Form.Text,
     {
       colWidth: 12,
@@ -76399,7 +76513,7 @@ var BulkEditInput = (props) => {
   );
   switch (props.editor) {
     case "checkbox":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Checkbox,
         {
           colWidth: 12,
@@ -76414,7 +76528,7 @@ var BulkEditInput = (props) => {
         placeholder: currencyPlaceholder,
         ...currencyParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Currency,
         {
           ...currencyParams,
@@ -76429,7 +76543,7 @@ var BulkEditInput = (props) => {
       );
     case "dateSelect":
       const dateSelectParams = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.DateSelect,
         {
           ...dateSelectParams,
@@ -76442,7 +76556,7 @@ var BulkEditInput = (props) => {
       );
     case "dateTimeSelect":
       const dateTimeSelectParams = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         DateTimeSelectField,
         {
           ...dateTimeSelectParams,
@@ -76458,7 +76572,7 @@ var BulkEditInput = (props) => {
         placeholder: multiSelectPlaceholder,
         ...multiSelectParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...multiSelectParams,
@@ -76476,7 +76590,7 @@ var BulkEditInput = (props) => {
         }
       );
     case "number":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Number,
         {
           colWidth: 12,
@@ -76493,7 +76607,7 @@ var BulkEditInput = (props) => {
         placeholder: personPlaceholder,
         ...personParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...personParams,
@@ -76516,7 +76630,7 @@ var BulkEditInput = (props) => {
         placeholder: MultiSelectBulkEditorParams,
         ...PeopleBulkEditorParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...PeopleBulkEditorParams,
@@ -76535,7 +76649,7 @@ var BulkEditInput = (props) => {
         }
       );
     case "radio":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         RadioList,
         {
           getId: getId3,
@@ -76552,7 +76666,7 @@ var BulkEditInput = (props) => {
         placeholder: selectPlaceholder,
         ...selectParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...selectParams,
@@ -76574,7 +76688,7 @@ var BulkEditInput = (props) => {
         placeholder: companyPlaceholder,
         ...companyParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...companyParams,
@@ -76597,7 +76711,7 @@ var BulkEditInput = (props) => {
         placeholder: companiesMultiSelectPlaceholder,
         ...companiesBulkEditorParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...companiesBulkEditorParams,
@@ -76617,7 +76731,7 @@ var BulkEditInput = (props) => {
       );
     default:
       if (props.editor && customBulkEditorFields?.[props.editor]) {
-        return /* @__PURE__ */ React82.createElement(
+        return /* @__PURE__ */ React83.createElement(
           Form.Field,
           {
             as: customBulkEditorFields[props.editor].component,
@@ -76636,7 +76750,7 @@ var BulkEditInput = (props) => {
       }
   }
 };
-var BulkEdit = React82.forwardRef(
+var BulkEdit = React83.forwardRef(
   ({ onReset = noop3 }, ref) => {
     const {
       analytics,
@@ -76649,12 +76763,12 @@ var BulkEdit = React82.forwardRef(
       getRowId,
       tableRef
     } = useInternalTableContext();
-    const formRef = React82.useRef();
+    const formRef = React83.useRef();
     const bulkEditCols = tableRef?.current?.getBulkEditColumns() ?? [];
     const selectedRows = useRowSelectionState();
     const { showToast } = useToastAlertContext();
     const I18n = useI18nContext();
-    const [fieldOptions, setFieldOptions] = React82.useState({});
+    const [fieldOptions, setFieldOptions] = React83.useState({});
     function getEditorParams(field) {
       return getColumnDefinition(field)?.bulkEditEditorParams;
     }
@@ -76762,7 +76876,7 @@ var BulkEdit = React82.forwardRef(
         }
       }
     };
-    React82.useImperativeHandle(
+    React83.useImperativeHandle(
       ref,
       () => ({
         reset: () => formRef.current?.resetForm({}),
@@ -76770,7 +76884,7 @@ var BulkEdit = React82.forwardRef(
       }),
       []
     );
-    return /* @__PURE__ */ React82.createElement(Form, { innerRef: formRef, view: "update", onSubmit: handleSubmit }, /* @__PURE__ */ React82.createElement(Form.Form, { "data-qa": "bulkEditForm" }, bulkEditCols.map((col) => /* @__PURE__ */ React82.createElement(Form.Row, { key: col.field }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Form, { innerRef: formRef, view: "update", onSubmit: handleSubmit }, /* @__PURE__ */ React83.createElement(Form.Form, { "data-qa": "bulkEditForm" }, bulkEditCols.map((col) => /* @__PURE__ */ React83.createElement(Form.Row, { key: col.field }, /* @__PURE__ */ React83.createElement(
       BulkEditInput,
       {
         key: col.field,
@@ -76788,8 +76902,8 @@ var BulkEdit = React82.forwardRef(
 var BulkEditPanel = ({}) => {
   const { contextPanel } = useInternalTableContext();
   const I18n = useI18nContext();
-  const bulkEditRef = React82.useRef(null);
-  return /* @__PURE__ */ React82.createElement(Panel, null, /* @__PURE__ */ React82.createElement(
+  const bulkEditRef = React83.useRef(null);
+  return /* @__PURE__ */ React83.createElement(Panel, null, /* @__PURE__ */ React83.createElement(
     Panel.Header,
     {
       onClose: () => {
@@ -76797,8 +76911,8 @@ var BulkEditPanel = ({}) => {
         contextPanel.hide();
       }
     },
-    /* @__PURE__ */ React82.createElement(Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React82.createElement(Panel.Body, null, /* @__PURE__ */ React82.createElement(Panel.Section, null, /* @__PURE__ */ React82.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React82.createElement(Panel.Footer, null, /* @__PURE__ */ React82.createElement(Panel.FooterActions, null, /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
+  ), /* @__PURE__ */ React83.createElement(Panel.Body, null, /* @__PURE__ */ React83.createElement(Panel.Section, null, /* @__PURE__ */ React83.createElement(BulkEdit, { ref: bulkEditRef, onReset: contextPanel.hide }))), /* @__PURE__ */ React83.createElement(Panel.Footer, null, /* @__PURE__ */ React83.createElement(Panel.FooterActions, null, /* @__PURE__ */ React83.createElement(
     Button,
     {
       key: "cancel",
@@ -76811,7 +76925,7 @@ var BulkEditPanel = ({}) => {
       }
     },
     I18n.t("dataTable.bulkActions.cancel")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     Button,
     {
       key: "save",
@@ -77025,7 +77139,7 @@ function traverseTree(nodes) {
 var ConfigurationRowHeight = () => {
   const { rowHeight, setRowHeight } = useInternalTableContext();
   const I18n = useI18nContext();
-  return /* @__PURE__ */ React82.createElement(SegmentedController, { block: true }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(SegmentedController, { block: true }, /* @__PURE__ */ React83.createElement(
     SegmentedController.Segment,
     {
       active: rowHeight === rowSize.sm,
@@ -77034,7 +77148,7 @@ var ConfigurationRowHeight = () => {
       }
     },
     I18n.t("dataTable.tableSettings.small")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     SegmentedController.Segment,
     {
       active: rowHeight === rowSize.md,
@@ -77043,7 +77157,7 @@ var ConfigurationRowHeight = () => {
       }
     },
     I18n.t("dataTable.tableSettings.medium")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     SegmentedController.Segment,
     {
       active: rowHeight === rowSize.lg,
@@ -77054,7 +77168,7 @@ var ConfigurationRowHeight = () => {
     I18n.t("dataTable.tableSettings.large")
   ));
 };
-var ConfigurationColumns = React82.forwardRef(
+var ConfigurationColumns = React83.forwardRef(
   ({
     onDisplayedColumnsChange
   }, ref) => {
@@ -77066,7 +77180,7 @@ var ConfigurationColumns = React82.forwardRef(
       columnApi,
       onTableConfigChange
     } = useInternalTableContext();
-    const [colDefs, setColumnDefs] = React82.useState(() => {
+    const [colDefs, setColumnDefs] = React83.useState(() => {
       const columnDefs = gridApi?.getColumnDefs();
       if (columnDefs) {
         return columnDefs;
@@ -77080,7 +77194,7 @@ var ConfigurationColumns = React82.forwardRef(
       );
       return toGroupedCols(columnDefinitionsMappedToDefs);
     });
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       function onDisplayedColumnsChanged(event) {
         if (event.api.getColumnDefs()?.length) {
           setColumnDefs(event.api.getColumnDefs());
@@ -77098,18 +77212,18 @@ var ConfigurationColumns = React82.forwardRef(
         );
       };
     }, [gridApi, colDefs]);
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       onDisplayedColumnsChange(
         flattenColDefs(colDefs).every((colDef) => !colDef.hide)
       );
     }, [colDefs]);
-    const configPanelColumns = React82.useMemo(() => {
+    const configPanelColumns = React83.useMemo(() => {
       return getAllConfigPanelColumns(colDefs);
     }, [colDefs]);
-    const configPanelColumnFields = React82.useMemo(() => {
+    const configPanelColumnFields = React83.useMemo(() => {
       return getConfigPanelColumnFields(configPanelColumns);
     }, [configPanelColumns]);
-    const toggleColumnVisibility = React82.useCallback(
+    const toggleColumnVisibility = React83.useCallback(
       (column2) => (event) => {
         const show = event.target.checked;
         if (column2.children) {
@@ -77126,14 +77240,14 @@ var ConfigurationColumns = React82.forwardRef(
       },
       [columnApi, gridApi, onTableConfigChange]
     );
-    const toggleAllColumnVisibility = React82.useCallback(
+    const toggleAllColumnVisibility = React83.useCallback(
       (show) => {
         columnApi?.setColumnsVisible(configPanelColumnFields, show);
         onTableConfigChange();
       },
       [columnApi, configPanelColumnFields, onTableConfigChange]
     );
-    const getColumnState = React82.useCallback(
+    const getColumnState = React83.useCallback(
       (col) => {
         if (isColGroupDef3(col) && col.children && col.groupId !== void 0) {
           return columnApi?.getColumnGroup(col.groupId)?.getProvidedColumnGroup();
@@ -77146,14 +77260,14 @@ var ConfigurationColumns = React82.forwardRef(
       },
       [columnApi]
     );
-    const reset = React82.useCallback(() => {
+    const reset = React83.useCallback(() => {
       toggleAllColumnVisibility(true);
     }, [toggleAllColumnVisibility]);
-    React82.useImperativeHandle(ref, () => ({
+    React83.useImperativeHandle(ref, () => ({
       reset
     }));
-    return /* @__PURE__ */ React82.createElement("div", null, configPanelColumns?.map(
-      (column2) => column2.headerName && /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement("div", null, configPanelColumns?.map(
+      (column2) => column2.headerName && /* @__PURE__ */ React83.createElement(
         Flex,
         {
           alignItems: "center",
@@ -77165,14 +77279,14 @@ var ConfigurationColumns = React82.forwardRef(
             paddingLeft: `${spacing.lg + spacing.md * column2.depth}px`
           }
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           Switch,
           {
             checked: getColumnState(column2)?.isVisible() || false,
             onChange: toggleColumnVisibility(column2),
             disabled: column2.lockVisible
           },
-          /* @__PURE__ */ React82.createElement(
+          /* @__PURE__ */ React83.createElement(
             Typography,
             {
               style: {
@@ -77189,21 +77303,21 @@ var ConfigurationColumns = React82.forwardRef(
 var ConfigurationPanel = ({}) => {
   const { contextPanel, onServerSideDataRequest, enableDynamicRowHeight } = useInternalTableContext();
   const I18n = useI18nContext();
-  const configurationColumnsRef = React82.useRef();
-  const [isAllColumnsVisible, setIsAllColumnsVisible] = React82.useState(false);
-  return /* @__PURE__ */ React82.createElement(Panel, null, /* @__PURE__ */ React82.createElement(Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React82.createElement(Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React82.createElement(Panel.Body, { className: cx18("contextPanelBody") }, !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React82.createElement(
+  const configurationColumnsRef = React83.useRef();
+  const [isAllColumnsVisible, setIsAllColumnsVisible] = React83.useState(false);
+  return /* @__PURE__ */ React83.createElement(Panel, null, /* @__PURE__ */ React83.createElement(Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React83.createElement(Panel.Title, null, I18n.t("dataTable.tableSettings.tableSettings"))), /* @__PURE__ */ React83.createElement(Panel.Body, { className: cx18("contextPanelBody") }, !onServerSideDataRequest && !enableDynamicRowHeight && /* @__PURE__ */ React83.createElement(
     Panel.Section,
     {
       "data-qa": "data-table-config-panel-section-row-height",
       heading: I18n.t("dataTable.tableSettings.rowHeight")
     },
-    /* @__PURE__ */ React82.createElement(ConfigurationRowHeight, null)
-  ), /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(ConfigurationRowHeight, null)
+  ), /* @__PURE__ */ React83.createElement(
     Panel.Section,
     {
       "data-qa": "data-table-config-panel-section-configure-columns",
       heading: I18n.t("dataTable.tableSettings.configureColumns"),
-      actions: /* @__PURE__ */ React82.createElement(
+      actions: /* @__PURE__ */ React83.createElement(
         Button,
         {
           disabled: isAllColumnsVisible,
@@ -77213,7 +77327,7 @@ var ConfigurationPanel = ({}) => {
         I18n.t("dataTable.tableSettings.resetToDefault")
       )
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ConfigurationColumns,
       {
         onDisplayedColumnsChange: setIsAllColumnsVisible,
@@ -77225,11 +77339,11 @@ var ConfigurationPanel = ({}) => {
 function ClientSideFilterInner(props) {
   const { Component: Component4, columnDefinition, onChange, options, value } = props;
   const filterHeading = columnDefinition.filterProps?.getFilterHeadingText?.(columnDefinition) ?? columnDefinition.headerName;
-  const filterOptions = React82.useMemo(
+  const filterOptions = React83.useMemo(
     () => (options ?? [])?.filter((option) => !!option),
     [options]
   );
-  return /* @__PURE__ */ React82.createElement(Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading ? /* @__PURE__ */ React82.createElement(Label, { "data-qa": `data-table-filter-heading-${columnDefinition.field}` }, filterHeading) : null, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { as: "li", display: "block", paddingBottom: "xl", style: { width: "100%" } }, filterHeading ? /* @__PURE__ */ React83.createElement(Label, { "data-qa": `data-table-filter-heading-${columnDefinition.field}` }, filterHeading) : null, /* @__PURE__ */ React83.createElement(
     Component4,
     {
       "data-qa": `data-table-filter-input-${columnDefinition.field}`,
@@ -77240,7 +77354,7 @@ function ClientSideFilterInner(props) {
     }
   ));
 }
-var ClientSideFilter = React82.memo(
+var ClientSideFilter = React83.memo(
   ClientSideFilterInner,
   (prev, next) => prev.value === next.value && prev.options === next.options
 );
@@ -77339,7 +77453,7 @@ var Filters = ({
   FilterListItem
 }) => {
   const { getColumnDefinition } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "ol",
     {
       className: cx19("filters-list"),
@@ -77351,7 +77465,7 @@ var Filters = ({
         return null;
       }
       let FilterRenderer = columnDefinition?.filterRenderer ?? MultiSelectFilterRenderer_default;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         FilterListItem,
         {
           key: fieldName,
@@ -77366,7 +77480,7 @@ function FilterListItems(props) {
   const { filtersInGroup, FilterListItem } = props;
   const { filterState, onServerSideDataRequest, tableRef } = useInternalTableContext();
   if (isServerSideFilterGroups(filtersInGroup, !!onServerSideDataRequest)) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Filters,
       {
         filters: filtersInGroup.map((filter) => filter.field),
@@ -77374,7 +77488,7 @@ function FilterListItems(props) {
       }
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "ol",
     {
       className: cx19("filters-list"),
@@ -77387,7 +77501,7 @@ function FilterListItems(props) {
         return null;
       }
       const FilterRenderer = columnDefinition.filterRenderer ?? MultiSelectFilterRenderer_default;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         FilterListItem,
         {
           key: filterRecord.field,
@@ -77410,7 +77524,7 @@ function FilterGroupWrapper(props) {
   if (filterGroup === null) {
     return props.children;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     StyledPanelSection,
     {
       className: "filters-list-group-section",
@@ -77433,7 +77547,7 @@ function FiltersList(props) {
   if (!filterGroupsMap) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       className: cx19("filters-list"),
@@ -77447,7 +77561,7 @@ function FiltersList(props) {
         );
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(FilterGroupWrapper, { filterGroup: group, key: group.name }, /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(FilterGroupWrapper, { filterGroup: group, key: group.name }, /* @__PURE__ */ React83.createElement(
         FilterListItems,
         {
           ...props,
@@ -77455,7 +77569,7 @@ function FiltersList(props) {
         }
       ));
     }),
-    filterGroupsMap[FILTER_GROUP_NO_KEY] && /* @__PURE__ */ React82.createElement(
+    filterGroupsMap[FILTER_GROUP_NO_KEY] && /* @__PURE__ */ React83.createElement(
       FilterListItems,
       {
         ...props,
@@ -77472,7 +77586,7 @@ var BaseFiltersPanel = ({
 }) => {
   const { contextPanel } = useInternalTableContext();
   const I18n = useI18nContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Card,
     {
       style: { maxHeight: "100vh" },
@@ -77482,7 +77596,7 @@ var BaseFiltersPanel = ({
       "data-qa": "data-table-filters-context-panel",
       ...props
     },
-    /* @__PURE__ */ React82.createElement(Box, { className: cx19("contextPanelWrapper"), display: "flex-column" }, /* @__PURE__ */ React82.createElement(Panel, null, /* @__PURE__ */ React82.createElement(Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React82.createElement(Panel.Title, null, I18n.t("dataTable.filters.filters")), /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(Box, { className: cx19("contextPanelWrapper"), display: "flex-column" }, /* @__PURE__ */ React83.createElement(Panel, null, /* @__PURE__ */ React83.createElement(Panel.Header, { onClose: contextPanel.hide }, /* @__PURE__ */ React83.createElement(Panel.Title, null, I18n.t("dataTable.filters.filters")), /* @__PURE__ */ React83.createElement(
       Button,
       {
         "data-qa": "data-table-remove-all-filters",
@@ -77491,37 +77605,37 @@ var BaseFiltersPanel = ({
         variant: "tertiary"
       },
       I18n.t("dataTable.filters.clearAllFilters")
-    )), /* @__PURE__ */ React82.createElement(Panel.Body, { className: cx19("contextPanelBody") }, /* @__PURE__ */ React82.createElement(Panel.Section, null, children))))
+    )), /* @__PURE__ */ React83.createElement(Panel.Body, { className: cx19("contextPanelBody") }, /* @__PURE__ */ React83.createElement(Panel.Section, null, children))))
   );
 };
 function ClientSideFiltersPanel(props) {
   const { tableRef } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     BaseFiltersPanel,
     {
       onClearAllFilters: tableRef?.current?.removeAllFilters,
       ...props
     },
-    /* @__PURE__ */ React82.createElement(FiltersList, { FilterListItem: ClientSideFilter })
+    /* @__PURE__ */ React83.createElement(FiltersList, { FilterListItem: ClientSideFilter })
   );
 }
 var ServerSideFiltersPanel = (props) => {
   const { filterStorage } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     BaseFiltersPanel,
     {
       onClearAllFilters: filterStorage.onClearAllFilters,
       ...props
     },
-    /* @__PURE__ */ React82.createElement(FiltersList, { FilterListItem: ServerSideFilter })
+    /* @__PURE__ */ React83.createElement(FiltersList, { FilterListItem: ServerSideFilter })
   );
 };
 var FiltersPanel = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideFiltersPanel, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideFiltersPanel, { ...props });
   }
-  return /* @__PURE__ */ React82.createElement(ClientSideFiltersPanel, { ...props });
+  return /* @__PURE__ */ React83.createElement(ClientSideFiltersPanel, { ...props });
 };
 function useContextPanel() {
   const [content, setContent] = useState();
@@ -77543,13 +77657,13 @@ function useContextPanel() {
 }
 var ConfigPanelButton = () => {
   const { contextPanel, totalRowCount } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
       featureI18nKey: "featureConfigure",
       enabled: totalRowCount === 0
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ToggleButton,
       {
         disabled: totalRowCount === 0,
@@ -77563,7 +77677,7 @@ var ConfigPanelButton = () => {
         selected: contextPanel.content === "configuration",
         "data-qa": "table-config-button"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         "svg",
         {
           style: { marginTop: "6px" },
@@ -77574,7 +77688,7 @@ var ConfigPanelButton = () => {
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           "path",
           {
             d: "M0 11.5V13.5H4.5V11.5H0ZM0 1.5V3.5H7.5V1.5H0ZM8.5 15V13.5H15V11.5H8.5V10H6.66667V15H8.5ZM3.5 5V6.5H0V8.5H3.5V10H5.5V5H3.5ZM15 8.5V6.5H7.5V8.5H15ZM9.5 5H11.6667V3.5H15V1.5H11.6667V0H9.5V5Z",
@@ -77593,12 +77707,12 @@ function getFilterTokenText(columnDefinition, filterValue) {
     });
   }
   if (columnDefinition.filterRenderer === DateFilterRenderer_default) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OptionalDateTimeProvider,
       {
         timeZone: columnDefinition.timeZone
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateFilterTokenText,
         {
           headerName: columnDefinition.headerName,
@@ -77630,18 +77744,18 @@ var FiltersPanelToggleButton = ({ hasSelectedFilters, hasDefinedFilters }) => {
   if (!hasDefinedFilters) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
       featureI18nKey: "featureFilter",
       enabled: totalRowCount === 0
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ToggleButton,
       {
         "data-qa": "data-table-show-filters-button",
         disabled: totalRowCount === 0,
-        icon: /* @__PURE__ */ React82.createElement(FilterIcon, null),
+        icon: /* @__PURE__ */ React83.createElement(FilterIcon, null),
         onClick: () => {
           if (contextPanel.content === "filters") {
             contextPanel.hide();
@@ -77659,7 +77773,7 @@ var ServerSideFiltersPanelToggleButton = () => {
   const {
     filterStorage: { hasDefinedFilters, hasSelectedFilters }
   } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     FiltersPanelToggleButton,
     {
       hasDefinedFilters,
@@ -77669,12 +77783,12 @@ var ServerSideFiltersPanelToggleButton = () => {
 };
 var ClientSideFiltersPanelToggleButton = () => {
   const { filterState } = useInternalTableContext();
-  const activeFilters = React82.useMemo(() => {
+  const activeFilters = React83.useMemo(() => {
     return filterState.allAvailableFilters.filter(({ instance }) => {
       return instance.isFilterActive();
     });
   }, [filterState.allAvailableFilters]);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     FiltersPanelToggleButton,
     {
       hasDefinedFilters: filterState.allAvailableFilters.length > 0,
@@ -77685,7 +77799,7 @@ var ClientSideFiltersPanelToggleButton = () => {
 
 // src/QuickControls/QuickFilters.tsx
 var FilterIcon = () => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "svg",
     {
       focusable: false,
@@ -77695,7 +77809,7 @@ var FilterIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -77713,7 +77827,7 @@ var StyledFilterTokenWrapper = styled4.div`
 `;
 var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
   const { tableRef, filterState, getColumnDefinition } = useInternalTableContext();
-  const { quickFilters, tokens } = React82.useMemo(() => {
+  const { quickFilters, tokens } = React83.useMemo(() => {
     return filterState.allAvailableFilters.reduce(
       (acc, filter) => {
         const colDef = getColumnDefinition(filter.field);
@@ -77734,7 +77848,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
     );
   }, [filterState.allAvailableFilters, getColumnDefinition]);
   const isEmpty2 = quickFilters.length === 0 && tokens.length === 0;
-  return isEmpty2 ? null : /* @__PURE__ */ React82.createElement(
+  return isEmpty2 ? null : /* @__PURE__ */ React83.createElement(
     FlexList,
     {
       padding: "xs none",
@@ -77749,7 +77863,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef || !QuickFilter) {
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         QuickFilter,
         {
           key: filter.field,
@@ -77766,7 +77880,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef) {
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React82.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React82.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(colDef, filter.filterValues)), /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React83.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React83.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(colDef, filter.filterValues)), /* @__PURE__ */ React83.createElement(
         UNSAFE_FilterToken.Remove,
         {
           onClick: () => tableRef?.current?.removeFilter(filter.field)
@@ -77786,7 +77900,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
     },
     getColumnDefinition
   } = useInternalTableContext();
-  const { quickFilterNames, tokenNames } = React82.useMemo(() => {
+  const { quickFilterNames, tokenNames } = React83.useMemo(() => {
     const appliedFilterNames = Object.keys(selectedFilters);
     const isActiveFilter = (filterName) => appliedFilterNames.includes(filterName);
     return possibleFilters.reduce(
@@ -77815,7 +77929,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
     return null;
   }
   const isEmpty2 = quickFilterNames.length === 0 && tokenNames.length === 0;
-  return isEmpty2 ? null : /* @__PURE__ */ React82.createElement(
+  return isEmpty2 ? null : /* @__PURE__ */ React83.createElement(
     FlexList,
     {
       padding: "xs none",
@@ -77831,7 +77945,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef || !QuickFilter) {
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         QuickFilter,
         {
           key: fieldName,
@@ -77846,10 +77960,10 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
         return null;
       }
       const filter = getListFilter(fieldName);
-      return /* @__PURE__ */ React82.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React82.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React82.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(
+      return /* @__PURE__ */ React83.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React83.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React83.createElement(UNSAFE_FilterToken.Label, null, getFilterTokenText(
         colDef,
         colDef.filterRenderer === DateFilterRenderer_default ? filter.value : filter.selected
-      )), /* @__PURE__ */ React82.createElement(
+      )), /* @__PURE__ */ React83.createElement(
         UNSAFE_FilterToken.Remove,
         {
           "data-qa": "data-table-quick-filter-remove-token",
@@ -77862,14 +77976,14 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
 var QuickFilters = ({ overlayMatchesTriggerWidth }) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       ServerSideQuickFilters,
       {
         overlayMatchesTriggerWidth
       }
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     ClientSideQuickFilters,
     {
       overlayMatchesTriggerWidth
@@ -77879,9 +77993,9 @@ var QuickFilters = ({ overlayMatchesTriggerWidth }) => {
 var FiltersPanelButton = () => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideFiltersPanelToggleButton, null);
+    return /* @__PURE__ */ React83.createElement(ServerSideFiltersPanelToggleButton, null);
   }
-  return /* @__PURE__ */ React82.createElement(ClientSideFiltersPanelToggleButton, null);
+  return /* @__PURE__ */ React83.createElement(ClientSideFiltersPanelToggleButton, null);
 };
 var RowGroupSelector = ({ localeText }) => {
   const {
@@ -77891,28 +78005,28 @@ var RowGroupSelector = ({ localeText }) => {
     tableRef,
     totalRowCount
   } = useInternalTableContext();
-  const [columnDefinitions, setColumnDefinitions] = React82.useState(_columnDefinitions);
-  const groupableColumns = React82.useMemo(
+  const [columnDefinitions, setColumnDefinitions] = React83.useState(_columnDefinitions);
+  const groupableColumns = React83.useMemo(
     () => mapColumnsToOptions(
       columnDefinitions.filter((column2) => column2.enableRowGroup)
     ),
     [columnDefinitions]
   );
-  const groupedColumns = React82.useMemo(() => {
+  const groupedColumns = React83.useMemo(() => {
     const rowGrouping = columnApi?.getRowGroupColumns() ?? [];
     return rowGrouping.map((column2) => {
       const colDef = column2.getColDef();
       return transformToColumnDefinition(colDef);
     });
   }, [columnDefinitions]);
-  const selectedColumns = React82.useMemo(
+  const selectedColumns = React83.useMemo(
     () => mapColumnsToOptions(groupedColumns),
     [groupedColumns]
   );
-  const onGroupedClear = React82.useCallback(() => {
+  const onGroupedClear = React83.useCallback(() => {
     tableRef?.current?.setRowGrouping([]);
   }, [tableRef]);
-  const onGroupedRowChange = React82.useCallback(
+  const onGroupedRowChange = React83.useCallback(
     (newValue) => {
       const fields = newValue.map((val) => {
         return val.id;
@@ -77923,7 +78037,7 @@ var RowGroupSelector = ({ localeText }) => {
     },
     [selectedColumns]
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
       const agColumnDefs = event.api.getColumnDefs();
       if (agColumnDefs?.length) {
@@ -77949,13 +78063,13 @@ var RowGroupSelector = ({ localeText }) => {
   if (groupableColumns.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
       featureI18nKey: "featureGroupBy",
       enabled: totalRowCount === 0
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       GroupBySelect,
       {
         isDisabled: totalRowCount === 0,
@@ -77983,17 +78097,17 @@ var ClientSideSearch = ({
   onSearch,
   placeholder
 }) => {
-  const [internalValue, setInternalValue] = React82.useState("");
+  const [internalValue, setInternalValue] = React83.useState("");
   const { tableRef, totalRowCount } = useInternalTableContext();
   const disabled = totalRowCount === 0;
   const I18n = useI18nContext();
-  const debouncedSetSearchValue = React82.useCallback(
+  const debouncedSetSearchValue = React83.useCallback(
     debounce2((value) => {
       tableRef?.current?.setSearchValue(value);
     }, 250),
     [tableRef?.current?.setSearchValue]
   );
-  const onChange = React82.useCallback(
+  const onChange = React83.useCallback(
     (value, event) => {
       setInternalValue(value);
       if (onSearch) {
@@ -78004,13 +78118,13 @@ var ClientSideSearch = ({
     },
     [debouncedSetSearchValue, onSearch]
   );
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     EmptyResultsControlTooltip,
     {
       featureI18nKey: "featureSearch",
       enabled: disabled
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Typeahead,
       {
         disabled,
@@ -78028,16 +78142,16 @@ var ClientSideSearch = ({
 var Search = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideSearch, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideSearch, { ...props });
   }
-  return /* @__PURE__ */ React82.createElement(ClientSideSearch, { ...props });
+  return /* @__PURE__ */ React83.createElement(ClientSideSearch, { ...props });
 };
 
 // src/QuickControls/QuickControls.tsx
 var QuickControls = (props) => {
   const I18n = useI18nContext();
   if (props.children) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Box,
       {
         "data-qa": "data-table-quick-controls",
@@ -78047,14 +78161,14 @@ var QuickControls = (props) => {
       props.children
     );
   }
-  return /* @__PURE__ */ React82.createElement(Box, { padding: "xs none", style: props.style }, /* @__PURE__ */ React82.createElement(Box, { padding: "xs none", display: "flex-row", justifyContent: "space-between" }, /* @__PURE__ */ React82.createElement(FlexList, { size: "xs", alignItems: "center", marginRight: "sm" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { padding: "xs none", style: props.style }, /* @__PURE__ */ React83.createElement(Box, { padding: "xs none", display: "flex-row", justifyContent: "space-between" }, /* @__PURE__ */ React83.createElement(FlexList, { size: "xs", alignItems: "center", marginRight: "sm" }, /* @__PURE__ */ React83.createElement(
     Search,
     {
       onSearch: props.onSearch,
       placeholder: props.placeholder,
       disabled: props.disabledSearch
     }
-  ), /* @__PURE__ */ React82.createElement(FiltersPanelButton, null)), /* @__PURE__ */ React82.createElement(FlexList, { size: "xs", alignItems: "center" }, /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(FiltersPanelButton, null)), /* @__PURE__ */ React83.createElement(FlexList, { size: "xs", alignItems: "center" }, /* @__PURE__ */ React83.createElement(
     RowGroupSelector,
     {
       localeText: {
@@ -78063,7 +78177,7 @@ var QuickControls = (props) => {
         selectedItemsPrefix: I18n.t("dataTable.tableSettings.groupBy")
       }
     }
-  ), /* @__PURE__ */ React82.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(ConfigPanelButton, null))), /* @__PURE__ */ React83.createElement(
     QuickFilters,
     {
       overlayMatchesTriggerWidth: props.filterOverlayMatchesTriggerWidth
@@ -80422,7 +80536,7 @@ function generateHTMLString({
         printStylesElement.innerHTML = pageOptions;
         if (Header) {
           const printHeader = exportedDocument.createElement("div");
-          printHeader.innerHTML = renderToString(/* @__PURE__ */ React82.createElement(Header, null));
+          printHeader.innerHTML = renderToString(/* @__PURE__ */ React83.createElement(Header, null));
           printHeader.style.paddingBottom = "12px";
           exportedDocument.body.appendChild(printHeader);
         }
@@ -80565,14 +80679,14 @@ var useTableApi = ({
     setRowHeight: internalSetRowHeight,
     searchStorage
   } = useInternalTableContext();
-  const columnDefinitionsMap = React82.useMemo(
+  const columnDefinitionsMap = React83.useMemo(
     () => getColumnDefinitionsMap(columnDefinitions),
     [columnDefinitions]
   );
-  const resetPagination = React82.useCallback(() => {
+  const resetPagination = React83.useCallback(() => {
     gridApi?.paginationGoToPage(0);
   }, [gridApi]);
-  const applyListFilter = React82.useCallback(
+  const applyListFilter = React83.useCallback(
     async (field, values2) => {
       const filterInstance = gridApi?.getFilterInstance(field);
       if (!filterInstance) {
@@ -80594,7 +80708,7 @@ var useTableApi = ({
     },
     [gridApi, analytics, onTableConfigChange, resetPagination]
   );
-  const applyNumberFilter = React82.useCallback(
+  const applyNumberFilter = React83.useCallback(
     async (field, values2) => {
       const filterInstance = gridApi?.getFilterInstance(field);
       if (!filterInstance) {
@@ -80617,13 +80731,13 @@ var useTableApi = ({
     },
     [gridApi, analytics, onTableConfigChange, resetPagination]
   );
-  const refreshServerSide = React82.useCallback(
+  const refreshServerSide = React83.useCallback(
     (params) => {
       gridApi?.refreshServerSide(params);
     },
     [gridApi]
   );
-  const removeFilter = React82.useCallback(
+  const removeFilter = React83.useCallback(
     async (field) => {
       await gridApi?.getFilterInstance(field)?.setModel(null);
       gridApi?.onFilterChanged();
@@ -80632,13 +80746,13 @@ var useTableApi = ({
     },
     [gridApi, onTableConfigChange, resetPagination]
   );
-  const removeAllFilters = React82.useCallback(() => {
+  const removeAllFilters = React83.useCallback(() => {
     gridApi?.setFilterModel(null);
     gridApi?.onFilterChanged();
     onTableConfigChange();
     resetPagination();
   }, [gridApi, onTableConfigChange, resetPagination]);
-  const getListFilter = React82.useCallback(
+  const getListFilter = React83.useCallback(
     async (field) => {
       const filterInstance = gridApi?.getFilterInstance(field);
       if (!filterInstance) {
@@ -80665,7 +80779,7 @@ var useTableApi = ({
     },
     [gridApi]
   );
-  const getListFilters = React82.useCallback(
+  const getListFilters = React83.useCallback(
     async (fields) => {
       const listFields = fields || columnDefinitions.filter((colDef) => colDef.filterRenderer).sort(sortColumnDefinitionsByFilterIndex).map((colDef) => colDef.field);
       const listFilters = await Promise.all(
@@ -80675,11 +80789,11 @@ var useTableApi = ({
     },
     [getListFilter, columnDefinitions]
   );
-  const getCellEditorInstances = React82.useCallback(
+  const getCellEditorInstances = React83.useCallback(
     () => gridApi?.getCellEditorInstances() || [],
     [gridApi]
   );
-  const getBulkEditColumns = React82.useCallback(
+  const getBulkEditColumns = React83.useCallback(
     () => columnDefinitions.filter((colDef) => {
       if (!colDef.bulkEditEditor) {
         return false;
@@ -80717,15 +80831,15 @@ var useTableApi = ({
     }),
     [columnDefinitions]
   );
-  const isAnyFilterPresent = React82.useCallback(
+  const isAnyFilterPresent = React83.useCallback(
     () => (gridApi?.isColumnFilterPresent() || filterStorage.hasSelectedFilters) ?? false,
     [gridApi, filterStorage.hasSelectedFilters]
   );
-  const isSearchPresent = React82.useCallback(
+  const isSearchPresent = React83.useCallback(
     () => (gridApi?.isQuickFilterPresent() || !!searchStorage?.searchValue) ?? false,
     [gridApi, searchStorage?.searchValue]
   );
-  const setColumnVisibility = React82.useCallback(
+  const setColumnVisibility = React83.useCallback(
     (field, visibility) => {
       columnApi?.setColumnVisible(field, visibility);
       analytics?.client.addEvent(
@@ -80740,34 +80854,34 @@ var useTableApi = ({
     },
     [columnApi, analytics, onTableConfigChange]
   );
-  const setSearchValue = React82.useCallback(
+  const setSearchValue = React83.useCallback(
     (value) => {
       gridApi?.setQuickFilter(value);
       resetPagination();
     },
     [gridApi]
   );
-  const setLoading = React82.useCallback((loading, message = "") => {
+  const setLoading = React83.useCallback((loading, message = "") => {
     setLoadingStatus({
       loading,
       message
     });
   }, []);
-  const setRowGrouping = React82.useCallback(
+  const setRowGrouping = React83.useCallback(
     (value) => {
       columnApi?.setRowGroupColumns(value);
       resetPagination();
     },
     [columnApi]
   );
-  const setColumnsVisibility = React82.useCallback(
+  const setColumnsVisibility = React83.useCallback(
     (fields, visibility) => {
       columnApi?.setColumnsVisible(fields, visibility);
       onTableConfigChange();
     },
     [columnApi, onTableConfigChange]
   );
-  const setTableConfiguration = React82.useCallback(
+  const setTableConfiguration = React83.useCallback(
     (config) => {
       if (!columnApi || !gridApi) {
         return;
@@ -80799,7 +80913,7 @@ var useTableApi = ({
     },
     [columnApi, gridApi, internalSetRowHeight, filterStorage.setSelectedFilters]
   );
-  const exportToCSV = React82.useCallback(
+  const exportToCSV = React83.useCallback(
     ({
       fileName,
       columnKeys,
@@ -80827,7 +80941,7 @@ var useTableApi = ({
     },
     [analytics, columnDefinitions, gridApi]
   );
-  const exportToExcel = React82.useCallback(
+  const exportToExcel = React83.useCallback(
     ({ fileName, columnKeys, sheetName = fileName }) => {
       function processCellCallback(params) {
         const columnId = params?.column?.getColId();
@@ -80848,7 +80962,7 @@ var useTableApi = ({
     [analytics, columnDefinitions, gridApi]
   );
   const I18n = useI18nContext();
-  const exportToHTMLString = React82.useCallback(
+  const exportToHTMLString = React83.useCallback(
     async (config = {}) => {
       const tableContainer = wrapperRef.current;
       if (!columnApi || !gridApi || !tableContainer) {
@@ -80875,13 +80989,13 @@ var useTableApi = ({
     },
     [analytics, columnApi, gridApi, I18n, setLoading]
   );
-  const setRowHeight = React82.useCallback(
+  const setRowHeight = React83.useCallback(
     (size) => {
       internalSetRowHeight(size);
     },
     [internalSetRowHeight]
   );
-  const gridApiMethods = React82.useMemo(
+  const gridApiMethods = React83.useMemo(
     () => buildPartialTableApi({
       gridApi,
       columnApi,
@@ -80926,7 +81040,7 @@ var useTableApi = ({
       rowNodes: rowValues.map((rowValue) => rowValue.node)
     });
   };
-  const selectRows = React82.useCallback(
+  const selectRows = React83.useCallback(
     (rowIds, source) => {
       rowIds?.forEach((id) => {
         const rowNode = gridApi?.getRowNode(id.toString());
@@ -80938,7 +81052,7 @@ var useTableApi = ({
     },
     [gridApi]
   );
-  const deselectRows = React82.useCallback(
+  const deselectRows = React83.useCallback(
     (rowIds, source) => {
       rowIds?.forEach((id) => {
         const rowNode = gridApi?.getRowNode(id.toString());
@@ -81210,12 +81324,12 @@ var DataTable = ({
   onTableConfigChange,
   translations: translations2 = {}
 }) => {
-  const [initialTableConfig] = React82.useState(_initialTableConfig);
-  const onServerSideDataRequestRef = React82.useRef(onServerSideDataRequest);
-  const tableRef = React82.useRef(null);
-  const [totalRowCount, setTotalRowCount] = React82.useState(0);
-  const [selectedGroupIndex, setSelectedGroupIndex] = React82.useState(null);
-  const [initialConfigSet, setInitialConfigSet] = React82.useState(
+  const [initialTableConfig] = React83.useState(_initialTableConfig);
+  const onServerSideDataRequestRef = React83.useRef(onServerSideDataRequest);
+  const tableRef = React83.useRef(null);
+  const [totalRowCount, setTotalRowCount] = React83.useState(0);
+  const [selectedGroupIndex, setSelectedGroupIndex] = React83.useState(null);
+  const [initialConfigSet, setInitialConfigSet] = React83.useState(
     !_initialTableConfig
   );
   const contextPanel = useContextPanel();
@@ -81229,7 +81343,7 @@ var DataTable = ({
       translations
     )
   });
-  const rowSelectionRef = React82.useRef({
+  const rowSelectionRef = React83.useRef({
     affectedRows: {},
     getRowId
   });
@@ -81244,18 +81358,18 @@ var DataTable = ({
     }
     return missingTranslation(scope2, options);
   };
-  const columns = React82.useMemo(
+  const columns = React83.useMemo(
     () => flattenColumnDefinitions(_columnDefinitions),
     [_columnDefinitions]
   );
-  const columnMapByField = React82.useMemo(() => {
+  const columnMapByField = React83.useMemo(() => {
     const mapByField = /* @__PURE__ */ new Map();
     columns.forEach((column2) => {
       mapByField.set(column2.field, column2);
     });
     return mapByField;
   }, [columns]);
-  const getColumnDefinition = React82.useCallback(
+  const getColumnDefinition = React83.useCallback(
     (field) => {
       if (field === void 0) {
         return void 0;
@@ -81264,14 +81378,14 @@ var DataTable = ({
     },
     [columnMapByField]
   );
-  const [rowHeight, setRowHeight] = React82.useState(
+  const [rowHeight, setRowHeight] = React83.useState(
     initialTableConfig?.rowHeight || rowSize.md
   );
-  const rowHeightRef = React82.useRef(
+  const rowHeightRef = React83.useRef(
     initialTableConfig?.rowHeight || rowSize.md
   );
-  const [gridApi, setGridApi] = React82.useState();
-  const [columnApi, setColumnApi] = React82.useState();
+  const [gridApi, setGridApi] = React83.useState();
+  const [columnApi, setColumnApi] = React83.useState();
   const searchStorage = useSearchStorage();
   const filterState = useFilterState({
     columnDefinitions: columns,
@@ -81283,8 +81397,8 @@ var DataTable = ({
     initialSelectedFilters: initialTableConfig?.serverFilters,
     getColumnDefinition
   });
-  const checkboxColumn = React82.useRef(null);
-  React82.useEffect(() => {
+  const checkboxColumn = React83.useRef(null);
+  React83.useEffect(() => {
     if (gridApi && columnApi) {
       if (!checkboxColumn.current) {
         checkboxColumn.current = getCheckboxColumn(columnApi);
@@ -81295,7 +81409,7 @@ var DataTable = ({
       }
     }
   }, [gridApi, columnApi, initialTableConfig, initialConfigSet]);
-  const internalOnTableConfigChange = React82.useCallback(() => {
+  const internalOnTableConfigChange = React83.useCallback(() => {
     const newCheckboxColumn = getCheckboxColumn(columnApi);
     if (newCheckboxColumn !== checkboxColumn.current) {
       gridApi?.refreshCells({
@@ -81320,10 +81434,10 @@ var DataTable = ({
   if (!_isEqual(filtersRef.current, filterStorage.selectedFilters)) {
     filtersRef.current = filterStorage.selectedFilters;
   }
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     onServerSideDataRequestRef.current = onServerSideDataRequest;
   }, [onServerSideDataRequest]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (onServerSideDataRequestRef.current && gridApi && initialConfigSet) {
       gridApi?.setServerSideDatasource(
         getServerSideDatasource(
@@ -81344,7 +81458,7 @@ var DataTable = ({
     searchStorage.searchValue,
     initialConfigSet
   ]);
-  const internalSetRowHeight = React82.useCallback(
+  const internalSetRowHeight = React83.useCallback(
     (tableRowHeight, createTrackEvent = true, triggerTableConfigChange = true) => {
       rowHeightRef.current = tableRowHeight;
       setRowHeight(tableRowHeight);
@@ -81367,7 +81481,7 @@ var DataTable = ({
     },
     [analytics, gridApi, internalOnTableConfigChange]
   );
-  const getRowHeight = React82.useCallback(
+  const getRowHeight = React83.useCallback(
     (customFooters) => (params) => {
       if (params.node.rowPinned === "bottom") {
         if (params.data.footerId === "grandTotal") {
@@ -81389,7 +81503,7 @@ var DataTable = ({
     Object.prototype.hasOwnProperty.call(params, "search") && searchStorage.setSearchValue(params.search || "");
     params.filter && filterStorage.onChangeFilterValue(params.filter);
   };
-  return /* @__PURE__ */ React82.createElement(I18nContext.Provider, { value: internalI18n }, /* @__PURE__ */ React82.createElement(ToastAlertProvider, null, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(I18nContext.Provider, { value: internalI18n }, /* @__PURE__ */ React83.createElement(ToastAlertProvider, null, /* @__PURE__ */ React83.createElement(
     InternalTableContext.Provider,
     {
       value: {
@@ -81483,12 +81597,12 @@ var Table = (props) => {
   const clientSideRowData = props.rows ? { rowData: props.rows } : {};
   const serverSideInfiniteScroll = internalTableContext.onServerSideDataRequest ? { serverSideInfiniteScroll: true } : {};
   const { columnApi, getRowHeight, gridApi } = internalTableContext;
-  const [viewportWidth, setViewportWidth] = React82.useState(0);
-  const rowActionsWidth = React82.useRef(0);
-  const [tableHeight, setTableHeight] = React82.useState(0);
-  const frameworkComponentsInitialized = React82.useRef(false);
+  const [viewportWidth, setViewportWidth] = React83.useState(0);
+  const rowActionsWidth = React83.useRef(0);
+  const [tableHeight, setTableHeight] = React83.useState(0);
+  const frameworkComponentsInitialized = React83.useRef(false);
   const selectedGroupIndex = internalTableContext.selectedGroupIndex ?? null;
-  const tableRowSelectionEnabled = React82.useMemo(() => {
+  const tableRowSelectionEnabled = React83.useMemo(() => {
     const bulkActionsEnabled = internalTableContext.columnDefinitions.some(
       (colDef) => {
         return !!colDef.bulkEditEditor;
@@ -81497,15 +81611,15 @@ var Table = (props) => {
     return Boolean(bulkActionsEnabled || props.rowSelectionEnabled);
   }, [props.rowSelectionEnabled, internalTableContext.columnDefinitions]);
   const { rowSelectionRef } = internalTableContext;
-  const [frameworkComponents, setFrameworkComponents] = React82.useState(
+  const [frameworkComponents, setFrameworkComponents] = React83.useState(
     getFrameworkComponents(
       headerMenuConfig,
       props.onSelectAll,
       props.selectionSSREnabled
     )
   );
-  const wrapperRef = React82.useRef(null);
-  const [loadingStatus, setLoadingStatus] = React82.useState({
+  const wrapperRef = React83.useRef(null);
+  const [loadingStatus, setLoadingStatus] = React83.useState({
     loading: props.loading || false,
     message: I18n.t("loadingLabel") || ""
   });
@@ -81516,10 +81630,10 @@ var Table = (props) => {
     setLoadingStatus,
     wrapperRef
   });
-  React82.useImperativeHandle(internalTableContext.tableRef, () => tableApi, [
+  React83.useImperativeHandle(internalTableContext.tableRef, () => tableApi, [
     tableApi
   ]);
-  const decoratedColDefs = React82.useMemo(
+  const decoratedColDefs = React83.useMemo(
     () => internalTableContext.columnDefinitions?.map(
       (colDef) => transformToColDef(
         colDef,
@@ -81529,24 +81643,24 @@ var Table = (props) => {
     ),
     [internalTableContext.columnDefinitions]
   );
-  const hasRowActions = React82.useMemo(
+  const hasRowActions = React83.useMemo(
     () => decoratedColDefs.some(({ field }) => field === "rowActions"),
     [decoratedColDefs]
   );
   if (props.rowActions && !hasRowActions) {
     rowActionsWidth.current = 70 + 40 * (props.rowActions.length - 1);
   }
-  const columnGroupBordersEnabled = React82.useMemo(() => {
+  const columnGroupBordersEnabled = React83.useMemo(() => {
     if (props.suppressColumnGroupBorders !== void 0) {
       return !props.suppressColumnGroupBorders;
     }
     return true;
   }, [props.suppressColumnGroupBorders]);
-  const getMainTableRowHeight = React82.useMemo(
+  const getMainTableRowHeight = React83.useMemo(
     () => getRowHeight(props.customFooters),
     [props.customFooters]
   );
-  const updateDomLayout = React82.useCallback(() => {
+  const updateDomLayout = React83.useCallback(() => {
     if (!gridApi) {
       return;
     }
@@ -81564,7 +81678,7 @@ var Table = (props) => {
     gridApi.setDomLayout(domLayout);
     setTableHeight(internalTableHeight);
   }, [getMainTableRowHeight, gridApi, props.maxHeight]);
-  const rowClassRules = React82.useMemo(() => {
+  const rowClassRules = React83.useMemo(() => {
     return {
       /**
        * Row active class
@@ -81599,7 +81713,7 @@ var Table = (props) => {
       gridApi?.setHeaderHeight(maxHeight);
     }
   }
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (gridApi && columnApi && internalTableContext.tableRef?.current) {
       props.onTableReady?.(
         internalTableContext.tableRef.current,
@@ -81617,19 +81731,19 @@ var Table = (props) => {
     }
     return;
   }, [gridApi, columnApi]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (props.onRowDragEnd && Boolean(decoratedColDefs[0].rowDrag) === false) {
       decoratedColDefs[0].rowDrag = true;
     }
   }, [props.onRowDragEnd, decoratedColDefs]);
   const loadingLabel = I18n.t("loadingLabel");
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     tableApi.setLoading(props.loading || false, loadingLabel);
   }, [props.loading]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     updateDomLayout();
   }, [updateDomLayout]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (!gridApi) {
       return;
     }
@@ -81682,7 +81796,7 @@ var Table = (props) => {
     props.rowActions,
     props.suppressColumnVirtualisation
   ]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (frameworkComponentsInitialized.current === true) {
       console.warn("Don't update custom cells after the initial render.");
       setFrameworkComponents(
@@ -81695,7 +81809,7 @@ var Table = (props) => {
     }
     frameworkComponentsInitialized.current = true;
   }, []);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (props.siblingGroupsRowSelectionDisabled) {
       setSiblingGroupsRowSelection(selectedGroupIndex, gridApi);
     }
@@ -81708,7 +81822,7 @@ var Table = (props) => {
         params.getValue(params.colDef.field)
       );
     }
-    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(Typography, { weight: "semibold", intent: "small", color: "gray45" }, params.getValue(params.colDef.field)), " ", I18n.t("core.dataTable.subtotals"));
+    return /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement(Typography, { weight: "semibold", intent: "small", color: "gray45" }, params.getValue(params.colDef.field)), " ", I18n.t("core.dataTable.subtotals"));
   }
   function onCellValueChanged(event) {
     if (props.onCellValueChanged) {
@@ -81721,7 +81835,7 @@ var Table = (props) => {
       });
     }
   }
-  const onModelUpdated = React82.useCallback(
+  const onModelUpdated = React83.useCallback(
     async (event) => {
       if (!props.pinnedBottomRowData) {
         const pinnedBottomRows = buildPinnedBottomRows(
@@ -81754,7 +81868,7 @@ var Table = (props) => {
       gridApi
     ]
   );
-  const internalOnCellValueChanged = React82.useCallback(
+  const internalOnCellValueChanged = React83.useCallback(
     async (event) => {
       if (event.api?.isAnyFilterPresent()) {
         event.api.onFilterChanged();
@@ -81766,7 +81880,7 @@ var Table = (props) => {
     },
     [onModelUpdated]
   );
-  const isFullWidthRow = React82.useCallback(
+  const isFullWidthRow = React83.useCallback(
     (node) => {
       if (props.isFullWidth) {
         return props.isFullWidth(node.data);
@@ -81775,7 +81889,7 @@ var Table = (props) => {
     },
     [props]
   );
-  const isRowSelectable = React82.useCallback(
+  const isRowSelectable = React83.useCallback(
     (node) => {
       if (typeof props.rowSelectionEnabled === "boolean") {
         return props.rowSelectionEnabled;
@@ -81792,7 +81906,7 @@ var Table = (props) => {
     },
     [props]
   );
-  const decoratedAutoGroupColDef = React82.useMemo(
+  const decoratedAutoGroupColDef = React83.useMemo(
     () => getDecoratedAutoGroupColDef(
       props?.autoGroupColumnDefinition,
       internalTableContext.enableGroupEditAndValidation,
@@ -81802,7 +81916,7 @@ var Table = (props) => {
     ),
     [props?.autoGroupColumnDefinition]
   );
-  const onColumnGroupOpened = React82.useCallback(
+  const onColumnGroupOpened = React83.useCallback(
     (event) => {
       internalTableContext.analytics?.client.addEvent(
         "design_system.data_table.column.expand_toggled",
@@ -81819,7 +81933,7 @@ var Table = (props) => {
     },
     [internalTableContext, columnGroupBordersEnabled]
   );
-  const onColumnPinned = React82.useCallback(
+  const onColumnPinned = React83.useCallback(
     (event) => {
       internalTableContext.analytics?.client.addEvent(
         "design_system.data_table.column.pinned",
@@ -81837,11 +81951,11 @@ var Table = (props) => {
     },
     [columnApi, internalTableContext]
   );
-  const onColumnResized = React82.useCallback(() => {
+  const onColumnResized = React83.useCallback(() => {
     internalTableContext.onTableConfigChange();
     setHeaderHeight();
   }, [internalTableContext.onTableConfigChange]);
-  const onDisplayedColumnsChanged = React82.useCallback(
+  const onDisplayedColumnsChanged = React83.useCallback(
     (event) => {
       if (props.onRowDragEnd) {
         if (event.columnApi?.destroyCalled)
@@ -81854,14 +81968,14 @@ var Table = (props) => {
     },
     [props.onRowDragEnd]
   );
-  const onColumnMoved = React82.useCallback(
+  const onColumnMoved = React83.useCallback(
     (event) => {
       moveColumnEvent = event;
       internalTableContext.onTableConfigChange();
     },
     [internalTableContext.onTableConfigChange]
   );
-  const onSortEventChanged = React82.useCallback(
+  const onSortEventChanged = React83.useCallback(
     (event) => {
       const { columnApi: columnApi2 } = event;
       const columnState = columnApi2.getColumnState();
@@ -81901,7 +82015,7 @@ var Table = (props) => {
       });
     }
   }
-  const onDragStopped = React82.useCallback(
+  const onDragStopped = React83.useCallback(
     // eslint-disable-next-line complexity
     (event) => {
       if (event.target.className.includes("ag-header-cell")) {
@@ -81950,16 +82064,16 @@ var Table = (props) => {
       props.rows
     ]
   );
-  const onRowDragEnd = React82.useCallback((event) => {
+  const onRowDragEnd = React83.useCallback((event) => {
     rowDragEndEvent = event;
   }, []);
-  const onRowDragMove = React82.useCallback((event) => {
+  const onRowDragMove = React83.useCallback((event) => {
     rowDragMoveEvent = event;
   }, []);
-  const previousGroupedFields = React82.useRef(
+  const previousGroupedFields = React83.useRef(
     internalTableContext.initialTableConfig?.columnState?.filter((cs) => cs.rowGroup).sort((a, b) => a.rowGroupIndex - b.rowGroupIndex).map((cs) => cs.field) || []
   );
-  const onColumnRowGroupChanged = React82.useCallback(() => {
+  const onColumnRowGroupChanged = React83.useCallback(() => {
     const currentGroupedFields = columnApi?.getRowGroupColumns().map((c) => c.getColId()) || [];
     const groupedFieldsAdded = currentGroupedFields.filter(
       (f) => !previousGroupedFields.current.includes(f)
@@ -81993,7 +82107,7 @@ var Table = (props) => {
     previousGroupedFields.current = currentGroupedFields;
     internalTableContext.onTableConfigChange();
   }, [columnApi, internalTableContext]);
-  const onContainerResize = React82.useCallback(() => {
+  const onContainerResize = React83.useCallback(() => {
     setViewportWidth(
       document.getElementsByClassName("ag-body-viewport")[0]?.clientWidth
     );
@@ -82022,7 +82136,7 @@ var Table = (props) => {
       }
     }
   };
-  const internalRowGroupOpened = React82.useCallback(
+  const internalRowGroupOpened = React83.useCallback(
     (event) => {
       props.onRowGroupOpened?.({
         expanded: event.expanded,
@@ -82032,7 +82146,7 @@ var Table = (props) => {
     },
     [props.onRowGroupOpened]
   );
-  const getGroupRowAgg = React82.useCallback(
+  const getGroupRowAgg = React83.useCallback(
     (params) => {
       const agNodes = params.nodes;
       if (!props.getGroupRowAgg) {
@@ -82053,7 +82167,7 @@ var Table = (props) => {
     },
     [props.getGroupRowAgg]
   );
-  const defaultColDef = React82.useMemo(
+  const defaultColDef = React83.useMemo(
     function() {
       return {
         cellDataType: false,
@@ -82099,7 +82213,7 @@ var Table = (props) => {
       props.detailRowConfig
     ]
   );
-  const detailRowConfigProps = React82.useMemo(() => {
+  const detailRowConfigProps = React83.useMemo(() => {
     return buildDetailRowsConfig({
       detailRowConfig: props.detailRowConfig,
       detailRowConfigs: props.detailRowConfigs,
@@ -82120,12 +82234,12 @@ var Table = (props) => {
     props.emptyStateRenderer,
     frameworkComponents
   ]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     getCurrentRows(gridApi).forEach(
       (rowNode) => rowNode.selectable = !!isRowSelectable(rowNode)
     );
   }, [isRowSelectable]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     rowSelectionRef.current = {
       affectedRows: {},
       enabled: props.rowSelectionEnabled,
@@ -82138,7 +82252,7 @@ var Table = (props) => {
     ["onGridReady"],
     props.UNSAFE_internalAGGridOverrides ?? {}
   );
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Spinner,
     {
       loading: loadingStatus.loading,
@@ -82150,14 +82264,14 @@ var Table = (props) => {
         flexDirection: "column"
       }
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ReactResizeDetector,
       {
         onResize: onContainerResize,
         refreshMode: "debounce",
         refreshRate: 400
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         "div",
         {
           style: {
@@ -82171,11 +82285,11 @@ var Table = (props) => {
           ref: wrapperRef,
           "data-qa": loadingStatus.loading ? "loading" : "loaded"
         },
-        /* @__PURE__ */ React82.createElement("style", null, `:root {
+        /* @__PURE__ */ React83.createElement("style", null, `:root {
               --viewport-width: ${viewportWidth}px;
               --rowActions-width: ${rowActionsWidth.current}px;
             }`),
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           AgGridReact,
           {
             aggFuncs: aggregationFunctions_exports,
@@ -82274,7 +82388,7 @@ var Table = (props) => {
         )
       )
     ),
-    props.pagination && gridApi && /* @__PURE__ */ React82.createElement(
+    props.pagination && gridApi && /* @__PURE__ */ React83.createElement(
       TablePagination,
       {
         gridApi,
@@ -82291,11 +82405,11 @@ var TablePagination = ({
   pageSize,
   totalRowCount
 }) => {
-  const [pagination, setPagination] = React82.useState({
+  const [pagination, setPagination] = React83.useState({
     page: 0,
     items: 0
   });
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     function onPaginationChanged(params) {
       if (gridApi && params.api.paginationGetCurrentPage() !== pagination.page || pagination.items !== params.api.paginationGetRowCount()) {
         setPagination({
@@ -82313,7 +82427,7 @@ var TablePagination = ({
       );
     };
   }, []);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Pagination,
     {
       activePage: pagination.page + 1,
@@ -82332,7 +82446,7 @@ var ContextPanel = ({
   ...props
 }) => {
   const { contextPanel } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Card,
     {
       className: cx21("contextPanel", className, {
@@ -82341,7 +82455,7 @@ var ContextPanel = ({
       "data-qa": "data-table-context-panel",
       ...props
     },
-    /* @__PURE__ */ React82.createElement(Box, { className: cx21("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React82.createElement(ConfigurationPanel, null), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React82.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
+    /* @__PURE__ */ React83.createElement(Box, { className: cx21("contextPanelWrapper"), display: "flex-column" }, contextPanel.content === "configuration" && /* @__PURE__ */ React83.createElement(ConfigurationPanel, null), contextPanel.content === "bulkEdit" && /* @__PURE__ */ React83.createElement(BulkEditPanel, null), contextPanel.content === "custom" && children)
   );
 };
 function isLastColumnInGroup(params) {
@@ -82395,7 +82509,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {}
 }) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     DataTable,
     {
       analytics,
@@ -82415,10 +82529,10 @@ var ClientSideDataTable = ({
 };
 var Table2 = (props) => {
   const internalTableContext = useInternalTableContext();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     internalTableContext.setTotalRowCount(props.rows?.length ?? 0);
   }, [props.rows]);
-  return /* @__PURE__ */ React82.createElement(Table, { ...props, modules: [ClientSideRowModelModule] });
+  return /* @__PURE__ */ React83.createElement(Table, { ...props, modules: [ClientSideRowModelModule] });
 };
 BulkActions.displayName = "ClientSideDataTable.BulkActions";
 ConfigPanelButton.displayName = "ClientSideDataTable.ConfigPanelButton";
@@ -82445,8 +82559,8 @@ var ClientSideDataTable_default = addSubcomponents(
   },
   ClientSideDataTable
 );
-var QuickFilterLabel = React82.forwardRef(({ enabled, ...props }, ref) => {
-  return /* @__PURE__ */ React82.createElement(StyledQuickFilterLabel, { $enabled: enabled }, /* @__PURE__ */ React82.createElement(SelectButton, { ref, ...props }));
+var QuickFilterLabel = React83.forwardRef(({ enabled, ...props }, ref) => {
+  return /* @__PURE__ */ React83.createElement(StyledQuickFilterLabel, { $enabled: enabled }, /* @__PURE__ */ React83.createElement(SelectButton, { ref, ...props }));
 });
 var StyledQuickFilterLabel = styled4.div`
   ${StyledSelectButton} {
@@ -82489,9 +82603,9 @@ function getPlacement2(currentSelectionType, position) {
   return "bottom-right";
 }
 var OptionalDateTimeProvider2 = ({ timeZone, children }) => {
-  return timeZone ? /* @__PURE__ */ React82.createElement(DateTimeProvider, { timeZone }, children) : /* @__PURE__ */ React82.createElement(React82.Fragment, null, children);
+  return timeZone ? /* @__PURE__ */ React83.createElement(DateTimeProvider, { timeZone }, children) : /* @__PURE__ */ React83.createElement(React83.Fragment, null, children);
 };
-var DateFilterSelect2 = React82.forwardRef(
+var DateFilterSelect2 = React83.forwardRef(
   ({
     afterHide,
     selectionType = "either",
@@ -82505,11 +82619,11 @@ var DateFilterSelect2 = React82.forwardRef(
     const dateTime = useDateTime();
     const { start, end } = selectedValue;
     const selectedDate = (position === "start" ? start : end) ?? void 0;
-    const [displayed, setDisplayed2] = React82.useState(
+    const [displayed, setDisplayed2] = React83.useState(
       // @ts-ignore
       selectedDate || dateTime.newDate()
     );
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       if (isDate(start) && !isDate(end) && position === "end") {
         setDisplayed2(start);
       }
@@ -82520,10 +82634,10 @@ var DateFilterSelect2 = React82.forwardRef(
     function onClear() {
       onChange(null, position);
     }
-    const clearRef = React82.useRef(null);
-    const monthRef = React82.useRef(null);
-    const yearRef = React82.useRef(null);
-    const overlay = /* @__PURE__ */ React82.createElement(
+    const clearRef = React83.useRef(null);
+    const monthRef = React83.useRef(null);
+    const yearRef = React83.useRef(null);
+    const overlay = /* @__PURE__ */ React83.createElement(
       DateFilterOverlay,
       {
         displayDate: displayed,
@@ -82539,7 +82653,7 @@ var DateFilterSelect2 = React82.forwardRef(
         yearRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         afterHide,
@@ -82557,7 +82671,7 @@ var DateFilterSelect2 = React82.forwardRef(
         restoreFocusOnHide: true,
         role: "dialog"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateQuickFilterLabel,
         {
           headerName,
@@ -82578,10 +82692,10 @@ function DateFilter3({
   value,
   ...props
 }) {
-  const [selectedValue, setSelectedValue] = React82.useState({
+  const [selectedValue, setSelectedValue] = React83.useState({
     type: selectionType === "either" ? "range" : selectionType
   });
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const parsedValue = value.map((date) => {
       if (isDate(date)) {
         return date;
@@ -82591,7 +82705,7 @@ function DateFilter3({
     const type = isSameDay(parsedValue[0], parsedValue[1]) ? "single" : "range";
     setSelectedValue({ type, start: parsedValue[0], end: parsedValue[1] });
   }, [value]);
-  const dateRangeEndDateRef = React82.useRef(null);
+  const dateRangeEndDateRef = React83.useRef(null);
   function dateFilterOnChange(date, position) {
     const newValue = getValueFromSelection(selectedValue, date, position);
     setSelectedValue(newValue);
@@ -82604,7 +82718,7 @@ function DateFilter3({
       );
     }
   }
-  const onSelectionTypeChange = React82.useCallback(
+  const onSelectionTypeChange = React83.useCallback(
     (newSelectionType) => {
       setSelectedValue({ type: newSelectionType });
     },
@@ -82616,7 +82730,7 @@ function DateFilter3({
     }
     return true;
   }
-  return /* @__PURE__ */ React82.createElement(FlexList, { space: "xs", "data-qa": props["data-qa"] }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(FlexList, { space: "xs", "data-qa": props["data-qa"] }, /* @__PURE__ */ React83.createElement(
     DateFilterSelect2,
     {
       afterHide: dateRangeAfterHide,
@@ -82627,7 +82741,7 @@ function DateFilter3({
       selectionType,
       setSelectionType: onSelectionTypeChange
     }
-  ), selectedValue.type === "range" && /* @__PURE__ */ React82.createElement(
+  ), selectedValue.type === "range" && /* @__PURE__ */ React83.createElement(
     DateFilterSelect2,
     {
       headerName,
@@ -82647,7 +82761,7 @@ function ServerSideQuickDateFilterRenderer({
     columnDefinition
   });
   const colDef = columnDefinition;
-  return /* @__PURE__ */ React82.createElement(OptionalDateTimeProvider2, { timeZone: colDef.timeZone }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(OptionalDateTimeProvider2, { timeZone: colDef.timeZone }, /* @__PURE__ */ React83.createElement(
     DateFilter3,
     {
       selectionType: colDef.filterProps?.selectionType ?? "either",
@@ -82672,7 +82786,7 @@ function ServerSideQuickDateFilterRenderer({
 var QuickDateFilterRenderer = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (onServerSideDataRequest) {
-    return /* @__PURE__ */ React82.createElement(ServerSideQuickDateFilterRenderer, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideQuickDateFilterRenderer, { ...props });
   }
   console.error(
     "Warning: Date Filters are currently only implemented for the serverside row model"
@@ -82702,7 +82816,7 @@ var dateInputLocales = {
     placeholders: { day: "tt", month: "MM", year: "jjjj" }
   }
 };
-var DateQuickFilterLabel = React82.forwardRef(({ headerName, onClear, value }, ref) => {
+var DateQuickFilterLabel = React83.forwardRef(({ headerName, onClear, value }, ref) => {
   const dateTime = useDateTime();
   const i18n = useI18nContext();
   const placeholders = dateInputLocales[i18n.locale]?.placeholders || {
@@ -82711,7 +82825,7 @@ var DateQuickFilterLabel = React82.forwardRef(({ headerName, onClear, value }, r
     year: "yyyy"
   };
   if (value !== void 0 && isDate(value)) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       QuickFilterLabel,
       {
         enabled: true,
@@ -82721,7 +82835,7 @@ var DateQuickFilterLabel = React82.forwardRef(({ headerName, onClear, value }, r
       }
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     QuickFilterLabel,
     {
       enabled: false,
@@ -82741,7 +82855,7 @@ var useSuperSelectOptionAsValueWorkaround = ({
   getId: getId3 = defaultGetId2,
   loading
 }) => {
-  const isValueFromOptions = React82.useRef(false);
+  const isValueFromOptions = React83.useRef(false);
   const getValueFromOptions = () => {
     const valueIds = originValue.map(getId3);
     isValueFromOptions.current = true;
@@ -82757,7 +82871,7 @@ var useSuperSelectOptionAsValueWorkaround = ({
     getOptionValue: (option) => option
   };
 };
-var LocationQuickFilterOverlay = React82.forwardRef(
+var LocationQuickFilterOverlay = React83.forwardRef(
   ({
     getId: getId3,
     getLabel: getLabel3,
@@ -82777,9 +82891,9 @@ var LocationQuickFilterOverlay = React82.forwardRef(
       );
       return null;
     }
-    const [items, setItems] = React82.useState(options);
-    const [searching, setSearching] = React82.useState(false);
-    const menuRef = React82.useRef(null);
+    const [items, setItems] = React83.useState(options);
+    const [searching, setSearching] = React83.useState(false);
+    const menuRef = React83.useRef(null);
     const { menuProps, menuNavigationTriggerProps } = UNSAFE_useMenuImperativeControlNavigation(menuRef);
     const I18n = useI18nContext();
     const selectAllOption = {
@@ -82813,10 +82927,10 @@ var LocationQuickFilterOverlay = React82.forwardRef(
       }
     }
     const _onSearch = columnDefinition.filterProps.onSearch || defaultOnSearch;
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       menuRef.current?.highlightSuggested();
     }, []);
-    return /* @__PURE__ */ React82.createElement(Card, { ref }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Card, { ref }, /* @__PURE__ */ React83.createElement(
       UNSAFE_Menu,
       {
         ...menuProps,
@@ -82826,20 +82940,20 @@ var LocationQuickFilterOverlay = React82.forwardRef(
         onSelect,
         className: locationFilterStyles_default.locationFilterMenu
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         UNSAFE_Menu.Search,
         {
           ...menuNavigationTriggerProps,
           onChange: _onSearch
         }
       ),
-      /* @__PURE__ */ React82.createElement(UNSAFE_Menu.Options, null, !searching && /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(UNSAFE_Menu.Options, null, !searching && /* @__PURE__ */ React83.createElement(
         Box,
         {
           className: locationFilterStyles_default.controlsContainer,
           ...UNSAFE_menuItemsWrapperAttribute
         },
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(includeSublocationOption),
@@ -82848,7 +82962,7 @@ var LocationQuickFilterOverlay = React82.forwardRef(
           },
           getLabel3(includeSublocationOption)
         ),
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(selectAllOption),
@@ -82859,7 +82973,7 @@ var LocationQuickFilterOverlay = React82.forwardRef(
           getLabel3(selectAllOption)
         )
       ), !loading && items.map((item, i) => {
-        return /* @__PURE__ */ React82.createElement(
+        return /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(item),
@@ -82870,7 +82984,7 @@ var LocationQuickFilterOverlay = React82.forwardRef(
           getLabel3(item)
         );
       })),
-      loading && /* @__PURE__ */ React82.createElement(UNSAFE_Menu.Footer, null, /* @__PURE__ */ React82.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React82.createElement(Spinner$1, { size: "sm" })))
+      loading && /* @__PURE__ */ React83.createElement(UNSAFE_Menu.Footer, null, /* @__PURE__ */ React83.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React83.createElement(Spinner$1, { size: "sm" })))
     ));
   }
 );
@@ -82905,16 +83019,16 @@ var LocationQuickFilterRenderer = ({
     }
     return "none";
   };
-  const ids = React82.useMemo(() => value.map(({ id }) => id), [value]);
-  const [selectedValueIds, setSelectedValueIds] = React82.useState(ids);
-  const [selectState, setSelectState] = React82.useState(
+  const ids = React83.useMemo(() => value.map(({ id }) => id), [value]);
+  const [selectedValueIds, setSelectedValueIds] = React83.useState(ids);
+  const [selectState, setSelectState] = React83.useState(
     determineSelectedState(value)
   );
-  const [enableSublocations, setEnableSublocations] = React82.useState(false);
-  const onSelectSublocations = React82.useCallback(() => {
+  const [enableSublocations, setEnableSublocations] = React83.useState(false);
+  const onSelectSublocations = React83.useCallback(() => {
     setEnableSublocations(!enableSublocations);
   }, [enableSublocations]);
-  const onSelectAll = React82.useCallback(() => {
+  const onSelectAll = React83.useCallback(() => {
     if (selectState === "none" || selectState === "partial") {
       setSelectState("all");
       setSelectedValueIds(options.map(({ id }) => id));
@@ -82948,7 +83062,7 @@ var LocationQuickFilterRenderer = ({
       return [];
     }
   };
-  const removeSelections = React82.useCallback(
+  const removeSelections = React83.useCallback(
     function(selection, selected) {
       const sublocations = handleSelectSublocations(selection);
       return enableSublocations ? selected.filter(
@@ -82959,10 +83073,10 @@ var LocationQuickFilterRenderer = ({
     },
     [enableSublocations]
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     setSelectState(determineSelectedState(value));
   }, [value]);
-  const overlay = /* @__PURE__ */ React82.createElement(
+  const overlay = /* @__PURE__ */ React83.createElement(
     LocationQuickFilterOverlay,
     {
       columnDefinition,
@@ -82980,14 +83094,14 @@ var LocationQuickFilterRenderer = ({
     }
   );
   const triggerLabel = value.length ? value.length === 1 ? `: ${value[0].label}` : `: (${value.length})` : "";
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     OverlayTrigger,
     {
       overlay,
       beforeShow: getOptions,
       placement: "bottom-left"
     },
-    value.length ? /* @__PURE__ */ React82.createElement(
+    value.length ? /* @__PURE__ */ React83.createElement(
       QuickFilterLabel,
       {
         enabled: true,
@@ -82999,7 +83113,7 @@ var LocationQuickFilterRenderer = ({
         },
         block: true
       }
-    ) : /* @__PURE__ */ React82.createElement(
+    ) : /* @__PURE__ */ React83.createElement(
       QuickFilterLabel,
       {
         enabled: false,
@@ -83030,22 +83144,22 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
   } : void 0;
   return {
     components: {
-      Label: React82.forwardRef(() => {
+      Label: React83.forwardRef(() => {
         const ctx = UNSAFE_useSuperSelectContext();
         const isValueEmpty = ["", null, void 0].includes(
           ctx.state.value
         );
-        return /* @__PURE__ */ React82.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+        return /* @__PURE__ */ React83.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
           isValueEmpty,
           ctx.state.selectedLabel,
           ctx.config.placeholder,
           filterName
         ));
       }),
-      TriggerContainer: React82.forwardRef((props, ref) => {
+      TriggerContainer: React83.forwardRef((props, ref) => {
         const ctx = UNSAFE_useSuperSelectContext();
         if (!Array.isArray(ctx.state.value)) {
-          return /* @__PURE__ */ React82.createElement(
+          return /* @__PURE__ */ React83.createElement(
             UNSAFE_StyledSuperSelectTrigger,
             {
               $block: ctx.config.block,
@@ -83054,19 +83168,19 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
             }
           );
         }
-        return /* @__PURE__ */ React82.createElement(
+        return /* @__PURE__ */ React83.createElement(
           Popover,
           {
             placement: "top",
             trigger: ctx.state.value.length > 1 ? "hover" : "none",
-            overlay: /* @__PURE__ */ React82.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React82.createElement(Typography, null, ctx.state.value.map((v) => {
+            overlay: /* @__PURE__ */ React83.createElement(StyledFilterPresetPopoverContent, null, /* @__PURE__ */ React83.createElement(Typography, null, ctx.state.value.map((v) => {
               const option = ctx.state.options.find(
                 (option2) => ctx.option.value(option2) === v
               );
               return option ? ctx.option.label(option) : "";
             }).join(", ")))
           },
-          /* @__PURE__ */ React82.createElement(
+          /* @__PURE__ */ React83.createElement(
             UNSAFE_StyledSuperSelectTrigger,
             {
               $block: ctx.config.block,
@@ -83081,14 +83195,14 @@ var getSuperSelectFilterPreset = (columnDefinition) => {
         if (Array.isArray(ctx.state.value)) {
           const isValueEmpty = !ctx.state.value.length;
           const value = ctx.state.value.length > 1 ? `(${ctx.state.value.length})` : ctx.state.value.length === 1 ? `${ctx.state.selectedLabel}` : "";
-          return /* @__PURE__ */ React82.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
+          return /* @__PURE__ */ React83.createElement(UNSAFE_StyledSuperSelectLabel, { $hoverable: false }, typeof getValueLabel_ === "function" ? getValueLabel_(ctx.state.value) : getValueLabel(
             isValueEmpty,
             value,
             ctx.config.placeholder,
             filterName
           ));
         }
-        return /* @__PURE__ */ React82.createElement("div", null, "Value is not an array");
+        return /* @__PURE__ */ React83.createElement("div", null, "Value is not an array");
       }
     },
     selectionStyle: "highlight"
@@ -83145,7 +83259,7 @@ var ClientSideMultiSelectQuickFilter = ({
   onRemove,
   overlayMatchesTriggerWidth
 }) => {
-  return /* @__PURE__ */ React82.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(filter.filterValues?.length) }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(filter.filterValues?.length) }, /* @__PURE__ */ React83.createElement(
     UNSAFE_SuperSelect,
     {
       overlayMatchesTriggerWidth,
@@ -83176,7 +83290,7 @@ var useSuperSelectOptionAsValueWorkaround2 = ({
   getId: getId3,
   loading
 }) => {
-  const isValueFromOptions = React82.useRef(false);
+  const isValueFromOptions = React83.useRef(false);
   const getValueFromOptions = () => {
     const valueIds = originValue.map((option) => getId(getId3, option));
     isValueFromOptions.current = true;
@@ -83210,7 +83324,7 @@ var ServerSideMultiSelectQuickFilter = ({ columnDefinition, overlayMatchesTrigge
     loading,
     getId: columnDefinition.filterProps?.getId
   });
-  return /* @__PURE__ */ React82.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(value?.length) }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(value?.length) }, /* @__PURE__ */ React83.createElement(
     UNSAFE_SuperSelect,
     {
       overlayMatchesTriggerWidth,
@@ -83243,9 +83357,9 @@ var ServerSideMultiSelectQuickFilter = ({ columnDefinition, overlayMatchesTrigge
 var MultiSelectQuickFilterRenderer = (props) => {
   const { onServerSideDataRequest } = useInternalTableContext();
   if (!isClientSideFilterProps(props, !!onServerSideDataRequest)) {
-    return /* @__PURE__ */ React82.createElement(ServerSideMultiSelectQuickFilter, { ...props });
+    return /* @__PURE__ */ React83.createElement(ServerSideMultiSelectQuickFilter, { ...props });
   }
-  return /* @__PURE__ */ React82.createElement(ClientSideMultiSelectQuickFilter, { ...props });
+  return /* @__PURE__ */ React83.createElement(ClientSideMultiSelectQuickFilter, { ...props });
 };
 var MultiSelectQuickFilterRenderer_default = MultiSelectQuickFilterRenderer;
 
@@ -87670,7 +87784,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {}
 }) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     DataTable,
     {
       analytics,
@@ -87689,7 +87803,7 @@ var ServerSideDataTable = ({
     children
   );
 };
-var Table3 = (props) => /* @__PURE__ */ React82.createElement(
+var Table3 = (props) => /* @__PURE__ */ React83.createElement(
   Table,
   {
     ...{
@@ -87782,4 +87896,4 @@ object-assign/index.js:
    *)
 */
 
-export { BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { Analytics_default as Analytics, AnalyticsBulkClient, BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };