@true-engineering/true-react-common-ui-kit 3.32.0 → 3.33.1

package/dist/true-react-common-ui-kit.js

@@ -1,6 +1,6 @@
 import React, { createContext, useRef, useEffect, useCallback, useState, useMemo, useContext, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, memo } from "react";
 import { createUseStyles } from "react-jss";
-import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, isFunction as isFunction$1, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
+import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isFunction as isFunction$1, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
@@ -6668,63 +6668,63 @@ var useMergedRefs = function(refs) {
     return mergeRefs(refs);
   }, refs);
 };
-const avatarGreen = `  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
-    <mask
-      id="mask0_0_12744"
-      style="mask-type: 'alpha';"
-      maskUnits="userSpaceOnUse"
-      x="0"
-      y="0"
-      width="32"
-      height="32"
-    >
-      <circle cx="16" cy="16" r="16" fill="white" />
-    </mask>
-    <g mask="url(#mask0_0_12744)">
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
-      <mask
-        id="mask1_0_12744"
-        style="mask-type: 'alpha';"
-        maskUnits="userSpaceOnUse"
-        x="3"
-        y="16"
-        width="26"
-        height="26"
-      >
-        <circle cx="16" cy="29" r="13" fill="white" />
-      </mask>
-      <g mask="url(#mask1_0_12744)">
-        <ellipse
-          cx="16"
-          cy="17.5"
-          rx="6"
-          ry="7.5"
-          fill="#505F79"
-          fill-opacity="0.204983"
-        />
-      </g>
-    </g>
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
-    <defs>
-      <linearGradient
-        id="paint0_linear_0_12744"
-        x1="13.347"
-        y1="46.279"
-        x2="33.5318"
-        y2="30.8088"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#ABD229" />
-        <stop offset="1" stop-color="#9CD03F" />
-      </linearGradient>
-    </defs>
+const avatarGreen = `  <svg\r
+    width="100%"\r
+    height="100%"\r
+    viewBox="0 0 32 32"\r
+    fill="none"\r
+    xmlns="http://www.w3.org/2000/svg"\r
+  >\r
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
+    <mask\r
+      id="mask0_0_12744"\r
+      style="mask-type: 'alpha';"\r
+      maskUnits="userSpaceOnUse"\r
+      x="0"\r
+      y="0"\r
+      width="32"\r
+      height="32"\r
+    >\r
+      <circle cx="16" cy="16" r="16" fill="white" />\r
+    </mask>\r
+    <g mask="url(#mask0_0_12744)">\r
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
+      <mask\r
+        id="mask1_0_12744"\r
+        style="mask-type: 'alpha';"\r
+        maskUnits="userSpaceOnUse"\r
+        x="3"\r
+        y="16"\r
+        width="26"\r
+        height="26"\r
+      >\r
+        <circle cx="16" cy="29" r="13" fill="white" />\r
+      </mask>\r
+      <g mask="url(#mask1_0_12744)">\r
+        <ellipse\r
+          cx="16"\r
+          cy="17.5"\r
+          rx="6"\r
+          ry="7.5"\r
+          fill="#505F79"\r
+          fill-opacity="0.204983"\r
+        />\r
+      </g>\r
+    </g>\r
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
+    <defs>\r
+      <linearGradient\r
+        id="paint0_linear_0_12744"\r
+        x1="13.347"\r
+        y1="46.279"\r
+        x2="33.5318"\r
+        y2="30.8088"\r
+        gradientUnits="userSpaceOnUse"\r
+      >\r
+        <stop stop-color="#ABD229" />\r
+        <stop offset="1" stop-color="#9CD03F" />\r
+      </linearGradient>\r
+    </defs>\r
   </svg>`;
 const fileExcel = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#21A366"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16081)" style="mix-blend-mode:overlay"/>\r\n  <path d="M8.00342 14.5244L10.0728 11.3062L12.1357 14.5244H14.4019L11.2217 9.73828L14.1162 5.21875H11.939L10.1108 8.2085L8.24463 5.21875H6.04834L8.93018 9.66846L5.75 14.5244H8.00342Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16081" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
 const fileImage = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#FF991F"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16103)" style="mix-blend-mode:overlay"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.90113 15C3.09595 15 2.62093 14.097 3.07709 13.4335L6.67606 8.19861C7.07341 7.62064 7.9268 7.62065 8.32414 8.19861L13.0001 15H3.90113Z" fill="white"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.53962 15L12.7076 10.2481C13.1034 9.65434 13.9758 9.65434 14.3717 10.2481L16.5031 13.4453C16.9462 14.1099 16.4698 15 15.6711 15H9.53962Z" fill="white"/>\r\n  <path d="M16.0001 5.5C16.0001 6.32843 15.3285 7 14.5001 7C13.6717 7 13.0001 6.32843 13.0001 5.5C13.0001 4.67157 13.6717 4 14.5001 4C15.3285 4 16.0001 4.67157 16.0001 5.5Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16103" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
@@ -7508,8 +7508,7 @@ var iconsList = checkIcons({
   "status-info": {
     paths: [
       {
-        d: "M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0z",
-        fill: "#577EDC"
+        d: "M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0z"
       },
       {
         d: "M10 15c-.552 0-1-.448-1-1v-4c0-.552.448-1 1-1s1 .448 1 1v4c0 .552-.448 1-1 1zM10 7c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z",
@@ -7821,6 +7820,7 @@ var useStyles$U = createThemedStyles("WithPopup", {
     width: "fit-content",
     cursor: "pointer"
   },
+  active: {},
   disabled: {
     cursor: "default"
   },
@@ -7987,10 +7987,11 @@ var WithPopup = function(param) {
   var _useFloating = useFloating({
     open: isOpen,
     middleware: [
-      offset$2(popupOffset)
-    ].concat(_to_consumable_array$7(canBeFlipped ? [
-      flip$2()
-    ] : []), _to_consumable_array$7(middlewares)),
+      offset$2(popupOffset),
+      canBeFlipped && flip$2({
+        fallbackAxisSideDirection: "start"
+      })
+    ].concat(_to_consumable_array$7(middlewares)),
     whileElementsMounted: autoUpdate,
     placement,
     onOpenChange: handleToggle
@@ -8029,15 +8030,21 @@ var WithPopup = function(param) {
   }, shouldStopPropagation && {
     onClick: stopPropagation
   }));
-  var triggerElement = applyAction(trigger, _object_spread$Y({
-    isActive: isOpen
-  }, isDisabled ? {
-    isDisabled: true
-  } : void 0, !isTriggerWrapped ? referenceProps : void 0));
+  var triggerElement = applyAction(trigger, {
+    referenceProps: !isTriggerWrapped ? referenceProps : void 0,
+    triggerProps: _object_spread$Y({
+      isActive: isOpen,
+      isDisabled
+    }, !isTriggerWrapped && _object_spread$Y({
+      data,
+      testId
+    }, referenceProps))
+  });
+  var _obj2;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
-        className: clsx(classes.trigger, _define_property$_({}, classes.disabled, isDisabled))
+        className: clsx(classes.trigger, (_obj2 = {}, _define_property$_(_obj2, classes.disabled, isDisabled), _define_property$_(_obj2, classes.active, isOpen), _obj2))
       }, referenceProps, addDataTestId(testId), addDataAttributes(data)), {
         children: triggerElement
       })) : triggerElement,
@@ -8050,9 +8057,9 @@ var WithPopup = function(param) {
         }, getFloatingProps()), {
           children: /* @__PURE__ */ jsx("div", {
             className: classes["dropdown-".concat(status)],
-            children: isFunction$1(children) ? children({
+            children: applyAction(children, {
               onClose: handleClose
-            }) : children
+            })
           })
         }))
       })
@@ -8298,9 +8305,9 @@ var List = function(param) {
           popupOffset: 0,
           shouldRenderInBody: false,
           trigger: function(param2) {
-            var isActive = param2.isActive;
+            var triggerProps = param2.triggerProps;
             return /* @__PURE__ */ jsx(ListItem, _object_spread_props$N(_object_spread$W({}, itemProps), {
-              isFocused: isActive
+              isFocused: triggerProps.isActive
             }));
           },
           children: /* @__PURE__ */ jsx("div", {
@@ -9119,10 +9126,10 @@ function _object_spread_props$J(target, source) {
   }
   return target;
 }
-function _object_without_properties$h(source, excluded) {
+function _object_without_properties$g(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$h(source, excluded);
+  var target = _object_without_properties_loose$g(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9137,7 +9144,7 @@ function _object_without_properties$h(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$h(source, excluded) {
+function _object_without_properties_loose$g(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9152,7 +9159,7 @@ function _object_without_properties_loose$h(source, excluded) {
   return target;
 }
 var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = _param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = _param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, interactions = _object_without_properties$h(_param, [
+  var _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = _param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = _param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, interactions = _object_without_properties$g(_param, [
     "type",
     "children",
     "size",
@@ -10008,10 +10015,10 @@ function _object_spread_props$G(target, source) {
   }
   return target;
 }
-function _object_without_properties$g(source, excluded) {
+function _object_without_properties$f(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$g(source, excluded);
+  var target = _object_without_properties_loose$f(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10026,7 +10033,7 @@ function _object_without_properties$g(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$g(source, excluded) {
+function _object_without_properties_loose$f(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10159,7 +10166,7 @@ function _ts_generator$5(thisArg, body) {
   }
 }
 var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$g(_param, [
+  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$f(_param, [
     "value",
     "label",
     "placeholder",
@@ -10401,10 +10408,10 @@ function _object_spread_props$F(target, source) {
   }
   return target;
 }
-function _object_without_properties$f(source, excluded) {
+function _object_without_properties$e(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$f(source, excluded);
+  var target = _object_without_properties_loose$e(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10419,7 +10426,7 @@ function _object_without_properties$f(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$f(source, excluded) {
+function _object_without_properties_loose$e(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10434,7 +10441,7 @@ function _object_without_properties_loose$f(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$f(_param, [
+  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$e(_param, [
     "date",
     "startDate",
     "endDate",
@@ -10580,10 +10587,10 @@ function _object_spread_props$E(target, source) {
   }
   return target;
 }
-function _object_without_properties$e(source, excluded) {
+function _object_without_properties$d(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$e(source, excluded);
+  var target = _object_without_properties_loose$d(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10598,7 +10605,7 @@ function _object_without_properties$e(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$e(source, excluded) {
+function _object_without_properties_loose$d(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10613,7 +10620,7 @@ function _object_without_properties_loose$e(source, excluded) {
   return target;
 }
 var SearchInput = function(_param) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$e(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$d(_param, [
     "isClearable",
     "tweakStyles",
     "testId",
@@ -10734,10 +10741,10 @@ function _object_spread$K(target) {
   }
   return target;
 }
-function _object_without_properties$d(source, excluded) {
+function _object_without_properties$c(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$d(source, excluded);
+  var target = _object_without_properties_loose$c(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10752,7 +10759,7 @@ function _object_without_properties$d(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$d(source, excluded) {
+function _object_without_properties_loose$c(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10855,7 +10862,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
         _this_props.active;
         var elementType = _this_props.elementType, children = _this_props.children;
         _this_props.options;
-        var wrapperProps = _object_without_properties$d(_this_props, [
+        var wrapperProps = _object_without_properties$c(_this_props, [
           "active",
           "elementType",
           "children",
@@ -11457,10 +11464,10 @@ function _object_spread_props$B(target, source) {
   }
   return target;
 }
-function _object_without_properties$c(source, excluded) {
+function _object_without_properties$b(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$c(source, excluded);
+  var target = _object_without_properties_loose$b(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -11475,7 +11482,7 @@ function _object_without_properties$c(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$c(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11612,7 +11619,7 @@ function _ts_generator$4(thisArg, body) {
 }
 function Select(props) {
   var _input_current;
-  var options = props.options, isMultiSelect = props.isMultiSelect, value = props.value, header = props.header, footer = props.footer, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isActive = props.isActive, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$c(props, [
+  var options = props.options, isMultiSelect = props.isMultiSelect, value = props.value, header = props.header, footer = props.footer, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isActive = props.isActive, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$b(props, [
     "options",
     "isMultiSelect",
     "value",
@@ -11650,7 +11657,7 @@ function Select(props) {
   var classes = useStyles$D({
     theme: tweakStyles
   });
-  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$c(_ref, [
+  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$b(_ref, [
     "shouldRenderInList"
   ]);
   var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
@@ -12414,10 +12421,10 @@ function _object_spread_props$A(target, source) {
   }
   return target;
 }
-function _object_without_properties$b(source, excluded) {
+function _object_without_properties$a(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$b(source, excluded);
+  var target = _object_without_properties_loose$a(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12432,7 +12439,7 @@ function _object_without_properties$b(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$b(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -12463,7 +12470,7 @@ function _unsupported_iterable_to_array$i(o, minLen) {
     return _array_like_to_array$i(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, excludeScrollbar = _param.excludeScrollbar, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$b(_param, [
+  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, excludeScrollbar = _param.excludeScrollbar, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$a(_param, [
     "data",
     "selectedDate",
     "minDate",
@@ -13281,10 +13288,10 @@ function _object_spread_props$x(target, source) {
   }
   return target;
 }
-function _object_without_properties$a(source, excluded) {
+function _object_without_properties$9(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$a(source, excluded);
+  var target = _object_without_properties_loose$9(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -13299,7 +13306,7 @@ function _object_without_properties$a(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -13314,7 +13321,7 @@ function _object_without_properties_loose$a(source, excluded) {
   return target;
 }
 var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$a(_param, [
+  var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$9(_param, [
     "icon",
     "size",
     "view",
@@ -14238,10 +14245,10 @@ function _object_spread$y(target) {
   }
   return target;
 }
-function _object_without_properties$9(source, excluded) {
+function _object_without_properties$8(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$9(source, excluded);
+  var target = _object_without_properties_loose$8(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -14256,7 +14263,7 @@ function _object_without_properties$9(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -14389,7 +14396,7 @@ function _ts_generator$3(thisArg, body) {
   }
 }
 var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$9(_param, [
+  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$8(_param, [
     "value",
     "canBeFloat",
     "canBeNegative",
@@ -19306,38 +19313,6 @@ function _object_spread_props$m(target, source) {
   }
   return target;
 }
-function _object_without_properties$8(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _object_without_properties_loose$8(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _object_without_properties_loose$8(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
 function FilterWrapper(param) {
   var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onChange = param.onChange;
   var classes = useStyles$m({
@@ -19375,17 +19350,12 @@ function FilterWrapper(param) {
     canBeFlipped: true,
     isDisabled: isBoolean || isDisabled,
     tweakStyles: tweakWithPopupStyles,
-    trigger: function(_param) {
-      var isActive = _param.isActive;
-      _param.isDisabled;
-      var props = _object_without_properties$8(_param, [
-        "isActive",
-        "isDisabled"
-      ]);
+    trigger: function(param2) {
+      var isActive = param2.triggerProps.isActive, referenceProps = param2.referenceProps;
       var _obj2;
       return /* @__PURE__ */ jsx("div", _object_spread_props$m(_object_spread$n({
         className: clsx(classes.root, (_obj2 = {}, _define_property$o(_obj2, classes.noValue, !hasValue), _define_property$o(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$o(_obj2, classes.withValue, !isActive && hasValue), _define_property$o(_obj2, classes.openWithValue, isActive && hasValue), _define_property$o(_obj2, classes.boolean, isBoolean), _define_property$o(_obj2, classes.disabled, isDisabled), _obj2))
-      }, addDataTestId(testId), addDataAttributes(data), props), {
+      }, addDataTestId(testId), addDataAttributes(data), referenceProps), {
         children: /* @__PURE__ */ jsxs("div", {
           onClick: handleLabelClick,
           className: clsx(classes.item, _define_property$o({}, classes.booleanItem, isBoolean)),
@@ -25968,7 +25938,8 @@ var useStyles$i = createThemedStyles("FlexibleTableCell", {
   sticky: _object_spread_props$k(_object_spread$l({
     zIndex: 19,
     paddingLeft: 24,
-    paddingRight: 12
+    paddingRight: 12,
+    left: 0
   }, getTransition([
     "box-shadow"
   ])), {
@@ -26069,7 +26040,7 @@ function _object_without_properties_loose$7(source, excluded) {
   return target;
 }
 function FlexibleTableCell(_param) {
-  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
+  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
     "row",
     "columnName",
     "config",
@@ -26085,6 +26056,7 @@ function FlexibleTableCell(_param) {
   var value = row[columnName];
   var _config_columnName;
   var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, _ref_component = _ref.component, component = _ref_component === void 0 ? formatCellContent(value, config[columnName]) : _ref_component, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId;
+  var isSticky = isOldSticky || position === "sticky";
   var Table = TableRenders[renderMode];
   var _obj2;
   return /* @__PURE__ */ jsx(Table.Cell, _object_spread_props$j(_object_spread$k({
@@ -26093,7 +26065,7 @@ function FlexibleTableCell(_param) {
       textAlign: cellAlign,
       position: isSticky ? "sticky" : position,
       right: right2,
-      left: isSticky ? 0 : left2,
+      left: left2,
       verticalAlign: cellVerticalAlign
     }
   }, addDataAttributes({
@@ -26577,24 +26549,28 @@ function FlexibleTable(_param) {
           children: /* @__PURE__ */ jsx(Table.Row, {
             className: classes.headerRow,
             children: columns.map(function(key, i) {
-              var itemConfig = config === null || config === void 0 ? void 0 : config[key];
-              var _itemConfig_titleAlign, _itemConfig_title;
+              var _config_key;
+              var _ref = (_config_key = config === null || config === void 0 ? void 0 : config[key]) !== null && _config_key !== void 0 ? _config_key : {}, position = _ref.position, minWidth = _ref.minWidth, width = _ref.width, maxWidth = _ref.maxWidth, _ref_titleAlign = _ref.titleAlign, titleAlign = _ref_titleAlign === void 0 ? "left" : _ref_titleAlign, right2 = _ref.right, left2 = _ref.left, _ref_title = _ref.title, title = _ref_title === void 0 ? "" : _ref_title, shouldRenderDataId = _ref.shouldRenderDataId;
+              var isSticky = position === "sticky" || isFirstColumnSticky && i === 0;
               var _obj2;
               return /* @__PURE__ */ jsx(Table.Header, _object_spread_props$h(_object_spread$i({
-                className: clsx(classes.header, (_obj2 = {}, _define_property$j(_obj2, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$j(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
+                className: clsx(classes.header, (_obj2 = {}, _define_property$j(_obj2, classes.headerSticky, isSticky), _define_property$j(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
                 style: {
-                  minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
-                  width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
-                  maxWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.maxWidth,
-                  textAlign: (_itemConfig_titleAlign = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleAlign) !== null && _itemConfig_titleAlign !== void 0 ? _itemConfig_titleAlign : "left"
+                  minWidth,
+                  width,
+                  maxWidth,
+                  textAlign: titleAlign,
+                  position: isSticky ? "sticky" : position,
+                  right: right2,
+                  left: left2
                 },
                 onClick: isNotEmpty(onHeadClick) ? function() {
                   return onHeadClick(key);
                 } : void 0
               }, addDataAttributes({
-                id: (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.shouldRenderDataId) ? key : void 0
+                id: shouldRenderDataId ? key : void 0
               })), {
-                children: applyAction((_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "", {
+                children: applyAction(title, {
                   value: headerContent === null || headerContent === void 0 ? void 0 : headerContent[key]
                 })
               }), key);
@@ -31162,16 +31138,13 @@ var NewMoreMenu = function(_param) {
     isDisabled: isDisabled || isArrayEmpty(items),
     tweakStyles: tweakWithPopupStyles
   }, rest), {
-    trigger: function(_param2) {
-      var isActive = _param2.isActive, isTriggerDisabled = _param2.isDisabled, props = _object_without_properties(_param2, [
-        "isActive",
-        "isDisabled"
-      ]);
+    trigger: function(param) {
+      var triggerProps = param.triggerProps, referenceProps = param.referenceProps;
       var _obj2;
       return /* @__PURE__ */ jsx("button", _object_spread_props(_object_spread({
-        className: clsx(classes.button, (_obj2 = {}, _define_property(_obj2, classes.hasCircle, hasDefaultStateBackground), _define_property(_obj2, classes.disabled, isTriggerDisabled), _define_property(_obj2, classes.active, isActive), _obj2)),
-        disabled: isTriggerDisabled
-      }, addDataTestId(testId), addDataAttributes(data), props), {
+        className: clsx(classes.button, (_obj2 = {}, _define_property(_obj2, classes.hasCircle, hasDefaultStateBackground), _define_property(_obj2, classes.disabled, triggerProps.isDisabled), _define_property(_obj2, classes.active, triggerProps.isActive), _obj2)),
+        disabled: triggerProps.isDisabled
+      }, addDataTestId(testId), addDataAttributes(data), referenceProps), {
         children: /* @__PURE__ */ jsx("div", {
           className: classes.icon,
           children: /* @__PURE__ */ jsx(Icon, {