@procore/data-table 13.3.2 → 14.0.0

package/dist/legacy/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;
 }
@@ -7965,7 +7966,7 @@ var InternalBooleanCellRenderer = ({ columnDefinition, isGroup, value }) => {
   if (isGroup) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -7979,14 +7980,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,
@@ -7996,7 +7997,7 @@ var InternalBooleanCellEditor = React82.forwardRef(({ columnDefinition, setDataV
       onSelect,
       ref
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Select.Option,
       {
         value: true,
@@ -8004,7 +8005,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(
@@ -8019,7 +8020,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,
@@ -8070,18 +8071,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",
@@ -8090,7 +8091,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
@@ -8101,8 +8102,8 @@ var Renderer2 = ({
   value
 }) => {
   var _a, _b, _c, _d, _e;
-  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) {
@@ -8110,7 +8111,7 @@ var Renderer2 = ({
   }
   const companyName = isGroup ? value : ((_b = (_a = columnDefinition.cellRendererParams) == null ? void 0 : _a.getCompanyName) == null ? void 0 : _b.call(_a, value)) ?? value.name;
   const imageURL = (_d = (_c = columnDefinition.cellRendererParams) == null ? void 0 : _c.getImageURL) == null ? void 0 : _d.call(_c, value);
-  return isGroup ? /* @__PURE__ */ React82.createElement(
+  return isGroup ? /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -8119,11 +8120,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
     }
@@ -8167,7 +8168,7 @@ var Renderer3 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -8180,7 +8181,7 @@ var Renderer3 = ({
     }
   }
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         intent: "small",
@@ -8190,7 +8191,7 @@ var Renderer3 = ({
       internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -8203,7 +8204,7 @@ var Renderer3 = ({
   );
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
-var Editor = React82.forwardRef(
+var Editor = React83.forwardRef(
   ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     var _a, _b, _c, _d, _e;
     const I18n = useI18nContext();
@@ -8218,7 +8219,7 @@ var Editor = React82.forwardRef(
       symbol: void 0,
       symbolAfterValue: void 0
     });
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Input,
       {
         placeholder: ((_d = (_c = columnDefinition.cellEditorParams) == null ? void 0 : _c.inputProps) == null ? void 0 : _d.placeholder) || I18n.t("dataTable.cells.currencyCell.placeholder"),
@@ -8292,9 +8293,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,
@@ -8328,13 +8329,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",
@@ -8342,7 +8343,7 @@ var DateFilterOverlay = React82.forwardRef(
         },
         I18n.t("dataTable.filterRenders.dateFilter.single")
       ),
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         SegmentedController.Segment,
         {
           active: selectedValue.type === "range",
@@ -8350,7 +8351,7 @@ var DateFilterOverlay = React82.forwardRef(
         },
         I18n.t("dataTable.filterRenders.dateFilter.range")
       )
-    )), /* @__PURE__ */ React82.createElement(
+    )), /* @__PURE__ */ React83.createElement(
       Calendar,
       {
         displayDate,
@@ -8364,7 +8365,7 @@ var DateFilterOverlay = React82.forwardRef(
     )));
   }
 );
-var DateFilterSelect = React82.forwardRef(
+var DateFilterSelect = React83.forwardRef(
   ({
     afterHide,
     onChange,
@@ -8377,11 +8378,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);
       }
@@ -8390,12 +8391,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,
@@ -8412,7 +8413,7 @@ var DateFilterSelect = React82.forwardRef(
         yearRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         afterHide,
@@ -8427,7 +8428,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}`,
@@ -8467,10 +8468,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;
@@ -8480,7 +8481,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);
@@ -8493,7 +8494,7 @@ function DateFilter({
       );
     }
   }
-  const onSelectionTypeChange = React82.useCallback(
+  const onSelectionTypeChange = React83.useCallback(
     (newSelectionType) => {
       setSelectedValue({ type: newSelectionType });
     },
@@ -8506,7 +8507,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,
@@ -8516,7 +8517,7 @@ function DateFilter({
       selectionType,
       setSelectionType: onSelectionTypeChange
     }
-  ), selectedValue.type !== "single" && /* @__PURE__ */ React82.createElement(
+  ), selectedValue.type !== "single" && /* @__PURE__ */ React83.createElement(
     DateFilterSelect,
     {
       onChange: dateFilterOnChange,
@@ -8537,7 +8538,7 @@ function ServerSideDateSelectFilterRenderer({
 }) {
   var _a;
   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,
@@ -8562,7 +8563,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"
@@ -8578,9 +8579,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")}`);
@@ -8616,20 +8617,20 @@ var DateCellValue = ({
   const typographyProps = getCellValueTypographyProps(
     (_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.typographyProps
   );
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps }, internalValue);
 };
 var Renderer4 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     OptionalDateTimeProvider,
     {
       timeZone: (_b = (_a = props.columnDefinition) == null ? void 0 : _a.cellRendererParams) == null ? void 0 : _b.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) => {
     var _a, _b;
     function afterHide() {
@@ -8642,12 +8643,12 @@ var Editor2 = React82.forwardRef(
         setDataValue(columnDefinition.field, void 0);
       }
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OptionalDateTimeProvider,
       {
         timeZone: (_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.timeZone
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateSelect,
         {
           afterHide,
@@ -8690,20 +8691,20 @@ var DateTimeCellValue = ({
   const typographyProps = getCellValueTypographyProps(
     (_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.typographyProps
   );
-  return /* @__PURE__ */ React82.createElement(Typography, { ...typographyProps }, internalValue);
+  return /* @__PURE__ */ React83.createElement(Typography, { ...typographyProps }, internalValue);
 };
 var Renderer5 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     OptionalDateTimeProvider,
     {
       timeZone: (_b = (_a = props.columnDefinition) == null ? void 0 : _a.cellRendererParams) == null ? void 0 : _b.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) => {
     var _a, _b;
     function afterHide() {
@@ -8716,12 +8717,12 @@ var Editor3 = React82.forwardRef(
         setDataValue(columnDefinition.field, void 0);
       }
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OptionalDateTimeProvider,
       {
         timeZone: (_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.timeZone
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateSelect,
         {
           afterHide,
@@ -52921,10 +52922,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,
@@ -52939,7 +52940,7 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -52950,7 +52951,7 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
         ((_c = (_b = columnDefinition.cellEditorParams) == null ? void 0 : _b.inputProps) == null ? void 0 : _c.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,
@@ -52959,9 +52960,9 @@ var InternalNumberCellRenderer = ({ columnDefinition, rowPinned, isGroup, value
     ...(_d = columnDefinition.cellRendererParams) == null ? void 0 : _d.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(
@@ -52976,7 +52977,7 @@ var NumberCellRenderer = withDataTableRenderer(
   InternalNumberCellRenderer,
   "input"
 );
-var InternalNumberCellEditor = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var InternalNumberCellEditor = React83.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
   var _a, _b, _c;
   const I18n = useI18nContext();
   if (isEmptyValue(value) && !columnDefinition.editable) {
@@ -52985,7 +52986,7 @@ var InternalNumberCellEditor = React82.forwardRef(({ columnDefinition, stopEditi
   function onBlur() {
     stopEditing();
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Input,
     {
       placeholder: ((_b = (_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.inputProps) == null ? void 0 : _b.placeholder) || I18n.t("dataTable.cells.numberCell.placeholder"),
@@ -53052,43 +53053,43 @@ var Renderer6 = ({
   value
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [fullCellView, setFullCellView] = React82.useState(false);
-  const getPeople = React82.useCallback(() => {
+  const [fullCellView, setFullCellView] = React83.useState(false);
+  const getPeople = React83.useCallback(() => {
     var _a2, _b2;
     return ((_b2 = (_a2 = columnDefinition.cellRendererParams) == null ? void 0 : _a2.getValue) == null ? void 0 : _b2.call(_a2, value)) || value || [];
   }, [(_a = columnDefinition.cellRendererParams) == null ? void 0 : _a.getValue, value]);
-  const getCompanyName = React82.useCallback(
+  const getCompanyName = React83.useCallback(
     (person) => {
       var _a2, _b2;
       return ((_b2 = (_a2 = columnDefinition.cellRendererParams) == null ? void 0 : _a2.getCompanyName) == null ? void 0 : _b2.call(_a2, person)) ?? person.company ?? "";
     },
     [(_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.getCompanyName]
   );
-  const getPersonName = React82.useCallback(
+  const getPersonName = React83.useCallback(
     (person) => {
       var _a2, _b2;
       return ((_b2 = (_a2 = columnDefinition.cellRendererParams) == null ? void 0 : _a2.getPersonName) == null ? void 0 : _b2.call(_a2, person)) ?? person.name ?? "";
     },
     [(_c = columnDefinition.cellRendererParams) == null ? void 0 : _c.getPersonName]
   );
-  const getPersonImageUrl = React82.useCallback(
+  const getPersonImageUrl = React83.useCallback(
     (person) => {
       var _a2, _b2;
       return ((_b2 = (_a2 = columnDefinition.cellRendererParams) == null ? void 0 : _a2.getImageURL) == null ? void 0 : _b2.call(_a2, person)) ?? "";
     },
     [(_d = columnDefinition.cellRendererParams) == null ? void 0 : _d.getImageURL]
   );
-  const getPersonInitials = React82.useCallback(
+  const getPersonInitials = React83.useCallback(
     (person) => {
       var _a2, _b2;
       return ((_b2 = (_a2 = columnDefinition.cellRendererParams) == null ? void 0 : _a2.getInitials) == null ? void 0 : _b2.call(_a2, person)) ?? "";
     },
     [(_e = columnDefinition.cellRendererParams) == null ? void 0 : _e.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);
@@ -53096,14 +53097,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) {
@@ -53130,13 +53131,13 @@ var Renderer6 = ({
     ((_g = columnDefinition.cellRendererParams) == null ? void 0 : _g.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",
@@ -53147,7 +53148,7 @@ var Renderer6 = ({
           height: "32px"
         }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         AvatarStack,
         {
           items: avatarStackItems,
@@ -53156,13 +53157,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", {
@@ -53174,13 +53175,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,
@@ -53188,7 +53189,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,
@@ -53196,7 +53197,7 @@ var Renderer6 = ({
           style: { whiteSpace: "pre" }
         },
         " / "
-      ), /* @__PURE__ */ React82.createElement(
+      ), /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53204,7 +53205,7 @@ var Renderer6 = ({
           className: cx8("truncatingText")
         },
         getCompanyName(people[0])
-      )) : /* @__PURE__ */ React82.createElement(
+      )) : /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...typographyProps,
@@ -53231,7 +53232,7 @@ var Renderer7 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53248,7 +53249,7 @@ var Renderer7 = ({
     (_d = columnDefinition.cellRendererParams) == null ? void 0 : _d.formatConfig
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         intent: "small",
@@ -53258,7 +53259,7 @@ var Renderer7 = ({
       internalValue
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       ...getCellValueTypographyProps(
@@ -53271,7 +53272,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) => {
   var _a, _b, _c, _d, _e;
   const I18n = useI18nContext();
   function onBlur() {
@@ -53285,7 +53286,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: ((_d = (_c = columnDefinition.cellEditorParams) == null ? void 0 : _c.inputProps) == null ? void 0 : _d.placeholder) || I18n.t("dataTable.cells.percentCell.placeholder"),
@@ -53306,8 +53307,8 @@ var Renderer8 = ({
   value
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  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) {
@@ -53321,12 +53322,12 @@ var Renderer8 = ({
     (_i = columnDefinition.cellRendererParams) == null ? void 0 : _i.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,
@@ -53353,7 +53354,7 @@ var Renderer9 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53373,16 +53374,16 @@ var Renderer9 = ({
     (_d = columnDefinition.cellRendererParams) == null ? void 0 : _d.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 == null ? void 0 : label.toUpperCase());
+  return /* @__PURE__ */ React83.createElement(Pill, { color: getColor(value), className: cx10("pill-cell") }, label == null ? void 0 : label.toUpperCase());
 };
 var PillCellRenderer = withDataTableRenderer(Renderer9, "select");
-var Editor5 = React82.forwardRef(
+var Editor5 = React83.forwardRef(
   ({ columnDefinition, data, setDataValue, stopEditing, value }, ref) => {
     var _a, _b, _c;
-    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();
@@ -53414,7 +53415,7 @@ var Editor5 = React82.forwardRef(
       const unformattedLabel = ((_a2 = columnDefinition.getStringFormattedValue) == null ? void 0 : _a2.call(columnDefinition, item)) || "";
       return unformattedLabel.toUpperCase();
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       PillSelect,
       {
         placeholder: ((_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.placeholder) || I18n.t("dataTable.cells.pillCell.placeholder", {
@@ -53451,7 +53452,7 @@ var Renderer10 = ({
       return null;
     }
     if (columnDefinition.editable) {
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Typography,
         {
           ...getCellValueTypographyProps(
@@ -53470,7 +53471,7 @@ var Renderer10 = ({
     (_d = columnDefinition.cellRendererParams) == null ? void 0 : _d.typographyProps
   );
   if (isGroup) {
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         className: cx11("truncatingText"),
@@ -53480,14 +53481,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) {
@@ -53512,11 +53513,11 @@ function useSearch(data, onSearchFunction) {
     searchResultOptions
   };
 }
-var Editor6 = React82.forwardRef(
+var Editor6 = React83.forwardRef(
   ({ columnDefinition, data, setDataValue, stopEditing, value }, ref) => {
     var _a, _b;
-    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,
       (_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.onSearch
@@ -53553,7 +53554,7 @@ var Editor6 = React82.forwardRef(
       var _a2, _b2;
       return ((_b2 = (_a2 = columnDefinition.cellEditorParams) == null ? void 0 : _a2.getOptionLabel) == null ? void 0 : _b2.call(_a2, option)) || getLabel3(option);
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Select,
       {
         afterHide: () => stopEditing(),
@@ -53567,7 +53568,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),
@@ -53594,7 +53595,7 @@ var Renderer11 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...getCellValueTypographyProps(
@@ -53620,7 +53621,7 @@ var Renderer11 = ({
   );
   if (isGroup) {
     const fontWeight = (node == null ? void 0 : node.footer) ? "regular" : "semibold";
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...typographyProps,
@@ -53631,10 +53632,10 @@ var Renderer11 = ({
       (node == null ? void 0 : 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) => {
     var _a, _b, _c, _d;
     function onBlur() {
@@ -53642,7 +53643,7 @@ var Editor7 = React82.forwardRef(
     }
     const I18n = useI18nContext();
     const internalValue = eventKey ? value : ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Input,
       {
         placeholder: ((_c = (_b = columnDefinition.cellEditorParams) == null ? void 0 : _b.inputProps) == null ? void 0 : _c.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"),
@@ -53662,7 +53663,7 @@ var GrandTotalsLabelRenderer = (props) => {
   const { grandTotalsLabelInnerRenderer: GrandTotalsLabelInnerRenderer } = useInternalTableContext();
   const isFirstColumn2 = ((_b = (_a = props.columnApi.getAllDisplayedColumns()) == null ? void 0 : _a[0]) == null ? void 0 : _b.getId()) === ((_c = props.column) == null ? void 0 : _c.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;
 };
@@ -53679,7 +53680,7 @@ var Renderer12 = ({
     if (isGroup) {
       return null;
     }
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...getCellValueTypographyProps(
@@ -53696,7 +53697,7 @@ var Renderer12 = ({
   );
   if (isGroup) {
     const fontWeight = (node == null ? void 0 : node.footer) ? "regular" : "semibold";
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       Typography,
       {
         ...typographyProps,
@@ -53706,9 +53707,9 @@ var Renderer12 = ({
       (node == null ? void 0 : 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) => {
     var _a, _b, _c, _d;
     function onBlur() {
@@ -53716,7 +53717,7 @@ var Editor8 = React82.forwardRef(
     }
     const I18n = useI18nContext();
     const internalValue = ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       TextArea,
       {
         placeholder: ((_c = (_b = columnDefinition.cellEditorParams) == null ? void 0 : _b.textAreaProps) == null ? void 0 : _c.placeholder) || I18n.t("dataTable.cells.textCell.placeholder"),
@@ -53762,7 +53763,7 @@ function defaultGetLabel(option) {
 function defaultGetId(option) {
   return (option == null ? void 0 : option.id) ?? option;
 }
-var LocationFilterOverlay = React82.forwardRef(
+var LocationFilterOverlay = React83.forwardRef(
   ({
     getId: getId3,
     getLabel: getLabel3,
@@ -53776,9 +53777,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 = {
@@ -53812,11 +53813,11 @@ var LocationFilterOverlay = React82.forwardRef(
       }
     }
     const _onSearch = columnDefinition.filterProps.onSearch || defaultOnSearch;
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       var _a;
       (_a = menuRef.current) == null ? void 0 : _a.highlightSuggested();
     }, []);
-    return /* @__PURE__ */ React82.createElement(Card, { ref }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Card, { ref }, /* @__PURE__ */ React83.createElement(
       UNSAFE_Menu,
       {
         ...menuProps,
@@ -53826,20 +53827,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),
@@ -53848,7 +53849,7 @@ var LocationFilterOverlay = React82.forwardRef(
           },
           getLabel3(includeSublocationOption)
         ),
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(selectAllOption),
@@ -53859,7 +53860,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),
@@ -53870,11 +53871,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) => {
     var _a, _b;
     const getId3 = ((_a = columnDefinition.filterProps) == null ? void 0 : _a.getId) || defaultGetId;
@@ -53891,18 +53892,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));
@@ -53940,7 +53941,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(
@@ -53952,10 +53953,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,
@@ -53973,7 +53974,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
         ref: selectRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         overlay,
@@ -53981,7 +53982,7 @@ var ServerSideLocationFilterRenderer = React82.forwardRef(
         beforeShow: getOptions,
         placement: "bottom-left"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Select.Button,
         {
           block: true,
@@ -53997,7 +53998,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"
@@ -54031,9 +54032,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 == null ? void 0 : gridApi.getFilterInstance(fieldName);
       if (fieldFieldInstance === null || fieldFieldInstance === void 0) {
@@ -54043,7 +54044,7 @@ function useFilterState({
     },
     [gridApi]
   );
-  const getFieldFilters = React82.useCallback(() => {
+  const getFieldFilters = React83.useCallback(() => {
     return filterableColumns.map((column2) => {
       const filterInstance = getFieldFilter(column2.field);
       const instanceOptions = getInstanceOptions(
@@ -54057,7 +54058,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() {
@@ -54066,7 +54067,7 @@ function useFilterState({
       allFilters && setAllAvailableFilters(allFilters);
     }
   };
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (enabled) {
       listenersEnabled.current = true;
       gridApi == null ? void 0 : gridApi.addEventListener("filterChanged", filterEventFunction);
@@ -54141,7 +54142,7 @@ function ServerSideMultiSelectFilterRenderer({
   ...props
 }) {
   var _a;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     MultiSelect,
     {
       ...props,
@@ -54171,7 +54172,7 @@ function ClientSideMultiSelectFilterRenderer({
   value = [],
   ...props
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     MultiSelect,
     {
       ...props,
@@ -54201,13 +54202,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",
@@ -54259,18 +54260,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(() => {
       var _a;
       if (localValue === void 0 || localValue === null) {
         return void 0;
@@ -54279,17 +54280,17 @@ var NumberFilterRenderer = React82.memo(
         (option) => option.id === localValue.type
       )) == null ? void 0 : _a.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 == null ? void 0 : 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);
       });
@@ -54301,7 +54302,7 @@ var NumberFilterRenderer = React82.memo(
         return (_a = lowerLimitInputRef.current) == null ? void 0 : _a.focus();
       });
     }, []);
-    const onUpdateLowerLimit = React82.useCallback((event) => {
+    const onUpdateLowerLimit = React83.useCallback((event) => {
       const inputValue = event.target.value;
       setLocalValue((prev) => {
         return getLowerLimitChangeValue(prev, inputValue);
@@ -54313,7 +54314,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 {
@@ -54333,11 +54334,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 == null ? void 0 : externalValue.type) ?? (localValue == null ? void 0 : localValue.type),
         filter: (externalValue == null ? void 0 : externalValue.filter) ?? (localValue == null ? void 0 : localValue.filter),
@@ -54345,7 +54346,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,
@@ -54357,7 +54358,7 @@ var NumberFilterRenderer = React82.memo(
           scope
         })
       },
-      defaultFilterOptions.map((item) => /* @__PURE__ */ React82.createElement(
+      defaultFilterOptions.map((item) => /* @__PURE__ */ React83.createElement(
         Select.Option,
         {
           key: item.id,
@@ -54366,7 +54367,7 @@ var NumberFilterRenderer = React82.memo(
         },
         item.label
       ))
-    ), hasNumberInputsEnabled && /* @__PURE__ */ React82.createElement(
+    ), hasNumberInputsEnabled && /* @__PURE__ */ React83.createElement(
       FlexList,
       {
         alignItems: "center",
@@ -54376,7 +54377,7 @@ var NumberFilterRenderer = React82.memo(
         padding: "md none",
         size: "xs"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         Input,
         {
           ref: lowerLimitInputRef,
@@ -54389,11 +54390,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",
@@ -54505,7 +54506,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)) {
@@ -54555,7 +54556,7 @@ var ServerSideFilter = ({
     );
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       as: "li",
@@ -54563,8 +54564,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,
@@ -55295,7 +55296,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,
@@ -55334,7 +55335,7 @@ function ServerSideRowCheckbox(props) {
     props.node,
     (_c = rowSelectionRef.current) == null ? void 0 : _c.affectedRows
   );
-  return /* @__PURE__ */ React82.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React83.createElement(
     Checkbox,
     {
       checked,
@@ -55357,7 +55358,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
@@ -55374,7 +55375,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([
@@ -55391,7 +55392,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) {
@@ -55413,7 +55414,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,
@@ -55445,20 +55446,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,
@@ -55499,7 +55500,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",
@@ -55509,7 +55510,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 });
     })
   );
 };
@@ -55517,9 +55518,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: () => {
       var _a;
       (_a = buttonRef.current) == null ? void 0 : _a.dispatchEvent(new MouseEvent("mouseenter"));
@@ -55530,22 +55531,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))
     )
   ));
 });
@@ -55565,7 +55566,7 @@ function PseudoInlineEditorWrapper({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: cx15("pseudo-inline-edit-wrapper", {
@@ -55573,7 +55574,7 @@ function PseudoInlineEditorWrapper({
         "inline-wrapper--with-show-pseudo-editors": alwaysShowEditors
       })
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "span",
       {
         className: cx15("pseudo-inline-edit-content", "truncatingText", {
@@ -55586,12 +55587,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,
@@ -55601,8 +55602,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", {
@@ -55610,7 +55611,7 @@ var InlineEditorWrapper = React82.forwardRef(function InlineEditorWrapper2({ rig
       })
     },
     children,
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ValidationOutput,
       {
         ref,
@@ -55621,7 +55622,7 @@ var InlineEditorWrapper = React82.forwardRef(function InlineEditorWrapper2({ rig
     )
   );
 });
-var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
+var NonEditorWrapper = React83.forwardRef(function NonEditorWrapper2({
   rightAligned,
   errorMessage,
   isValid,
@@ -55630,7 +55631,7 @@ var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
   isGroup,
   rowPinned
 }, ref) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "div",
     {
       className: cx15("inline-nonedit-wrapper", {
@@ -55638,7 +55639,7 @@ var NonEditorWrapper = React82.forwardRef(function NonEditorWrapper2({
       })
     },
     children,
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ValidationOutput,
       {
         ref,
@@ -55651,9 +55652,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
@@ -55723,7 +55724,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",
@@ -55737,8 +55738,8 @@ var DataTableCellRenderer = ({
       alwaysShowEditors: (_c = columnDefinition.cellEditorParams) == null ? void 0 : _c.alwaysShowPseudoEditors,
       ...validationOutput
     },
-    /* @__PURE__ */ React82.createElement(Component4, { ...componentParams })
-  ) : /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(Component4, { ...componentParams })
+  ) : /* @__PURE__ */ React83.createElement(
     NonEditorWrapper,
     {
       rightAligned: colDef.type === "rightAligned",
@@ -55746,7 +55747,7 @@ var DataTableCellRenderer = ({
       rowPinned: Boolean(componentParams.rowPinned),
       isGroup: Boolean(componentParams.isGroup)
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       Component4,
       {
         ...componentParams,
@@ -55764,7 +55765,7 @@ function getStartingValue(eventKey, editorType, existingValue) {
   }
   return existingValue;
 }
-var DataTableCellEditor = React82.forwardRef(
+var DataTableCellEditor = React83.forwardRef(
   ({
     api,
     colDef,
@@ -55782,10 +55783,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 = ((_a = colDef.valueValidator) == null ? void 0 : _a.call(colDef, {
       data,
@@ -55793,7 +55794,7 @@ var DataTableCellEditor = React82.forwardRef(
       columnDefinition,
       node: serializeNode(node)
     })) ?? defaultValidationOutput;
-    React82.useImperativeHandle(ref, () => {
+    React83.useImperativeHandle(ref, () => {
       return {
         getValue: () => {
           var _a2, _b;
@@ -55829,7 +55830,7 @@ var DataTableCellEditor = React82.forwardRef(
         }
       }
     }
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
       if (editorType === "input") {
         if (eventKey) {
@@ -55863,14 +55864,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,
@@ -55921,7 +55922,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
@@ -55931,7 +55932,7 @@ var EmptyState = ({
   const hasFilters = ((_b = (_a = internalTableContext.tableRef) == null ? void 0 : _a.current) == null ? void 0 : _b.isAnyFilterPresent()) ?? false;
   const hasSearch = ((_d = (_c = internalTableContext.tableRef) == null ? void 0 : _c.current) == null ? void 0 : _d.isSearchPresent()) ?? false;
   const Renderer13 = EmptyStateRenderer ?? DefaultEmptyStateRenderer;
-  return /* @__PURE__ */ React82.createElement(Renderer13, { hasFilters, hasSearch });
+  return /* @__PURE__ */ React83.createElement(Renderer13, { hasFilters, hasSearch });
 };
 
 // src/types.ts
@@ -55942,7 +55943,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,
@@ -56167,9 +56168,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;
   }
@@ -56205,7 +56206,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",
@@ -56230,7 +56231,7 @@ var SortComponent = (props) => {
     let sortIcon = null;
     switch (sort) {
       case "asc":
-        sortIcon = /* @__PURE__ */ React82.createElement(
+        sortIcon = /* @__PURE__ */ React83.createElement(
           ArrowUp,
           {
             size: "sm",
@@ -56240,7 +56241,7 @@ var SortComponent = (props) => {
         );
         break;
       case "desc":
-        sortIcon = /* @__PURE__ */ React82.createElement(
+        sortIcon = /* @__PURE__ */ React83.createElement(
           ArrowDown,
           {
             size: "sm",
@@ -56253,14 +56254,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;
 };
@@ -56274,8 +56275,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;
@@ -56288,7 +56289,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 == null ? void 0 : columns.length)) {
@@ -56354,15 +56355,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;
     }
@@ -56374,8 +56375,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(() => {
     var _a2;
     const onExpandAllChange = (event) => {
       setExpansionVariant(event.source === "expandAll" ? "all" : "closed");
@@ -56389,7 +56390,7 @@ var GenericHeaderRenderer = (props) => {
       );
     };
   }, [props.api]);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const hasTierOneCollapsedNodes = !!findNode(
       (node) => node.level === 0 && !node.expanded,
       props.api
@@ -56446,10 +56447,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;
     }
@@ -56485,7 +56486,7 @@ var GenericHeaderRenderer = (props) => {
     };
   }, [isFirstColumn2, selectAll]);
   const { ref, isOverflowing, recalculate } = useOverflowObserver();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     const handler = () => {
       var _a2;
       return (_a2 = recalculate.current) == null ? void 0 : _a2.call(recalculate);
@@ -56497,7 +56498,7 @@ var GenericHeaderRenderer = (props) => {
       removeEventListenerFromGrid("columnResized", handler, props.api);
     };
   }, []);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (!onSSDR || !isFirstColumn2 || !props.selectionSSREnabled) {
       return;
     }
@@ -56532,7 +56533,7 @@ var GenericHeaderRenderer = (props) => {
       );
     };
   }, [isFirstColumn2, props.selectionSSREnabled, props.api, onSSDR]);
-  const toggleSelectAll = React82.useCallback(() => {
+  const toggleSelectAll = React83.useCallback(() => {
     var _a2, _b, _c;
     const nextSelectedState = selectAll === "all" /* All */ ? "none" /* None */ : "all" /* All */;
     setSelectAll(nextSelectedState);
@@ -56561,7 +56562,7 @@ var GenericHeaderRenderer = (props) => {
     props.selectionSSREnabled,
     props.api
   ]);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Flex,
     {
       alignItems: "center",
@@ -56570,7 +56571,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",
@@ -56578,16 +56579,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",
@@ -56599,14 +56600,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",
@@ -56614,15 +56615,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",
@@ -56641,14 +56642,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,
@@ -56657,13 +56658,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" })
     )
   ));
 }
@@ -56684,8 +56685,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,
@@ -56697,7 +56698,7 @@ function withDataTableEditor(Component4, editorType) {
   );
 }
 function withDataTableRenderer(Component4, editorType) {
-  return ({ colDef, ...agGridProps }) => /* @__PURE__ */ React82.createElement(
+  return ({ colDef, ...agGridProps }) => /* @__PURE__ */ React83.createElement(
     DataTableCellRenderer,
     {
       ...agGridProps,
@@ -56734,17 +56735,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,
@@ -56860,15 +56861,15 @@ function getId2(func, option) {
 }
 var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) => {
   var _a, _b;
-  const ref = React82.useRef();
-  React82.useLayoutEffect(() => {
+  const ref = React83.useRef();
+  React83.useLayoutEffect(() => {
     var _a2, _b2;
     (_b2 = ref == null ? void 0 : ref.current) == null ? void 0 : _b2.setAttribute("title", (_a2 = ref == null ? void 0 : ref.current) == null ? void 0 : _a2.innerText);
   });
   if (value === void 0 || value === null) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Typography,
     {
       as: "ol",
@@ -56887,8 +56888,8 @@ var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) =
       emptyArray
     ).map((option, idx, arr) => {
       var _a2, _b2, _c;
-      return /* @__PURE__ */ React82.createElement(
-        React82.Fragment,
+      return /* @__PURE__ */ React83.createElement(
+        React83.Fragment,
         {
           key: (
             // eslint-disable-next-line react/no-array-index-key
@@ -56901,7 +56902,7 @@ var InternalMultiSelectCellRenderer = ({ columnDefinition, rowHeight, value }) =
             )}_idx_${idx}`
           )
         },
-        /* @__PURE__ */ React82.createElement("li", null, getLabel2((_c = columnDefinition.cellRendererParams) == null ? void 0 : _c.getLabel, option), idx !== arr.length - 1 ? commaToken : null)
+        /* @__PURE__ */ React83.createElement("li", null, getLabel2((_c = columnDefinition.cellRendererParams) == null ? void 0 : _c.getLabel, option), idx !== arr.length - 1 ? commaToken : null)
       );
     })
   );
@@ -56939,7 +56940,7 @@ function useFilterStorage({
   initialSelectedFilters = emptyArray2,
   getColumnDefinition
 }) {
-  const [filtersState, setFiltersState] = React82.useState({
+  const [filtersState, setFiltersState] = React83.useState({
     filterable: emptyObj,
     filterOptions: emptyObj,
     possibleFilters: emptyArray2,
@@ -56959,10 +56960,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
     );
@@ -56985,7 +56986,7 @@ function useFilterStorage({
       selectedFilters: emptyObj
     }));
   }
-  const setSelectedFilters = React82.useCallback(
+  const setSelectedFilters = React83.useCallback(
     (selectedFilters) => {
       setFiltersState((prev) => ({
         ...prev,
@@ -57112,13 +57113,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
@@ -57159,7 +57160,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 = {
@@ -57171,16 +57172,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) {
@@ -57191,13 +57192,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,
@@ -57211,7 +57212,7 @@ var ServerSideSearch = ({
 };
 
 // src/utils/internalTableContext.ts
-var InternalTableContext = React82.createContext({
+var InternalTableContext = React83.createContext({
   columnDefinitions: [],
   contextPanel: {
     content: void 0,
@@ -57257,7 +57258,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 == null ? void 0 : 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 {
@@ -58893,9 +59007,9 @@ var getSelectedRows = ({
   return (gridApi == null ? void 0 : gridApi.getModel().getType()) === "serverSide" ? serverSideRows : (gridApi == null ? void 0 : 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 == null ? void 0 : gridApi.destroyCalled)) {
         setSelectedRows(getSelectedRows({ gridApi, rowSelectionRef }));
@@ -58917,12 +59031,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"
     },
@@ -58941,9 +59055,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,
@@ -58960,7 +59074,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",
@@ -58969,8 +59083,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))
   );
 };
 
@@ -64101,12 +64215,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);
@@ -66827,7 +66941,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) => {
@@ -67021,19 +67135,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;
@@ -67090,15 +67204,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 }))
     )
   );
 };
@@ -67145,11 +67259,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);
@@ -67212,19 +67326,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 })
     )
   );
 };
@@ -67266,14 +67380,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);
 
@@ -67326,16 +67440,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())
     )
   );
 };
@@ -67370,12 +67484,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);
@@ -67469,7 +67583,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) => {
@@ -67551,12 +67665,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) => {
@@ -67565,14 +67679,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);
@@ -67769,13 +67883,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);
 
@@ -67867,17 +67981,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(),
@@ -67979,16 +68093,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()
   );
 };
@@ -68120,22 +68234,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: [
@@ -68214,10 +68328,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,
@@ -68363,13 +68477,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
@@ -68377,7 +68491,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)
       )
     ))
   );
@@ -68477,10 +68591,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
   );
 };
@@ -68594,7 +68708,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);
 
@@ -68637,7 +68751,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) => {
@@ -68797,7 +68911,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;
   }
 };
@@ -76371,47 +76485,47 @@ 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) {
     var _a, _b;
-    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: (_a = editorParams == null ? void 0 : editorParams.getImageURL) == null ? void 0 : _a.call(editorParams, option),
-        icon: /* @__PURE__ */ React82.createElement(Building, null),
+        icon: /* @__PURE__ */ React83.createElement(Building, null),
         selected: optionProps.selected
       },
-      /* @__PURE__ */ React82.createElement(ContactItem$1.Title, null, (_b = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _b.call(editorParams, option))
+      /* @__PURE__ */ React83.createElement(ContactItem$1.Title, null, (_b = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _b.call(editorParams, option))
     ));
   };
 }
 function personOptionRenderer(editorParams) {
   return function renderer(option, optionProps) {
     var _a, _b, _c, _d, _e;
-    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: (_a = editorParams == null ? void 0 : editorParams.getImageURL) == null ? void 0 : _a.call(editorParams, option),
         initials: (_b = editorParams == null ? void 0 : editorParams.getInitials) == null ? void 0 : _b.call(editorParams, option),
         selected: optionProps.selected
       },
-      /* @__PURE__ */ React82.createElement(ContactItem$1.Title, null, (_c = editorParams == null ? void 0 : editorParams.getPersonName) == null ? void 0 : _c.call(editorParams, option)),
-      ((_d = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _d.call(editorParams, option)) && /* @__PURE__ */ React82.createElement(ContactItem$1.Description, null, (_e = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _e.call(editorParams, option))
+      /* @__PURE__ */ React83.createElement(ContactItem$1.Title, null, (_c = editorParams == null ? void 0 : editorParams.getPersonName) == null ? void 0 : _c.call(editorParams, option)),
+      ((_d = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _d.call(editorParams, option)) && /* @__PURE__ */ React83.createElement(ContactItem$1.Description, null, (_e = editorParams == null ? void 0 : editorParams.getCompanyName) == null ? void 0 : _e.call(editorParams, 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,
@@ -76422,10 +76536,10 @@ function RadioList({
   name,
   options = []
 }) {
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     getOptions();
   }, []);
-  return loading ? /* @__PURE__ */ React82.createElement(
+  return loading ? /* @__PURE__ */ React83.createElement(
     Form.Field,
     {
       as: LoadingField,
@@ -76435,7 +76549,7 @@ function RadioList({
       label,
       name
     }
-  ) : /* @__PURE__ */ React82.createElement(
+  ) : /* @__PURE__ */ React83.createElement(
     Form.RadioButtons,
     {
       colWidth: 12,
@@ -76471,7 +76585,7 @@ var BulkEditInput = (props) => {
   var _a;
   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",
@@ -76502,7 +76616,7 @@ var BulkEditInput = (props) => {
     var _a2, _b;
     return ((_b = (_a2 = props.editorParams) == null ? void 0 : _a2.getOptionLabel) == null ? void 0 : _b.call(_a2, option)) || getLabel3(option);
   };
-  const defaultField = /* @__PURE__ */ React82.createElement(
+  const defaultField = /* @__PURE__ */ React83.createElement(
     Form.Text,
     {
       colWidth: 12,
@@ -76515,7 +76629,7 @@ var BulkEditInput = (props) => {
   );
   switch (props.editor) {
     case "checkbox":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Checkbox,
         {
           colWidth: 12,
@@ -76530,7 +76644,7 @@ var BulkEditInput = (props) => {
         placeholder: currencyPlaceholder,
         ...currencyParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Currency,
         {
           ...currencyParams,
@@ -76545,7 +76659,7 @@ var BulkEditInput = (props) => {
       );
     case "dateSelect":
       const dateSelectParams = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.DateSelect,
         {
           ...dateSelectParams,
@@ -76558,7 +76672,7 @@ var BulkEditInput = (props) => {
       );
     case "dateTimeSelect":
       const dateTimeSelectParams = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         DateTimeSelectField,
         {
           ...dateTimeSelectParams,
@@ -76574,7 +76688,7 @@ var BulkEditInput = (props) => {
         placeholder: multiSelectPlaceholder,
         ...multiSelectParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...multiSelectParams,
@@ -76592,7 +76706,7 @@ var BulkEditInput = (props) => {
         }
       );
     case "number":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Number,
         {
           colWidth: 12,
@@ -76609,7 +76723,7 @@ var BulkEditInput = (props) => {
         placeholder: personPlaceholder,
         ...personParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...personParams,
@@ -76632,7 +76746,7 @@ var BulkEditInput = (props) => {
         placeholder: MultiSelectBulkEditorParams,
         ...PeopleBulkEditorParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...PeopleBulkEditorParams,
@@ -76651,7 +76765,7 @@ var BulkEditInput = (props) => {
         }
       );
     case "radio":
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         RadioList,
         {
           getId: getId3,
@@ -76668,7 +76782,7 @@ var BulkEditInput = (props) => {
         placeholder: selectPlaceholder,
         ...selectParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...selectParams,
@@ -76690,7 +76804,7 @@ var BulkEditInput = (props) => {
         placeholder: companyPlaceholder,
         ...companyParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.Select,
         {
           ...companyParams,
@@ -76713,7 +76827,7 @@ var BulkEditInput = (props) => {
         placeholder: companiesMultiSelectPlaceholder,
         ...companiesBulkEditorParams
       } = props.editorParams;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         Form.MultiSelect,
         {
           ...companiesBulkEditorParams,
@@ -76733,7 +76847,7 @@ var BulkEditInput = (props) => {
       );
     default:
       if (props.editor && (customBulkEditorFields == null ? void 0 : customBulkEditorFields[props.editor])) {
-        return /* @__PURE__ */ React82.createElement(
+        return /* @__PURE__ */ React83.createElement(
           Form.Field,
           {
             as: customBulkEditorFields[props.editor].component,
@@ -76752,7 +76866,7 @@ var BulkEditInput = (props) => {
       }
   }
 };
-var BulkEdit = React82.forwardRef(
+var BulkEdit = React83.forwardRef(
   ({ onReset = noop3 }, ref) => {
     var _a;
     const {
@@ -76766,12 +76880,12 @@ var BulkEdit = React82.forwardRef(
       getRowId,
       tableRef
     } = useInternalTableContext();
-    const formRef = React82.useRef();
+    const formRef = React83.useRef();
     const bulkEditCols = ((_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.getBulkEditColumns()) ?? [];
     const selectedRows = useRowSelectionState();
     const { showToast } = useToastAlertContext();
     const I18n = useI18nContext();
-    const [fieldOptions, setFieldOptions] = React82.useState({});
+    const [fieldOptions, setFieldOptions] = React83.useState({});
     function getEditorParams(field) {
       var _a2;
       return (_a2 = getColumnDefinition(field)) == null ? void 0 : _a2.bulkEditEditorParams;
@@ -76881,7 +76995,7 @@ var BulkEdit = React82.forwardRef(
         }
       }
     };
-    React82.useImperativeHandle(
+    React83.useImperativeHandle(
       ref,
       () => ({
         reset: () => {
@@ -76895,7 +77009,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,
@@ -76913,8 +77027,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: () => {
@@ -76923,8 +77037,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",
@@ -76938,7 +77052,7 @@ var BulkEditPanel = ({}) => {
       }
     },
     I18n.t("dataTable.bulkActions.cancel")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     Button,
     {
       key: "save",
@@ -77154,7 +77268,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,
@@ -77163,7 +77277,7 @@ var ConfigurationRowHeight = () => {
       }
     },
     I18n.t("dataTable.tableSettings.small")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     SegmentedController.Segment,
     {
       active: rowHeight === rowSize.md,
@@ -77172,7 +77286,7 @@ var ConfigurationRowHeight = () => {
       }
     },
     I18n.t("dataTable.tableSettings.medium")
-  ), /* @__PURE__ */ React82.createElement(
+  ), /* @__PURE__ */ React83.createElement(
     SegmentedController.Segment,
     {
       active: rowHeight === rowSize.lg,
@@ -77183,7 +77297,7 @@ var ConfigurationRowHeight = () => {
     I18n.t("dataTable.tableSettings.large")
   ));
 };
-var ConfigurationColumns = React82.forwardRef(
+var ConfigurationColumns = React83.forwardRef(
   ({
     onDisplayedColumnsChange
   }, ref) => {
@@ -77195,7 +77309,7 @@ var ConfigurationColumns = React82.forwardRef(
       columnApi,
       onTableConfigChange
     } = useInternalTableContext();
-    const [colDefs, setColumnDefs] = React82.useState(() => {
+    const [colDefs, setColumnDefs] = React83.useState(() => {
       const columnDefs = gridApi == null ? void 0 : gridApi.getColumnDefs();
       if (columnDefs) {
         return columnDefs;
@@ -77209,7 +77323,7 @@ var ConfigurationColumns = React82.forwardRef(
       );
       return toGroupedCols(columnDefinitionsMappedToDefs);
     });
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       function onDisplayedColumnsChanged(event) {
         var _a;
         if ((_a = event.api.getColumnDefs()) == null ? void 0 : _a.length) {
@@ -77228,18 +77342,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) {
@@ -77256,14 +77370,14 @@ var ConfigurationColumns = React82.forwardRef(
       },
       [columnApi, gridApi, onTableConfigChange]
     );
-    const toggleAllColumnVisibility = React82.useCallback(
+    const toggleAllColumnVisibility = React83.useCallback(
       (show) => {
         columnApi == null ? void 0 : columnApi.setColumnsVisible(configPanelColumnFields, show);
         onTableConfigChange();
       },
       [columnApi, configPanelColumnFields, onTableConfigChange]
     );
-    const getColumnState = React82.useCallback(
+    const getColumnState = React83.useCallback(
       (col) => {
         var _a, _b;
         if (isColGroupDef3(col) && col.children && col.groupId !== void 0) {
@@ -77277,16 +77391,16 @@ 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 == null ? void 0 : configPanelColumns.map(
+    return /* @__PURE__ */ React83.createElement("div", null, configPanelColumns == null ? void 0 : configPanelColumns.map(
       (column2) => {
         var _a;
-        return column2.headerName && /* @__PURE__ */ React82.createElement(
+        return column2.headerName && /* @__PURE__ */ React83.createElement(
           Flex,
           {
             alignItems: "center",
@@ -77298,14 +77412,14 @@ var ConfigurationColumns = React82.forwardRef(
               paddingLeft: `${spacing.lg + spacing.md * column2.depth}px`
             }
           },
-          /* @__PURE__ */ React82.createElement(
+          /* @__PURE__ */ React83.createElement(
             Switch,
             {
               checked: ((_a = getColumnState(column2)) == null ? void 0 : _a.isVisible()) || false,
               onChange: toggleColumnVisibility(column2),
               disabled: column2.lockVisible
             },
-            /* @__PURE__ */ React82.createElement(
+            /* @__PURE__ */ React83.createElement(
               Typography,
               {
                 style: {
@@ -77323,21 +77437,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,
@@ -77350,7 +77464,7 @@ var ConfigurationPanel = ({}) => {
         I18n.t("dataTable.tableSettings.resetToDefault")
       )
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       ConfigurationColumns,
       {
         onDisplayedColumnsChange: setIsAllColumnsVisible,
@@ -77363,14 +77477,14 @@ function ClientSideFilterInner(props) {
   var _a, _b;
   const { Component: Component4, columnDefinition, onChange, options, value } = props;
   const filterHeading = ((_b = (_a = columnDefinition.filterProps) == null ? void 0 : _a.getFilterHeadingText) == null ? void 0 : _b.call(_a, columnDefinition)) ?? columnDefinition.headerName;
-  const filterOptions = React82.useMemo(
+  const filterOptions = React83.useMemo(
     () => {
       var _a2;
       return (_a2 = options ?? []) == null ? void 0 : _a2.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}`,
@@ -77381,7 +77495,7 @@ function ClientSideFilterInner(props) {
     }
   ));
 }
-var ClientSideFilter = React82.memo(
+var ClientSideFilter = React83.memo(
   ClientSideFilterInner,
   (prev, next) => prev.value === next.value && prev.options === next.options
 );
@@ -77480,7 +77594,7 @@ var Filters = ({
   FilterListItem
 }) => {
   const { getColumnDefinition } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "ol",
     {
       className: cx19("filters-list"),
@@ -77492,7 +77606,7 @@ var Filters = ({
         return null;
       }
       let FilterRenderer = (columnDefinition == null ? void 0 : columnDefinition.filterRenderer) ?? MultiSelectFilterRenderer_default;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         FilterListItem,
         {
           key: fieldName,
@@ -77507,7 +77621,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),
@@ -77515,7 +77629,7 @@ function FilterListItems(props) {
       }
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "ol",
     {
       className: cx19("filters-list"),
@@ -77528,7 +77642,7 @@ function FilterListItems(props) {
         return null;
       }
       const FilterRenderer = columnDefinition.filterRenderer ?? MultiSelectFilterRenderer_default;
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         FilterListItem,
         {
           key: filterRecord.field,
@@ -77551,7 +77665,7 @@ function FilterGroupWrapper(props) {
   if (filterGroup === null) {
     return props.children;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     StyledPanelSection,
     {
       className: "filters-list-group-section",
@@ -77574,7 +77688,7 @@ function FiltersList(props) {
   if (!filterGroupsMap) {
     return null;
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       className: cx19("filters-list"),
@@ -77588,7 +77702,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,
@@ -77596,7 +77710,7 @@ function FiltersList(props) {
         }
       ));
     }),
-    filterGroupsMap[FILTER_GROUP_NO_KEY] && /* @__PURE__ */ React82.createElement(
+    filterGroupsMap[FILTER_GROUP_NO_KEY] && /* @__PURE__ */ React83.createElement(
       FilterListItems,
       {
         ...props,
@@ -77613,7 +77727,7 @@ var BaseFiltersPanel = ({
 }) => {
   const { contextPanel } = useInternalTableContext();
   const I18n = useI18nContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Card,
     {
       style: { maxHeight: "100vh" },
@@ -77623,7 +77737,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",
@@ -77632,38 +77746,38 @@ 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) {
   var _a;
   const { tableRef } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     BaseFiltersPanel,
     {
       onClearAllFilters: (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.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();
@@ -77685,13 +77799,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,
@@ -77705,7 +77819,7 @@ var ConfigPanelButton = () => {
         selected: contextPanel.content === "configuration",
         "data-qa": "table-config-button"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         "svg",
         {
           style: { marginTop: "6px" },
@@ -77716,7 +77830,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",
@@ -77736,12 +77850,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,
@@ -77773,18 +77887,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();
@@ -77802,7 +77916,7 @@ var ServerSideFiltersPanelToggleButton = () => {
   const {
     filterStorage: { hasDefinedFilters, hasSelectedFilters }
   } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     FiltersPanelToggleButton,
     {
       hasDefinedFilters,
@@ -77812,12 +77926,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,
@@ -77828,7 +77942,7 @@ var ClientSideFiltersPanelToggleButton = () => {
 
 // src/QuickControls/QuickFilters.tsx
 var FilterIcon = () => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     "svg",
     {
       focusable: false,
@@ -77838,7 +77952,7 @@ var FilterIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React82.createElement(
+    /* @__PURE__ */ React83.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -77856,7 +77970,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);
@@ -77877,7 +77991,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",
@@ -77892,7 +78006,7 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef || !QuickFilter) {
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         QuickFilter,
         {
           key: filter.field,
@@ -77915,7 +78029,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: () => {
@@ -77938,7 +78052,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(
@@ -77967,7 +78081,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",
@@ -77983,7 +78097,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef || !QuickFilter) {
         return null;
       }
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React83.createElement(
         QuickFilter,
         {
           key: fieldName,
@@ -77998,10 +78112,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",
@@ -78014,14 +78128,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
@@ -78031,9 +78145,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 {
@@ -78043,29 +78157,29 @@ 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 == null ? void 0 : 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(() => {
     var _a;
     (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setRowGrouping([]);
   }, [tableRef]);
-  const onGroupedRowChange = React82.useCallback(
+  const onGroupedRowChange = React83.useCallback(
     (newValue) => {
       var _a;
       const fields = newValue.map((val) => {
@@ -78077,7 +78191,7 @@ var RowGroupSelector = ({ localeText }) => {
     },
     [selectedColumns]
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     function onDisplayedColumnsChanged(event) {
       const agColumnDefs = event.api.getColumnDefs();
       if (agColumnDefs == null ? void 0 : agColumnDefs.length) {
@@ -78103,13 +78217,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,
@@ -78138,18 +78252,18 @@ var ClientSideSearch = ({
   placeholder
 }) => {
   var _a;
-  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) => {
       var _a2;
       (_a2 = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a2.setSearchValue(value);
     }, 250),
     [(_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.setSearchValue]
   );
-  const onChange = React82.useCallback(
+  const onChange = React83.useCallback(
     (value, event) => {
       setInternalValue(value);
       if (onSearch) {
@@ -78160,13 +78274,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,
@@ -78184,16 +78298,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",
@@ -78203,14 +78317,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: {
@@ -78219,7 +78333,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
@@ -80581,7 +80695,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);
         }
@@ -80724,14 +80838,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 == null ? void 0 : gridApi.paginationGoToPage(0);
   }, [gridApi]);
-  const applyListFilter = React82.useCallback(
+  const applyListFilter = React83.useCallback(
     async (field, values2) => {
       const filterInstance = gridApi == null ? void 0 : gridApi.getFilterInstance(field);
       if (!filterInstance) {
@@ -80753,7 +80867,7 @@ var useTableApi = ({
     },
     [gridApi, analytics, onTableConfigChange, resetPagination]
   );
-  const applyNumberFilter = React82.useCallback(
+  const applyNumberFilter = React83.useCallback(
     async (field, values2) => {
       const filterInstance = gridApi == null ? void 0 : gridApi.getFilterInstance(field);
       if (!filterInstance) {
@@ -80776,13 +80890,13 @@ var useTableApi = ({
     },
     [gridApi, analytics, onTableConfigChange, resetPagination]
   );
-  const refreshServerSide = React82.useCallback(
+  const refreshServerSide = React83.useCallback(
     (params) => {
       gridApi == null ? void 0 : gridApi.refreshServerSide(params);
     },
     [gridApi]
   );
-  const removeFilter = React82.useCallback(
+  const removeFilter = React83.useCallback(
     async (field) => {
       var _a;
       await ((_a = gridApi == null ? void 0 : gridApi.getFilterInstance(field)) == null ? void 0 : _a.setModel(null));
@@ -80792,13 +80906,13 @@ var useTableApi = ({
     },
     [gridApi, onTableConfigChange, resetPagination]
   );
-  const removeAllFilters = React82.useCallback(() => {
+  const removeAllFilters = React83.useCallback(() => {
     gridApi == null ? void 0 : gridApi.setFilterModel(null);
     gridApi == null ? void 0 : gridApi.onFilterChanged();
     onTableConfigChange();
     resetPagination();
   }, [gridApi, onTableConfigChange, resetPagination]);
-  const getListFilter = React82.useCallback(
+  const getListFilter = React83.useCallback(
     async (field) => {
       var _a, _b, _c;
       const filterInstance = gridApi == null ? void 0 : gridApi.getFilterInstance(field);
@@ -80826,7 +80940,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(
@@ -80836,11 +80950,11 @@ var useTableApi = ({
     },
     [getListFilter, columnDefinitions]
   );
-  const getCellEditorInstances = React82.useCallback(
+  const getCellEditorInstances = React83.useCallback(
     () => (gridApi == null ? void 0 : gridApi.getCellEditorInstances()) || [],
     [gridApi]
   );
-  const getBulkEditColumns = React82.useCallback(
+  const getBulkEditColumns = React83.useCallback(
     () => columnDefinitions.filter((colDef) => {
       if (!colDef.bulkEditEditor) {
         return false;
@@ -80878,15 +80992,15 @@ var useTableApi = ({
     }),
     [columnDefinitions]
   );
-  const isAnyFilterPresent = React82.useCallback(
+  const isAnyFilterPresent = React83.useCallback(
     () => ((gridApi == null ? void 0 : gridApi.isColumnFilterPresent()) || filterStorage.hasSelectedFilters) ?? false,
     [gridApi, filterStorage.hasSelectedFilters]
   );
-  const isSearchPresent = React82.useCallback(
+  const isSearchPresent = React83.useCallback(
     () => ((gridApi == null ? void 0 : gridApi.isQuickFilterPresent()) || !!(searchStorage == null ? void 0 : searchStorage.searchValue)) ?? false,
     [gridApi, searchStorage == null ? void 0 : searchStorage.searchValue]
   );
-  const setColumnVisibility = React82.useCallback(
+  const setColumnVisibility = React83.useCallback(
     (field, visibility) => {
       columnApi == null ? void 0 : columnApi.setColumnVisible(field, visibility);
       analytics == null ? void 0 : analytics.client.addEvent(
@@ -80901,34 +81015,34 @@ var useTableApi = ({
     },
     [columnApi, analytics, onTableConfigChange]
   );
-  const setSearchValue = React82.useCallback(
+  const setSearchValue = React83.useCallback(
     (value) => {
       gridApi == null ? void 0 : 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 == null ? void 0 : columnApi.setRowGroupColumns(value);
       resetPagination();
     },
     [columnApi]
   );
-  const setColumnsVisibility = React82.useCallback(
+  const setColumnsVisibility = React83.useCallback(
     (fields, visibility) => {
       columnApi == null ? void 0 : columnApi.setColumnsVisible(fields, visibility);
       onTableConfigChange();
     },
     [columnApi, onTableConfigChange]
   );
-  const setTableConfiguration = React82.useCallback(
+  const setTableConfiguration = React83.useCallback(
     (config) => {
       var _a, _b;
       if (!columnApi || !gridApi) {
@@ -80961,7 +81075,7 @@ var useTableApi = ({
     },
     [columnApi, gridApi, internalSetRowHeight, filterStorage.setSelectedFilters]
   );
-  const exportToCSV = React82.useCallback(
+  const exportToCSV = React83.useCallback(
     ({
       fileName,
       columnKeys,
@@ -80990,7 +81104,7 @@ var useTableApi = ({
     },
     [analytics, columnDefinitions, gridApi]
   );
-  const exportToExcel = React82.useCallback(
+  const exportToExcel = React83.useCallback(
     ({ fileName, columnKeys, sheetName = fileName }) => {
       function processCellCallback(params) {
         var _a;
@@ -81012,7 +81126,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) {
@@ -81039,13 +81153,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,
@@ -81091,7 +81205,7 @@ var useTableApi = ({
       rowNodes: rowValues.map((rowValue) => rowValue.node)
     });
   };
-  const selectRows = React82.useCallback(
+  const selectRows = React83.useCallback(
     (rowIds, source) => {
       rowIds == null ? void 0 : rowIds.forEach((id) => {
         const rowNode = gridApi == null ? void 0 : gridApi.getRowNode(id.toString());
@@ -81103,7 +81217,7 @@ var useTableApi = ({
     },
     [gridApi]
   );
-  const deselectRows = React82.useCallback(
+  const deselectRows = React83.useCallback(
     (rowIds, source) => {
       rowIds == null ? void 0 : rowIds.forEach((id) => {
         const rowNode = gridApi == null ? void 0 : gridApi.getRowNode(id.toString());
@@ -81379,12 +81493,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();
@@ -81398,7 +81512,7 @@ var DataTable = ({
       translations
     )
   });
-  const rowSelectionRef = React82.useRef({
+  const rowSelectionRef = React83.useRef({
     affectedRows: {},
     getRowId
   });
@@ -81413,18 +81527,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;
@@ -81433,14 +81547,14 @@ var DataTable = ({
     },
     [columnMapByField]
   );
-  const [rowHeight, setRowHeight] = React82.useState(
+  const [rowHeight, setRowHeight] = React83.useState(
     (initialTableConfig == null ? void 0 : initialTableConfig.rowHeight) || rowSize.md
   );
-  const rowHeightRef = React82.useRef(
+  const rowHeightRef = React83.useRef(
     (initialTableConfig == null ? void 0 : 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,
@@ -81452,8 +81566,8 @@ var DataTable = ({
     initialSelectedFilters: initialTableConfig == null ? void 0 : initialTableConfig.serverFilters,
     getColumnDefinition
   });
-  const checkboxColumn = React82.useRef(null);
-  React82.useEffect(() => {
+  const checkboxColumn = React83.useRef(null);
+  React83.useEffect(() => {
     var _a;
     if (gridApi && columnApi) {
       if (!checkboxColumn.current) {
@@ -81465,7 +81579,7 @@ var DataTable = ({
       }
     }
   }, [gridApi, columnApi, initialTableConfig, initialConfigSet]);
-  const internalOnTableConfigChange = React82.useCallback(() => {
+  const internalOnTableConfigChange = React83.useCallback(() => {
     var _a;
     const newCheckboxColumn = getCheckboxColumn(columnApi);
     if (newCheckboxColumn !== checkboxColumn.current) {
@@ -81491,10 +81605,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 == null ? void 0 : gridApi.setServerSideDatasource(
         getServerSideDatasource(
@@ -81515,7 +81629,7 @@ var DataTable = ({
     searchStorage.searchValue,
     initialConfigSet
   ]);
-  const internalSetRowHeight = React82.useCallback(
+  const internalSetRowHeight = React83.useCallback(
     (tableRowHeight, createTrackEvent = true, triggerTableConfigChange = true) => {
       rowHeightRef.current = tableRowHeight;
       setRowHeight(tableRowHeight);
@@ -81539,7 +81653,7 @@ var DataTable = ({
     },
     [analytics, gridApi, internalOnTableConfigChange]
   );
-  const getRowHeight = React82.useCallback(
+  const getRowHeight = React83.useCallback(
     (customFooters) => (params) => {
       var _a, _b;
       if (params.node.rowPinned === "bottom") {
@@ -81562,7 +81676,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: {
@@ -81657,12 +81771,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;
@@ -81671,15 +81785,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") || ""
   });
@@ -81690,10 +81804,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(
     () => {
       var _a2;
       return (_a2 = internalTableContext.columnDefinitions) == null ? void 0 : _a2.map(
@@ -81706,24 +81820,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;
     }
@@ -81741,7 +81855,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
@@ -81783,7 +81897,7 @@ var Table = (props) => {
       gridApi == null ? void 0 : gridApi.setHeaderHeight(maxHeight);
     }
   }
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     var _a2, _b2;
     if (gridApi && columnApi && ((_a2 = internalTableContext.tableRef) == null ? void 0 : _a2.current)) {
       (_b2 = props.onTableReady) == null ? void 0 : _b2.call(
@@ -81803,19 +81917,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;
     }
@@ -81868,7 +81982,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(
@@ -81881,7 +81995,7 @@ var Table = (props) => {
     }
     frameworkComponentsInitialized.current = true;
   }, []);
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     if (props.siblingGroupsRowSelectionDisabled) {
       setSiblingGroupsRowSelection(selectedGroupIndex, gridApi);
     }
@@ -81894,7 +82008,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) {
     var _a2;
@@ -81908,7 +82022,7 @@ var Table = (props) => {
       });
     }
   }
-  const onModelUpdated = React82.useCallback(
+  const onModelUpdated = React83.useCallback(
     async (event) => {
       var _a2, _b2;
       if (!props.pinnedBottomRowData) {
@@ -81945,7 +82059,7 @@ var Table = (props) => {
       gridApi
     ]
   );
-  const internalOnCellValueChanged = React82.useCallback(
+  const internalOnCellValueChanged = React83.useCallback(
     async (event) => {
       var _a2, _b2;
       if ((_a2 = event.api) == null ? void 0 : _a2.isAnyFilterPresent()) {
@@ -81958,7 +82072,7 @@ var Table = (props) => {
     },
     [onModelUpdated]
   );
-  const isFullWidthRow = React82.useCallback(
+  const isFullWidthRow = React83.useCallback(
     (node) => {
       if (props.isFullWidth) {
         return props.isFullWidth(node.data);
@@ -81967,7 +82081,7 @@ var Table = (props) => {
     },
     [props]
   );
-  const isRowSelectable = React82.useCallback(
+  const isRowSelectable = React83.useCallback(
     (node) => {
       if (typeof props.rowSelectionEnabled === "boolean") {
         return props.rowSelectionEnabled;
@@ -81984,7 +82098,7 @@ var Table = (props) => {
     },
     [props]
   );
-  const decoratedAutoGroupColDef = React82.useMemo(
+  const decoratedAutoGroupColDef = React83.useMemo(
     () => getDecoratedAutoGroupColDef(
       props == null ? void 0 : props.autoGroupColumnDefinition,
       internalTableContext.enableGroupEditAndValidation,
@@ -81994,7 +82108,7 @@ var Table = (props) => {
     ),
     [props == null ? void 0 : props.autoGroupColumnDefinition]
   );
-  const onColumnGroupOpened = React82.useCallback(
+  const onColumnGroupOpened = React83.useCallback(
     (event) => {
       var _a2, _b2, _c;
       (_c = internalTableContext.analytics) == null ? void 0 : _c.client.addEvent(
@@ -82012,7 +82126,7 @@ var Table = (props) => {
     },
     [internalTableContext, columnGroupBordersEnabled]
   );
-  const onColumnPinned = React82.useCallback(
+  const onColumnPinned = React83.useCallback(
     (event) => {
       var _a2, _b2, _c, _d;
       (_d = internalTableContext.analytics) == null ? void 0 : _d.client.addEvent(
@@ -82034,11 +82148,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) => {
       var _a2;
       if (props.onRowDragEnd) {
@@ -82052,14 +82166,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) => {
       var _a2;
       const { columnApi: columnApi2 } = event;
@@ -82100,7 +82214,7 @@ var Table = (props) => {
       });
     }
   }
-  const onDragStopped = React82.useCallback(
+  const onDragStopped = React83.useCallback(
     // eslint-disable-next-line complexity
     (event) => {
       var _a2, _b2, _c;
@@ -82150,16 +82264,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(
     ((_b = (_a = internalTableContext.initialTableConfig) == null ? void 0 : _a.columnState) == null ? void 0 : _b.filter((cs) => cs.rowGroup).sort((a, b) => a.rowGroupIndex - b.rowGroupIndex).map((cs) => cs.field)) || []
   );
-  const onColumnRowGroupChanged = React82.useCallback(() => {
+  const onColumnRowGroupChanged = React83.useCallback(() => {
     var _a2;
     const currentGroupedFields = (columnApi == null ? void 0 : columnApi.getRowGroupColumns().map((c) => c.getColId())) || [];
     const groupedFieldsAdded = currentGroupedFields.filter(
@@ -82194,7 +82308,7 @@ var Table = (props) => {
     previousGroupedFields.current = currentGroupedFields;
     internalTableContext.onTableConfigChange();
   }, [columnApi, internalTableContext]);
-  const onContainerResize = React82.useCallback(() => {
+  const onContainerResize = React83.useCallback(() => {
     var _a2;
     setViewportWidth(
       (_a2 = document.getElementsByClassName("ag-body-viewport")[0]) == null ? void 0 : _a2.clientWidth
@@ -82226,7 +82340,7 @@ var Table = (props) => {
       }
     }
   };
-  const internalRowGroupOpened = React82.useCallback(
+  const internalRowGroupOpened = React83.useCallback(
     (event) => {
       var _a2;
       (_a2 = props.onRowGroupOpened) == null ? void 0 : _a2.call(props, {
@@ -82237,7 +82351,7 @@ var Table = (props) => {
     },
     [props.onRowGroupOpened]
   );
-  const getGroupRowAgg = React82.useCallback(
+  const getGroupRowAgg = React83.useCallback(
     (params) => {
       const agNodes = params.nodes;
       if (!props.getGroupRowAgg) {
@@ -82258,7 +82372,7 @@ var Table = (props) => {
     },
     [props.getGroupRowAgg]
   );
-  const defaultColDef = React82.useMemo(
+  const defaultColDef = React83.useMemo(
     function() {
       return {
         cellDataType: false,
@@ -82305,7 +82419,7 @@ var Table = (props) => {
       props.detailRowConfig
     ]
   );
-  const detailRowConfigProps = React82.useMemo(() => {
+  const detailRowConfigProps = React83.useMemo(() => {
     return buildDetailRowsConfig({
       detailRowConfig: props.detailRowConfig,
       detailRowConfigs: props.detailRowConfigs,
@@ -82326,12 +82440,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,
@@ -82344,7 +82458,7 @@ var Table = (props) => {
     ["onGridReady"],
     props.UNSAFE_internalAGGridOverrides ?? {}
   );
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Spinner,
     {
       loading: loadingStatus.loading,
@@ -82356,14 +82470,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: {
@@ -82377,11 +82491,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,
@@ -82480,7 +82594,7 @@ var Table = (props) => {
         )
       )
     ),
-    props.pagination && gridApi && /* @__PURE__ */ React82.createElement(
+    props.pagination && gridApi && /* @__PURE__ */ React83.createElement(
       TablePagination,
       {
         gridApi,
@@ -82497,11 +82611,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({
@@ -82519,7 +82633,7 @@ var TablePagination = ({
       );
     };
   }, []);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Pagination,
     {
       activePage: pagination.page + 1,
@@ -82538,7 +82652,7 @@ var ContextPanel = ({
   ...props
 }) => {
   const { contextPanel } = useInternalTableContext();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Card,
     {
       className: cx21("contextPanel", className, {
@@ -82547,7 +82661,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) {
@@ -82601,7 +82715,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {}
 }) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     DataTable,
     {
       analytics,
@@ -82621,11 +82735,11 @@ var ClientSideDataTable = ({
 };
 var Table2 = (props) => {
   const internalTableContext = useInternalTableContext();
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     var _a;
     internalTableContext.setTotalRowCount(((_a = props.rows) == null ? void 0 : _a.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";
@@ -82652,8 +82766,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} {
@@ -82696,9 +82810,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",
@@ -82712,11 +82826,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);
       }
@@ -82727,10 +82841,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,
@@ -82746,7 +82860,7 @@ var DateFilterSelect2 = React82.forwardRef(
         yearRef
       }
     );
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(
       OverlayTrigger,
       {
         afterHide,
@@ -82764,7 +82878,7 @@ var DateFilterSelect2 = React82.forwardRef(
         restoreFocusOnHide: true,
         role: "dialog"
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React83.createElement(
         DateQuickFilterLabel,
         {
           headerName,
@@ -82785,10 +82899,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;
@@ -82798,7 +82912,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);
@@ -82811,7 +82925,7 @@ function DateFilter3({
       );
     }
   }
-  const onSelectionTypeChange = React82.useCallback(
+  const onSelectionTypeChange = React83.useCallback(
     (newSelectionType) => {
       setSelectedValue({ type: newSelectionType });
     },
@@ -82824,7 +82938,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,
@@ -82835,7 +82949,7 @@ function DateFilter3({
       selectionType,
       setSelectionType: onSelectionTypeChange
     }
-  ), selectedValue.type === "range" && /* @__PURE__ */ React82.createElement(
+  ), selectedValue.type === "range" && /* @__PURE__ */ React83.createElement(
     DateFilterSelect2,
     {
       headerName,
@@ -82856,7 +82970,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: ((_a = colDef.filterProps) == null ? void 0 : _a.selectionType) ?? "either",
@@ -82881,7 +82995,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"
@@ -82911,7 +83025,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) => {
   var _a;
   const dateTime = useDateTime();
   const i18n = useI18nContext();
@@ -82921,7 +83035,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,
@@ -82931,7 +83045,7 @@ var DateQuickFilterLabel = React82.forwardRef(({ headerName, onClear, value }, r
       }
     );
   }
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     QuickFilterLabel,
     {
       enabled: false,
@@ -82951,7 +83065,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;
@@ -82967,7 +83081,7 @@ var useSuperSelectOptionAsValueWorkaround = ({
     getOptionValue: (option) => option
   };
 };
-var LocationQuickFilterOverlay = React82.forwardRef(
+var LocationQuickFilterOverlay = React83.forwardRef(
   ({
     getId: getId3,
     getLabel: getLabel3,
@@ -82987,9 +83101,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 = {
@@ -83023,11 +83137,11 @@ var LocationQuickFilterOverlay = React82.forwardRef(
       }
     }
     const _onSearch = columnDefinition.filterProps.onSearch || defaultOnSearch;
-    React82.useEffect(() => {
+    React83.useEffect(() => {
       var _a;
       (_a = menuRef.current) == null ? void 0 : _a.highlightSuggested();
     }, []);
-    return /* @__PURE__ */ React82.createElement(Card, { ref }, /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React83.createElement(Card, { ref }, /* @__PURE__ */ React83.createElement(
       UNSAFE_Menu,
       {
         ...menuProps,
@@ -83037,20 +83151,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),
@@ -83059,7 +83173,7 @@ var LocationQuickFilterOverlay = React82.forwardRef(
           },
           getLabel3(includeSublocationOption)
         ),
-        /* @__PURE__ */ React82.createElement(
+        /* @__PURE__ */ React83.createElement(
           UNSAFE_Menu.CheckboxItem,
           {
             key: getId3(selectAllOption),
@@ -83070,7 +83184,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),
@@ -83081,7 +83195,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" })))
     ));
   }
 );
@@ -83117,16 +83231,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));
@@ -83160,7 +83274,7 @@ var LocationQuickFilterRenderer = ({
       return [];
     }
   };
-  const removeSelections = React82.useCallback(
+  const removeSelections = React83.useCallback(
     function(selection, selected) {
       const sublocations = handleSelectSublocations(selection);
       return enableSublocations ? selected.filter(
@@ -83171,10 +83285,10 @@ var LocationQuickFilterRenderer = ({
     },
     [enableSublocations]
   );
-  React82.useEffect(() => {
+  React83.useEffect(() => {
     setSelectState(determineSelectedState(value));
   }, [value]);
-  const overlay = /* @__PURE__ */ React82.createElement(
+  const overlay = /* @__PURE__ */ React83.createElement(
     LocationQuickFilterOverlay,
     {
       columnDefinition,
@@ -83192,14 +83306,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,
@@ -83211,7 +83325,7 @@ var LocationQuickFilterRenderer = ({
         },
         block: true
       }
-    ) : /* @__PURE__ */ React82.createElement(
+    ) : /* @__PURE__ */ React83.createElement(
       QuickFilterLabel,
       {
         enabled: false,
@@ -83244,22 +83358,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,
@@ -83268,19 +83382,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,
@@ -83295,14 +83409,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"
@@ -83360,7 +83474,7 @@ var ClientSideMultiSelectQuickFilter = ({
   overlayMatchesTriggerWidth
 }) => {
   var _a;
-  return /* @__PURE__ */ React82.createElement(StyledSuperSelectWrapper, { $enabled: Boolean((_a = filter.filterValues) == null ? void 0 : _a.length) }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(StyledSuperSelectWrapper, { $enabled: Boolean((_a = filter.filterValues) == null ? void 0 : _a.length) }, /* @__PURE__ */ React83.createElement(
     UNSAFE_SuperSelect,
     {
       overlayMatchesTriggerWidth,
@@ -83393,7 +83507,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;
@@ -83428,7 +83542,7 @@ var ServerSideMultiSelectQuickFilter = ({ columnDefinition, overlayMatchesTrigge
     loading,
     getId: (_a = columnDefinition.filterProps) == null ? void 0 : _a.getId
   });
-  return /* @__PURE__ */ React82.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(value == null ? void 0 : value.length) }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(StyledSuperSelectWrapper, { $enabled: Boolean(value == null ? void 0 : value.length) }, /* @__PURE__ */ React83.createElement(
     UNSAFE_SuperSelect,
     {
       overlayMatchesTriggerWidth,
@@ -83462,9 +83576,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;
 
@@ -87889,7 +88003,7 @@ var ServerSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {}
 }) => {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React83.createElement(
     DataTable,
     {
       analytics,
@@ -87908,7 +88022,7 @@ var ServerSideDataTable = ({
     children
   );
 };
-var Table3 = (props) => /* @__PURE__ */ React82.createElement(
+var Table3 = (props) => /* @__PURE__ */ React83.createElement(
   Table,
   {
     ...{
@@ -88001,4 +88115,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 };