@true-engineering/true-react-common-ui-kit 3.55.0 → 3.56.1

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1310,7 +1310,7 @@
       _defineProperties$2(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$18(obj, key, value) {
+  function _define_property$19(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1361,7 +1361,7 @@
   function _non_iterable_spread$b() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$16(target) {
+  function _object_spread$17(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1371,7 +1371,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$18(target, key, source[key]);
+        _define_property$19(target, key, source[key]);
       });
     }
     return target;
@@ -1503,7 +1503,7 @@
               first
             ].concat(_to_consumable_array$b(rest))) : first;
             var rules = this.addRules(styles);
-            var classes = _object_spread$16({}, _class_private_field_get$1(this, _classes));
+            var classes = _object_spread$17({}, _class_private_field_get$1(this, _classes));
             rules.forEach(function(rule, key) {
               classes[key] = trueReactPlatformHelpers.joinStrings([
                 classes[key],
@@ -1638,7 +1638,7 @@
       _defineProperties$1(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$17(obj, key, value) {
+  function _define_property$18(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1651,7 +1651,7 @@
     }
     return obj;
   }
-  function _object_spread$15(target) {
+  function _object_spread$16(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1661,7 +1661,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$17(target, key, source[key]);
+        _define_property$18(target, key, source[key]);
       });
     }
     return target;
@@ -1757,7 +1757,7 @@
               meta: _class_private_field_get(this, _name),
               generateId: jssContext.generateId
             });
-            var classes = _object_spread$15({}, sheet.classes);
+            var classes = _object_spread$16({}, sheet.classes);
             var manager = new TweakStylesManager({
               sheet,
               classes
@@ -1774,7 +1774,7 @@
     ]);
     return ThemedStylesManager2;
   }();
-  function _define_property$16(obj, key, value) {
+  function _define_property$17(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1787,7 +1787,7 @@
     }
     return obj;
   }
-  function _object_spread$14(target) {
+  function _object_spread$15(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1797,12 +1797,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$16(target, key, source[key]);
+        _define_property$17(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$V(object, enumerableOnly) {
+  function ownKeys$W(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -1815,12 +1815,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$V(target, source) {
+  function _object_spread_props$W(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$V(Object(source)).forEach(function(key) {
+      ownKeys$W(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -1831,7 +1831,7 @@
     var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
     var context = React.useContext(JssContext);
     var value = React.useMemo(function() {
-      return _object_spread_props$V(_object_spread$14({}, context), {
+      return _object_spread_props$W(_object_spread$15({}, context), {
         tweakStylesArch: tweakStylesArch !== null && tweakStylesArch !== void 0 ? tweakStylesArch : context.tweakStylesArch,
         generateId: generateId !== null && generateId !== void 0 ? generateId : context.generateId
       });
@@ -1870,7 +1870,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$15(obj, key, value) {
+  function _define_property$16(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1914,7 +1914,7 @@
   function _non_iterable_rest$p() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$13(target) {
+  function _object_spread$14(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1924,12 +1924,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$15(target, key, source[key]);
+        _define_property$16(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$U(object, enumerableOnly) {
+  function ownKeys$V(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -1942,12 +1942,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$U(target, source) {
+  function _object_spread_props$V(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$U(Object(source)).forEach(function(key) {
+      ownKeys$V(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -2007,7 +2007,7 @@
           tweakStylesStrategy,
           tweakStyles
         ]);
-        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$U(_object_spread$13({}, data), {
+        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$V(_object_spread$14({}, data), {
           theme
         }) : data);
       }
@@ -6555,7 +6555,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$o(arr);
   }
-  function _define_property$14(obj, key, value) {
+  function _define_property$15(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6575,7 +6575,7 @@
   function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$12(target) {
+  function _object_spread$13(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6585,7 +6585,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$14(target, key, source[key]);
+        _define_property$15(target, key, source[key]);
       });
     }
     return target;
@@ -6641,7 +6641,7 @@
           },
           {
             name: "flip",
-            options: _object_spread$12({
+            options: _object_spread$13({
               fallbackPlacements: canBeFlipped ? [
                 "bottom-start",
                 "top-start"
@@ -6846,7 +6846,7 @@
     "file-xml": fileXml,
     "file-zip": fileZip
   };
-  function _define_property$13(obj, key, value) {
+  function _define_property$14(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6859,7 +6859,7 @@
     }
     return obj;
   }
-  function _object_spread$11(target) {
+  function _object_spread$12(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6869,7 +6869,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$13(target, key, source[key]);
+        _define_property$14(target, key, source[key]);
       });
     }
     return target;
@@ -6878,7 +6878,7 @@
     var type = param.type;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.useMemo(function() {
-      return _object_spread$11({}, complexIcons, theme.complexIcons);
+      return _object_spread$12({}, complexIcons, theme.complexIcons);
     }, []);
     var ComplexIcon = icons[type];
     return /* @__PURE__ */ jsx("div", {
@@ -7749,7 +7749,7 @@
       ]
     }
   });
-  function _define_property$12(obj, key, value) {
+  function _define_property$13(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7762,7 +7762,7 @@
     }
     return obj;
   }
-  function _object_spread$10(target) {
+  function _object_spread$11(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7772,12 +7772,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$12(target, key, source[key]);
+        _define_property$13(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$T(object, enumerableOnly) {
+  function ownKeys$U(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7790,12 +7790,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$T(target, source) {
+  function _object_spread_props$U(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$T(Object(source)).forEach(function(key) {
+      ownKeys$U(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7806,7 +7806,7 @@
     var _icon_paths, _icon_rects, _icon_circles;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.useMemo(function() {
-      return _object_spread$10({}, iconsList, theme.icons);
+      return _object_spread$11({}, iconsList, theme.icons);
     }, []);
     var icon = icons[type];
     var _icon_viewBox;
@@ -7819,7 +7819,7 @@
       children: [
         (_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
           var _path_fill, _path_stroke;
-          return jsx("path", _object_spread$10({
+          return jsx("path", _object_spread$11({
             fillRule: "evenodd",
             clipRule: "evenodd",
             fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
@@ -7827,12 +7827,12 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$T(_object_spread$10({}, rect), {
+          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$U(_object_spread$11({}, rect), {
             key: index
           }));
         }),
         (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$T(_object_spread$10({}, circle), {
+          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$U(_object_spread$11({}, circle), {
             key: index
           }));
         })
@@ -7845,7 +7845,7 @@
       alignItems: "center"
     }
   });
-  function _define_property$11(obj, key, value) {
+  function _define_property$12(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7858,7 +7858,7 @@
     }
     return obj;
   }
-  function _object_spread$$(target) {
+  function _object_spread$10(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7868,12 +7868,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$11(target, key, source[key]);
+        _define_property$12(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$S(object, enumerableOnly) {
+  function ownKeys$T(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7886,12 +7886,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$S(target, source) {
+  function _object_spread_props$T(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$S(Object(source)).forEach(function(key) {
+      ownKeys$T(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7902,7 +7902,7 @@
     var classes = useStyles$V({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$$({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$10({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7973,7 +7973,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$m(arr);
   }
-  function _define_property$10(obj, key, value) {
+  function _define_property$11(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8024,7 +8024,7 @@
   function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$_(target) {
+  function _object_spread$$(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8034,12 +8034,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$10(target, key, source[key]);
+        _define_property$11(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$R(object, enumerableOnly) {
+  function ownKeys$S(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8052,12 +8052,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$R(target, source) {
+  function _object_spread_props$S(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$R(Object(source)).forEach(function(key) {
+      ownKeys$S(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8083,7 +8083,7 @@
       return _array_like_to_array$m(o, minLen);
   }
   var WithPopup = function(param) {
-    var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _param_middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, arrowProps = param.arrowProps, popupData = param.popupData, _param_shouldStopPropagation = param.shouldStopPropagation, shouldStopPropagation = _param_shouldStopPropagation === void 0 ? eventType === "click" : _param_shouldStopPropagation, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldShowArrow = param.shouldShowArrow, shouldShowArrow = _param_shouldShowArrow === void 0 ? false : _param_shouldShowArrow, _param_isMinWidthSameAsTrigger = param.isMinWidthSameAsTrigger, isMinWidthSameAsTrigger = _param_isMinWidthSameAsTrigger === void 0 ? false : _param_isMinWidthSameAsTrigger, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
+    var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _param_middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, arrowProps = param.arrowProps, popupData = param.popupData, _param_shouldStopPropagation = param.shouldStopPropagation, shouldStopPropagation = _param_shouldStopPropagation === void 0 ? eventType === "click" : _param_shouldStopPropagation, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldShowArrow = param.shouldShowArrow, shouldShowArrow = _param_shouldShowArrow === void 0 ? false : _param_shouldShowArrow, _param_isMinWidthSameAsTrigger = param.isMinWidthSameAsTrigger, isMinWidthSameAsTrigger = _param_isMinWidthSameAsTrigger === void 0 ? false : _param_isMinWidthSameAsTrigger, hoverOptions = param.hoverOptions, clickOptions = param.clickOptions, focusOptions = param.focusOptions, dismissOptions = param.dismissOptions, transitionOptions = param.transitionOptions, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
     var classes = useStyles$U({
       theme: tweakStyles
     });
@@ -8116,46 +8116,46 @@
       placement,
       onOpenChange: handleToggle
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-    var hover = react.useHover(context, {
+    var hover = react.useHover(context, _object_spread$$({
       enabled: eventType === "hover",
-      delay: typeof hoverDelay === "number" ? {
+      delay: {
         open: hoverDelay,
         close: 0
-      } : hoverDelay,
+      },
       handleClose: react.safePolygon()
-    });
-    var focus = react.useFocus(context, {
+    }, hoverOptions));
+    var focus = react.useFocus(context, _object_spread$$({
       enabled: eventType === "hover"
-    });
-    var click = react.useClick(context, {
+    }, focusOptions));
+    var click = react.useClick(context, _object_spread$$({
       enabled: eventType === "click"
-    });
-    var dismiss = react.useDismiss(context, {
+    }, clickOptions));
+    var dismiss = react.useDismiss(context, _object_spread$$({
       enabled: eventType === "click",
       ancestorScroll: shouldHideOnScroll
-    });
+    }, dismissOptions));
     var _useInteractions = react.useInteractions([
       hover,
       click,
       focus,
       dismiss
     ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-    var _useTransitionStatus = react.useTransitionStatus(context, {
+    var _useTransitionStatus = react.useTransitionStatus(context, _object_spread$$({
       duration: {
         close: 500
       }
-    }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
-    var referenceProps = getReferenceProps(_object_spread$_({
+    }, transitionOptions)), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
+    var referenceProps = getReferenceProps(_object_spread$$({
       ref: refs.setReference
     }, shouldStopPropagation && {
       onClick: trueReactPlatformHelpers.stopPropagation
     }));
     var triggerElement = trueReactPlatformHelpers.applyAction(trigger, {
       referenceProps: !isTriggerWrapped ? referenceProps : void 0,
-      triggerProps: _object_spread$_({
+      triggerProps: _object_spread$$({
         isActive: isOpen,
         isDisabled
-      }, !isTriggerWrapped && _object_spread$_({
+      }, !isTriggerWrapped && _object_spread$$({
         data,
         testId
       }, referenceProps))
@@ -8163,22 +8163,22 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
-        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$R(_object_spread$_({
-          className: clsx(classes.trigger, (_obj2 = {}, _define_property$10(_obj2, classes.clickable, eventType === "click"), _define_property$10(_obj2, classes.disabled, isDisabled), _define_property$10(_obj2, classes.active, isOpen), _obj2))
+        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$$({
+          className: clsx(classes.trigger, (_obj2 = {}, _define_property$11(_obj2, classes.clickable, eventType === "click"), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.active, isOpen), _obj2))
         }, referenceProps, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
         isMounted && /* @__PURE__ */ jsx(react.FloatingPortal, {
           root: shouldRenderInBody ? document.body : refs.reference.current,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$R(_object_spread$_({
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$$({
             ref: refs.setFloating,
             style: floatingStyles,
             className: classes.popup
-          }, getFloatingProps(), trueReactPlatformHelpers.addDataAttributes(popupData)), {
+          }, getFloatingProps(), trueReactPlatformHelpers.addDataAttributes(popupData, testId, "popup")), {
             children: /* @__PURE__ */ jsxs("div", {
               className: classes["dropdown-".concat(status)],
               children: [
-                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$R(_object_spread$_({}, arrowProps), {
+                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$S(_object_spread$$({}, arrowProps), {
                   ref: arrowRef,
                   context,
                   className: classes.arrow
@@ -8236,7 +8236,7 @@
       flexGrow: 1
     }
   });
-  function _define_property$$(obj, key, value) {
+  function _define_property$10(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8249,7 +8249,7 @@
     }
     return obj;
   }
-  function _object_spread$Z(target) {
+  function _object_spread$_(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8259,12 +8259,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$$(target, key, source[key]);
+        _define_property$10(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$Q(object, enumerableOnly) {
+  function ownKeys$R(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8277,12 +8277,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$Q(target, source) {
+  function _object_spread_props$R(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$Q(Object(source)).forEach(function(key) {
+      ownKeys$R(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8299,9 +8299,9 @@
         shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
           className: classes.spacer
         }),
-        /* @__PURE__ */ jsxs("div", _object_spread_props$Q(_object_spread$Z({
-          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$$(_obj2, classes.disabledItem, isDisabled), _define_property$$(_obj2, classes.withIconGap, withIconGap), _define_property$$(_obj2, classes.focused, isFocused), _obj2))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$Q(_object_spread$Z({}, data), {
+        /* @__PURE__ */ jsxs("div", _object_spread_props$R(_object_spread$_({
+          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$10(_obj2, classes.disabledItem, isDisabled), _define_property$10(_obj2, classes.withIconGap, withIconGap), _define_property$10(_obj2, classes.focused, isFocused), _obj2))
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$_({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -8348,7 +8348,7 @@
       width: "100%"
     }
   };
-  function _define_property$_(obj, key, value) {
+  function _define_property$$(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8361,7 +8361,7 @@
     }
     return obj;
   }
-  function _object_spread$Y(target) {
+  function _object_spread$Z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8371,12 +8371,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$_(target, key, source[key]);
+        _define_property$$(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$P(object, enumerableOnly) {
+  function ownKeys$Q(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8389,12 +8389,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$P(target, source) {
+  function _object_spread_props$Q(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$P(Object(source)).forEach(function(key) {
+      ownKeys$Q(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8416,11 +8416,11 @@
       var isHidden = param2.isHidden;
       return !isHidden;
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$Q(_object_spread$Z({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: filteredItems.map(function(item, i) {
-        var itemProps = _object_spread_props$P(_object_spread$Y({
+        var itemProps = _object_spread_props$Q(_object_spread$Z({
           testId: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
           shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -8438,7 +8438,7 @@
             shouldRenderInBody: false,
             trigger: function(param2) {
               var triggerProps = param2.triggerProps;
-              return /* @__PURE__ */ jsx(ListItem, _object_spread_props$P(_object_spread$Y({}, itemProps), {
+              return /* @__PURE__ */ jsx(ListItem, _object_spread_props$Q(_object_spread$Z({}, itemProps), {
                 isFocused: triggerProps.isActive
               }));
             },
@@ -8449,13 +8449,13 @@
                 onClick
               })
             })
-          }) : /* @__PURE__ */ jsx(ListItem, _object_spread$Y({}, itemProps))
+          }) : /* @__PURE__ */ jsx(ListItem, _object_spread$Z({}, itemProps))
         }, i);
       })
     }));
   };
   var ANIMATION_TIMEOUT = 150;
-  function _define_property$Z(obj, key, value) {
+  function _define_property$_(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8468,7 +8468,7 @@
     }
     return obj;
   }
-  function _object_spread$X(target) {
+  function _object_spread$Y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8478,12 +8478,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$_(target, key, source[key]);
       });
     }
     return target;
   }
-  var useStyles$R = createThemedStyles("AccountInfo", _object_spread$X({
+  var useStyles$R = createThemedStyles("AccountInfo", _object_spread$Y({
     root: {
       display: "flex"
     },
@@ -8537,7 +8537,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$Y(obj, key, value) {
+  function _define_property$Z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8581,7 +8581,7 @@
   function _non_iterable_rest$l() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$W(target) {
+  function _object_spread$X(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8591,12 +8591,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$O(object, enumerableOnly) {
+  function ownKeys$P(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8609,12 +8609,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$O(target, source) {
+  function _object_spread_props$P(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$O(Object(source)).forEach(function(key) {
+      ownKeys$P(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8658,7 +8658,7 @@
     useOnClickOutsideWithRef(dropdownRef, function() {
       return setIsMenuOpen(false);
     }, nameRef);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$O(_object_spread$W({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$P(_object_spread$X({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -8734,7 +8734,7 @@
       width: "100%"
     }
   });
-  function _define_property$X(obj, key, value) {
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8747,7 +8747,7 @@
     }
     return obj;
   }
-  function _object_spread$V(target) {
+  function _object_spread$W(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8757,12 +8757,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$X(target, key, source[key]);
+        _define_property$Y(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$N(object, enumerableOnly) {
+  function ownKeys$O(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8775,12 +8775,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$N(target, source) {
+  function _object_spread_props$O(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$N(Object(source)).forEach(function(key) {
+      ownKeys$O(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8791,7 +8791,7 @@
     var classes = useStyles$Q({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$N(_object_spread$V({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$O(_object_spread$W({
       type,
       className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
       onClick: !isDisabled ? onClick : void 0,
@@ -8957,7 +8957,7 @@
       color: "currentColor"
     }
   });
-  function _define_property$W(obj, key, value) {
+  function _define_property$X(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8970,7 +8970,7 @@
     }
     return obj;
   }
-  function _object_spread$U(target) {
+  function _object_spread$V(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8980,12 +8980,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$W(target, key, source[key]);
+        _define_property$X(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$M(object, enumerableOnly) {
+  function ownKeys$N(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8998,12 +8998,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$M(target, source) {
+  function _object_spread_props$N(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$M(Object(source)).forEach(function(key) {
+      ownKeys$N(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9024,8 +9024,8 @@
       className: "tweakSvgPreloader",
       currentComponentName: "ThemedPreloader"
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$M(_object_spread$U({
-      className: clsx(classes.root, classes[type], _define_property$W({}, classes.currentColor, useCurrentColor))
+    return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$V({
+      className: clsx(classes.root, classes[type], _define_property$X({}, classes.currentColor, useCurrentColor))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -9206,7 +9206,7 @@
   var getPreloaderStyles = function(size) {
     return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
   };
-  function _define_property$V(obj, key, value) {
+  function _define_property$W(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9219,7 +9219,7 @@
     }
     return obj;
   }
-  function _object_spread$T(target) {
+  function _object_spread$U(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9229,12 +9229,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$V(target, key, source[key]);
+        _define_property$W(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$L(object, enumerableOnly) {
+  function ownKeys$M(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9247,12 +9247,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$L(target, source) {
+  function _object_spread_props$M(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$L(Object(source)).forEach(function(key) {
+      ownKeys$M(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9322,16 +9322,16 @@
     var hasChildren = trueReactPlatformHelpers.isReactNodeNotEmpty(children);
     var hasNoAction = isDisabled || isLoading;
     var _obj2, _obj1;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$L(_object_spread$T({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$U({
       ref,
       type,
-      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$V(_obj2, classes.disabled, isDisabled), _define_property$V(_obj2, classes.fullWidth, isFullWidth), _define_property$V(_obj2, classes.inline, isInline), _define_property$V(_obj2, classes.active, isActive), _define_property$V(_obj2, classes.loading, isLoading), _define_property$V(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
+      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$W(_obj2, classes.disabled, isDisabled), _define_property$W(_obj2, classes.fullWidth, isFullWidth), _define_property$W(_obj2, classes.inline, isInline), _define_property$W(_obj2, classes.active, isActive), _define_property$W(_obj2, classes.loading, isLoading), _define_property$W(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
       tabIndex: shouldSkipTabNavigation ? -1 : void 0,
       disabled: hasNoAction
     }, interactions, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: clsx(classes.content, (_obj1 = {}, _define_property$V(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$V(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+          className: clsx(classes.content, (_obj1 = {}, _define_property$W(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$W(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
           children: [
             hasIcon && /* @__PURE__ */ jsx("span", {
               className: classes.icon,
@@ -9392,7 +9392,7 @@
       flexDirection: "row-reverse"
     }
   });
-  function _define_property$U(obj, key, value) {
+  function _define_property$V(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9405,7 +9405,7 @@
     }
     return obj;
   }
-  function _object_spread$S(target) {
+  function _object_spread$T(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9415,12 +9415,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$U(target, key, source[key]);
+        _define_property$V(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$K(object, enumerableOnly) {
+  function ownKeys$L(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9433,12 +9433,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$K(target, source) {
+  function _object_spread_props$L(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$K(Object(source)).forEach(function(key) {
+      ownKeys$L(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9458,11 +9458,11 @@
       }, event);
     };
     var _obj2;
-    return /* @__PURE__ */ jsxs("label", _object_spread_props$K(_object_spread$S({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$U(_obj2, classes.checked, isSelected), _define_property$U(_obj2, classes.invalid, isInvalid), _define_property$U(_obj2, classes.disabled, isDisabled), _define_property$U(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+    return /* @__PURE__ */ jsxs("label", _object_spread_props$L(_object_spread$T({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$V(_obj2, classes.checked, isSelected), _define_property$V(_obj2, classes.invalid, isInvalid), _define_property$V(_obj2, classes.disabled, isDisabled), _define_property$V(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("input", _object_spread$S({
+        /* @__PURE__ */ jsx("input", _object_spread$T({
           className: classes.input,
           type: "checkbox",
           checked: isSelected,
@@ -9511,7 +9511,7 @@
       }
     }
   });
-  function _define_property$T(obj, key, value) {
+  function _define_property$U(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9524,7 +9524,7 @@
     }
     return obj;
   }
-  function _object_spread$R(target) {
+  function _object_spread$S(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9534,12 +9534,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$T(target, key, source[key]);
+        _define_property$U(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$J(object, enumerableOnly) {
+  function ownKeys$K(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9552,12 +9552,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$J(target, source) {
+  function _object_spread_props$K(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$J(Object(source)).forEach(function(key) {
+      ownKeys$K(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9568,7 +9568,7 @@
     var classes = useStyles$K({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("button", _object_spread_props$J(_object_spread$R({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$K(_object_spread$S({
       type: "button",
       className: classes.root,
       onClick: onClose
@@ -9710,7 +9710,7 @@
     },
     root: {}
   });
-  function _define_property$S(obj, key, value) {
+  function _define_property$T(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9723,7 +9723,7 @@
     }
     return obj;
   }
-  function _object_spread$Q(target) {
+  function _object_spread$R(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9733,7 +9733,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$S(target, key, source[key]);
+        _define_property$T(target, key, source[key]);
       });
     }
     return target;
@@ -9743,7 +9743,7 @@
     var classes = useStyles$I({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread$Q({
+    return /* @__PURE__ */ jsx("div", _object_spread$R({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)));
   };
@@ -10094,7 +10094,7 @@
       });
     };
   }
-  function _define_property$R(obj, key, value) {
+  function _define_property$S(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10138,7 +10138,7 @@
   function _non_iterable_rest$j() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$P(target) {
+  function _object_spread$Q(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10148,12 +10148,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$R(target, key, source[key]);
+        _define_property$S(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$I(object, enumerableOnly) {
+  function ownKeys$J(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10166,12 +10166,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$I(target, source) {
+  function _object_spread_props$J(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$I(Object(source)).forEach(function(key) {
+      ownKeys$J(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10420,8 +10420,8 @@
     var hasPlaceholder = (!hasLabel || isLabelActive) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
     var _obj2;
-    var props = _object_spread_props$I(_object_spread$P({}, inputProps, trueReactPlatformHelpers.addDataTestId(testId)), {
-      className: clsx(classes.input, (_obj2 = {}, _define_property$R(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$R(_obj2, classes.withIcons, hasControls), _define_property$R(_obj2, classes.withControls, hasControls), _define_property$R(_obj2, classes.withUnits, shouldShowUnits), _define_property$R(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
+    var props = _object_spread_props$J(_object_spread$Q({}, inputProps, trueReactPlatformHelpers.addDataTestId(testId)), {
+      className: clsx(classes.input, (_obj2 = {}, _define_property$S(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$S(_obj2, classes.withIcons, hasControls), _define_property$S(_obj2, classes.withControls, hasControls), _define_property$S(_obj2, classes.withUnits, shouldShowUnits), _define_property$S(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
       onFocus: handleFocus,
       onBlur: handleBlur,
       onChange: handleChange,
@@ -10437,17 +10437,17 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$I(_object_spread$P({
-          className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$R(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$R(_obj1, classes.invalid, isInvalid), _define_property$R(_obj1, classes.focused, hasFocus), _define_property$R(_obj1, classes.disabled, isDisabled), _define_property$R(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+        /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$Q({
+          className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$S(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$S(_obj1, classes.invalid, isInvalid), _define_property$S(_obj1, classes.focused, hasFocus), _define_property$S(_obj1, classes.disabled, isDisabled), _define_property$S(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
           "data-value": isAutoSizeable ? value : void 0
         }, addDataAttributes(data)), {
           children: [
             /* @__PURE__ */ jsxs("div", {
               className: classes.inputWithLabelWrapper,
               children: [
-                mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$P({
+                mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$Q({
                   ref: ref !== null && ref !== void 0 ? ref : inputRef
-                }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$P({
+                }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$Q({
                   ref: ref !== null && ref !== void 0 ? ref : inputRef,
                   mask,
                   maskPlaceholder,
@@ -10455,8 +10455,8 @@
                   beforeMaskedStateChange
                 }, props)),
                 hasLabel && /* @__PURE__ */ jsx("span", {
-                  className: clsx(classes.label, (_obj22 = {}, _define_property$R(_obj22, classes.invalidLabel, isInvalid), _define_property$R(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$R(_obj22, classes.activeLabel, isLabelActive), _define_property$R(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-                  _define_property$R(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _define_property$R(_obj22, classes.labelWithIcons, hasControls), _obj22)),
+                  className: clsx(classes.label, (_obj22 = {}, _define_property$S(_obj22, classes.invalidLabel, isInvalid), _define_property$S(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$S(_obj22, classes.activeLabel, isLabelActive), _define_property$S(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+                  _define_property$S(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _define_property$S(_obj22, classes.labelWithIcons, hasControls), _obj22)),
                   children: /* @__PURE__ */ jsx("span", {
                     className: classes.labelText,
                     children: label
@@ -10465,7 +10465,7 @@
               ]
             }),
             shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.unitsWrapper, _define_property$R({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+              className: clsx(classes.unitsWrapper, _define_property$S({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
               children: [
                 /* @__PURE__ */ jsx("span", {
                   className: classes.fakeValue,
@@ -10497,7 +10497,7 @@
                   })
                 }),
                 trueReactPlatformHelpers.isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.inputIcon, _define_property$R({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                  className: clsx(classes.inputIcon, _define_property$S({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                   onClick: !isDisabled ? onIconClick : void 0,
                   children: renderIcon(iconType)
                 })
@@ -10526,7 +10526,7 @@
       position: "relative"
     }
   });
-  function _define_property$Q(obj, key, value) {
+  function _define_property$R(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10539,7 +10539,7 @@
     }
     return obj;
   }
-  function _object_spread$O(target) {
+  function _object_spread$P(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10549,12 +10549,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Q(target, key, source[key]);
+        _define_property$R(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$H(object, enumerableOnly) {
+  function ownKeys$I(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10567,12 +10567,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$H(target, source) {
+  function _object_spread_props$I(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$H(Object(source)).forEach(function(key) {
+      ownKeys$I(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10651,11 +10651,11 @@
       }
       onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$O({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$P({
       className: clsx(classes.root, className),
       onClick
     }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(Input, _object_spread_props$H(_object_spread$O({}, inputProps), {
+      children: /* @__PURE__ */ jsx(Input, _object_spread_props$I(_object_spread$P({}, inputProps), {
         ref,
         value: isRange ? "".concat(startDate).concat(endDate) : date,
         mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
@@ -10708,7 +10708,7 @@
       fontSize: 14
     }
   };
-  function _define_property$P(obj, key, value) {
+  function _define_property$Q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10721,7 +10721,7 @@
     }
     return obj;
   }
-  function _object_spread$N(target) {
+  function _object_spread$O(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10731,12 +10731,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$P(target, key, source[key]);
+        _define_property$Q(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$G(object, enumerableOnly) {
+  function ownKeys$H(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10749,12 +10749,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$G(target, source) {
+  function _object_spread_props$H(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$G(Object(source)).forEach(function(key) {
+      ownKeys$H(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10809,18 +10809,18 @@
       className: "tweakInput",
       currentComponentName: "SearchInput"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$H(_object_spread$O({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
-        /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
-          className: clsx(classes.icon, _define_property$P({}, classes.iconClickable, trueReactPlatformHelpers.isNotEmpty(onSearchIconClick)))
+        /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$O({
+          className: clsx(classes.icon, _define_property$Q({}, classes.iconClickable, trueReactPlatformHelpers.isNotEmpty(onSearchIconClick)))
         }, trueReactPlatformHelpers.addClickHandler(onSearchIconClick)), {
           children: /* @__PURE__ */ jsx(Icon, {
             type: "search"
           })
         })),
-        /* @__PURE__ */ jsx(Input, _object_spread$N({
+        /* @__PURE__ */ jsx(Input, _object_spread$O({
           ref,
           inputMode: "search",
           isClearable,
@@ -10871,7 +10871,7 @@
       _defineProperties(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$O(obj, key, value) {
+  function _define_property$P(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10904,7 +10904,7 @@
     if (superClass)
       _set_prototype_of(subClass, superClass);
   }
-  function _object_spread$M(target) {
+  function _object_spread$N(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10914,7 +10914,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$O(target, key, source[key]);
+        _define_property$P(target, key, source[key]);
       });
     }
     return target;
@@ -11003,8 +11003,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$O(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$O(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$P(_assert_this_initialized(_this), "node", React.createRef());
+      _define_property$P(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
         var options = _this.props.options;
         var _this_node = _this.node, node = _this_node.current;
         if (node) {
@@ -11046,7 +11046,7 @@
             "children",
             "options"
           ]);
-          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$M({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$N({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -11054,10 +11054,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.PureComponent);
-  _define_property$O(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+  _define_property$P(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
   var DEFAULT_OPTION_INDEX = -2;
   var ALL_OPTION_INDEX = -1;
-  function _define_property$N(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11070,7 +11070,7 @@
     }
     return obj;
   }
-  function _object_spread$L(target) {
+  function _object_spread$M(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11080,7 +11080,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$N(target, key, source[key]);
+        _define_property$O(target, key, source[key]);
       });
     }
     return target;
@@ -11111,7 +11111,7 @@
     },
     listHeader: {},
     listFooter: {},
-    list: _object_spread$L({
+    list: _object_spread$M({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -11154,7 +11154,7 @@
       display: "none"
     }
   };
-  function _define_property$M(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11167,7 +11167,7 @@
     }
     return obj;
   }
-  function _object_spread$K(target) {
+  function _object_spread$L(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11177,12 +11177,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$M(target, key, source[key]);
+        _define_property$N(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$F(object, enumerableOnly) {
+  function ownKeys$G(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -11195,12 +11195,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$F(target, source) {
+  function _object_spread_props$G(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$F(Object(source)).forEach(function(key) {
+      ownKeys$G(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11220,12 +11220,12 @@
       children
     });
     var _obj2;
-    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$F(_object_spread$K({
+    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$G(_object_spread$L({
       active: isFocused,
       options: {
         block: "nearest"
       },
-      className: clsx(classes.cell, (_obj2 = {}, _define_property$M(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$M(_obj2, classes.focused, isFocused), _define_property$M(_obj2, classes.active, isActive && !isMultiSelect), _define_property$M(_obj2, classes.disabled, isDisabled), _obj2))
+      className: clsx(classes.cell, (_obj2 = {}, _define_property$N(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$N(_obj2, classes.focused, isFocused), _define_property$N(_obj2, classes.active, isActive && !isMultiSelect), _define_property$N(_obj2, classes.disabled, isDisabled), _obj2))
     }, addDataAttributes({
       disabled: isDisabled,
       active: isActive,
@@ -11237,7 +11237,7 @@
       children: isMultiSelect ? multiSelectContent : children
     }));
   };
-  function _define_property$L(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11250,7 +11250,7 @@
     }
     return obj;
   }
-  function _object_spread$J(target) {
+  function _object_spread$K(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11260,12 +11260,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$L(target, key, source[key]);
+        _define_property$M(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$E(object, enumerableOnly) {
+  function ownKeys$F(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -11278,12 +11278,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$E(target, source) {
+  function _object_spread_props$F(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$E(Object(source)).forEach(function(key) {
+      ownKeys$F(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11320,15 +11320,16 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, (_obj2 = {}, _define_property$L(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$L(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
+      className: clsx(classes.root, (_obj2 = {}, _define_property$M(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$M(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
       children: [
         isHeaderNotEmpty && /* @__PURE__ */ jsx("div", {
           className: classes.listHeader,
           children: customListHeader
         }),
-        /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$J({
+        /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$K({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
+          tabIndex: -1,
           children: isLoading ? /* @__PURE__ */ jsx("div", {
             className: clsx(classes.cell, classes.loading),
             children: loadingLabel
@@ -11564,7 +11565,7 @@
       });
     };
   }
-  function _define_property$K(obj, key, value) {
+  function _define_property$L(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11615,7 +11616,7 @@
   function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$I(target) {
+  function _object_spread$J(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11625,12 +11626,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$K(target, key, source[key]);
+        _define_property$L(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$D(object, enumerableOnly) {
+  function ownKeys$E(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -11643,12 +11644,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$D(target, source) {
+  function _object_spread_props$E(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$D(Object(source)).forEach(function(key) {
+      ownKeys$E(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12216,7 +12217,7 @@
     }, [
       isOpen
     ]);
-    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$I({
+    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$J({
       value: searchValue,
       onChange: handleInputChange,
       tweakStyles: tweakSearchInputStyles,
@@ -12229,8 +12230,8 @@
       ]
     });
     var _obj2;
-    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$I({
-      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$K(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$K(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
+    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$J({
+      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$L(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$L(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
       ref: list,
       style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
       tabIndex: 0,
@@ -12286,7 +12287,7 @@
           onClick: isDisabled || isReadonly ? void 0 : handleOnClick,
           ref: inputWrapper,
           children: [
-            /* @__PURE__ */ jsx(Input, _object_spread$I({
+            /* @__PURE__ */ jsx(Input, _object_spread$J({
               value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
               onChange: handleInputChange,
               isActive: isListOpen || isActive,
@@ -13627,7 +13628,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$J(obj, key, value) {
+  function _define_property$K(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13671,7 +13672,7 @@
   function _non_iterable_rest$h() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$H(target) {
+  function _object_spread$I(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -13681,12 +13682,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$J(target, key, source[key]);
+        _define_property$K(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$C(object, enumerableOnly) {
+  function ownKeys$D(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13699,12 +13700,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$C(target, source) {
+  function _object_spread_props$D(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$C(Object(source)).forEach(function(key) {
+      ownKeys$D(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13830,7 +13831,7 @@
     var _useState4 = _sliced_to_array$h(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$h(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
-    var dateInputProps = _object_spread$H(_object_spread_props$C(_object_spread$H({}, inputProps), {
+    var dateInputProps = _object_spread$I(_object_spread_props$D(_object_spread$I({}, inputProps), {
       isRange,
       isDisabled,
       isClearable,
@@ -13928,10 +13929,10 @@
       startDate,
       endDate
     ]);
-    return /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$I({
       className: classes.root
     }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$H({
+      children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$I({
         ref,
         minDate,
         maxDate,
@@ -13962,9 +13963,9 @@
         preventOpenOnFocus,
         shouldCloseOnSelect,
         customInputRef,
-        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$H({}, dateInputProps)),
+        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$I({}, dateInputProps)),
         renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$C(_object_spread$H({}, baseProps), {
+          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$D(_object_spread$I({}, baseProps), {
             months
           }));
         },
@@ -14043,7 +14044,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$I(obj, key, value) {
+  function _define_property$J(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14087,7 +14088,7 @@
   function _non_iterable_rest$g() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$G(target) {
+  function _object_spread$H(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14097,12 +14098,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$I(target, key, source[key]);
+        _define_property$J(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$B(object, enumerableOnly) {
+  function ownKeys$C(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14115,12 +14116,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$B(target, source) {
+  function _object_spread_props$C(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$B(Object(source)).forEach(function(key) {
+      ownKeys$C(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14153,7 +14154,7 @@
     var linkText = link && link[0];
     var textWithNoLink = text.replace(LINK_REGEXP, "");
     var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$G({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$H({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -14275,7 +14276,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$f(arr);
   }
-  function _define_property$H(obj, key, value) {
+  function _define_property$I(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14326,7 +14327,7 @@
   function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$F(target) {
+  function _object_spread$G(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14336,12 +14337,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$A(object, enumerableOnly) {
+  function ownKeys$B(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14354,12 +14355,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$A(target, source) {
+  function _object_spread_props$B(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$A(Object(source)).forEach(function(key) {
+      ownKeys$B(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14418,16 +14419,16 @@
       onDrop: handleDrop
     } : void 0;
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$F({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$G({
       className: classes.root
     }, addDataAttributes(data), trueReactPlatformHelpers.addDataTestId(testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.label, _define_property$H({}, classes.requiredLabel, isRequired)),
+          className: clsx(classes.label, _define_property$I({}, classes.requiredLabel, isRequired)),
           children: label
         }),
-        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$F({
-          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$H(_obj2, classes.dragged, isDragOver), _define_property$H(_obj2, classes.disabled, isDisabled), _define_property$H(_obj2, classes.active, isActive), _obj2))
+        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$G({
+          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$I(_obj2, classes.dragged, isDragOver), _define_property$I(_obj2, classes.disabled, isDisabled), _define_property$I(_obj2, classes.active, isActive), _obj2))
         }, dndHandlers), {
           children: [
             trueReactPlatformHelpers.isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -14436,7 +14437,7 @@
             }),
             /* @__PURE__ */ jsx("label", {
               className: classes.inputLabel,
-              children: /* @__PURE__ */ jsx("input", _object_spread$F({
+              children: /* @__PURE__ */ jsx("input", _object_spread$G({
                 ref,
                 type: "file",
                 value: "",
@@ -14525,7 +14526,7 @@
       height: BUTTON_SIZE_M
     }
   });
-  function _define_property$G(obj, key, value) {
+  function _define_property$H(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14538,7 +14539,7 @@
     }
     return obj;
   }
-  function _object_spread$E(target) {
+  function _object_spread$F(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14548,12 +14549,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$G(target, key, source[key]);
+        _define_property$H(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$z(object, enumerableOnly) {
+  function ownKeys$A(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14566,12 +14567,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$z(target, source) {
+  function _object_spread_props$A(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$z(Object(source)).forEach(function(key) {
+      ownKeys$A(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14628,9 +14629,9 @@
     });
     var hasNoAction = isDisabled || isLoading;
     var _obj2;
-    return /* @__PURE__ */ jsx("button", _object_spread_props$z(_object_spread$E({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$A(_object_spread$F({
       ref,
-      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$G(_obj2, classes.disabled, isDisabled), _define_property$G(_obj2, classes.active, isActive), _define_property$G(_obj2, classes.loading, isLoading), _obj2)),
+      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$H(_obj2, classes.disabled, isDisabled), _define_property$H(_obj2, classes.active, isActive), _define_property$H(_obj2, classes.loading, isLoading), _obj2)),
       type,
       disabled: isDisabled,
       onClick: hasNoAction ? void 0 : onClick
@@ -14690,7 +14691,7 @@
       }
     }
   });
-  function _define_property$F(obj, key, value) {
+  function _define_property$G(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14703,7 +14704,7 @@
     }
     return obj;
   }
-  function _object_spread$D(target) {
+  function _object_spread$E(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14713,12 +14714,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$F(target, key, source[key]);
+        _define_property$G(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$y(object, enumerableOnly) {
+  function ownKeys$z(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14731,12 +14732,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$y(target, source) {
+  function _object_spread_props$z(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$y(Object(source)).forEach(function(key) {
+      ownKeys$z(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14747,7 +14748,7 @@
     var classes = useStyles$x({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
       className: clsx(classes.root, classes[view], classes[type])
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: text
@@ -14779,7 +14780,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$e(arr);
   }
-  function _define_property$E(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14830,7 +14831,7 @@
   function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$C(target) {
+  function _object_spread$D(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14840,12 +14841,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$E(target, key, source[key]);
+        _define_property$F(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$x(object, enumerableOnly) {
+  function ownKeys$y(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14858,12 +14859,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$x(target, source) {
+  function _object_spread_props$y(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$x(Object(source)).forEach(function(key) {
+      ownKeys$y(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14930,7 +14931,7 @@
       modifiers: [
         {
           name: "offset",
-          options: _object_spread$C({
+          options: _object_spread$D({
             offset: [
               0,
               6
@@ -14953,14 +14954,14 @@
       onMouseLeave: handleMouseLeave
     };
     var shouldShowTooltip = tooltipText !== void 0 && tooltipText !== null && !isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
       className: clsx(classes.root, mouseEventType === "click" && shouldShowTooltip && classes.clickable)
     }, shouldShowTooltip ? props : void 0, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       ref: root2,
       children: [
         shouldShowTooltip && /* @__PURE__ */ jsx(reactOverlays.Portal, {
           container: shouldRenderInBody ? document.body : root2.current,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
             className: classes.tooltip,
             style: popperStyles.popper
           }, attributes.popper), {
@@ -14977,7 +14978,7 @@
       ]
     }));
   };
-  function _define_property$D(obj, key, value) {
+  function _define_property$E(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14992,7 +14993,7 @@
   }
   var FILE_ICON_DEFAULT = "file-other";
   var _obj;
-  var iconTypeMap = (_obj = {}, _define_property$D(_obj, mimeTypes.xls, "file-excel"), _define_property$D(_obj, mimeTypes.xlsx, "file-excel"), _define_property$D(_obj, mimeTypes.jpeg, "file-image"), _define_property$D(_obj, mimeTypes.png, "file-image"), _define_property$D(_obj, mimeTypes.pdf, "file-pdf"), _define_property$D(_obj, mimeTypes.doc, "file-word"), _define_property$D(_obj, mimeTypes.docx, "file-word"), _define_property$D(_obj, mimeTypes.xml, "file-xml"), _define_property$D(_obj, mimeTypes.zip, "file-zip"), _obj);
+  var iconTypeMap = (_obj = {}, _define_property$E(_obj, mimeTypes.xls, "file-excel"), _define_property$E(_obj, mimeTypes.xlsx, "file-excel"), _define_property$E(_obj, mimeTypes.jpeg, "file-image"), _define_property$E(_obj, mimeTypes.png, "file-image"), _define_property$E(_obj, mimeTypes.pdf, "file-pdf"), _define_property$E(_obj, mimeTypes.doc, "file-word"), _define_property$E(_obj, mimeTypes.docx, "file-word"), _define_property$E(_obj, mimeTypes.xml, "file-xml"), _define_property$E(_obj, mimeTypes.zip, "file-zip"), _obj);
   var getFileExtensionByFilename = function(fileName) {
     var splitFileName = fileName.split(".");
     return splitFileName.length > 1 ? splitFileName.pop() : void 0;
@@ -15108,7 +15109,7 @@
       }
     }
   };
-  function _define_property$C(obj, key, value) {
+  function _define_property$D(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15121,7 +15122,7 @@
     }
     return obj;
   }
-  function _object_spread$B(target) {
+  function _object_spread$C(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -15131,12 +15132,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$C(target, key, source[key]);
+        _define_property$D(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$w(object, enumerableOnly) {
+  function ownKeys$x(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15149,12 +15150,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$w(target, source) {
+  function _object_spread_props$x(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$w(Object(source)).forEach(function(key) {
+      ownKeys$x(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -15194,8 +15195,8 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
-          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$C({}, classes.disabled, isDisabled))
+        /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
+          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$D({}, classes.disabled, isDisabled))
         }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data), trueReactPlatformHelpers.addClickHandler(handleClick, !isDisabled)), {
           children: [
             /* @__PURE__ */ jsx("div", {
@@ -16216,7 +16217,7 @@
       });
     };
   }
-  function _define_property$B(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -16260,7 +16261,7 @@
   function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$A(target) {
+  function _object_spread$B(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -16270,7 +16271,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$B(target, key, source[key]);
+        _define_property$C(target, key, source[key]);
       });
     }
     return target;
@@ -16529,7 +16530,7 @@
     }, [
       value
     ]);
-    return /* @__PURE__ */ jsx(Input, _object_spread$A({
+    return /* @__PURE__ */ jsx(Input, _object_spread$B({
       value: showedValue,
       onChange: handleChange,
       onBlur: handleBlur,
@@ -16916,7 +16917,7 @@
     }
   };
   var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
-  function _define_property$A(obj, key, value) {
+  function _define_property$B(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -16929,7 +16930,7 @@
     }
     return obj;
   }
-  function _object_spread$z(target) {
+  function _object_spread$A(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -16939,12 +16940,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$A(target, key, source[key]);
+        _define_property$B(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$v(object, enumerableOnly) {
+  function ownKeys$w(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16957,12 +16958,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$v(target, source) {
+  function _object_spread_props$w(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$v(Object(source)).forEach(function(key) {
+      ownKeys$w(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -17014,7 +17015,7 @@
       className: "tweakClearButton",
       currentComponentName: "FilterInterval"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$z({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$A({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -17111,7 +17112,7 @@
     var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
     return merge$1({}, MultiSelectLocales[key], custom, custom2);
   };
-  function _define_property$z(obj, key, value) {
+  function _define_property$A(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17124,7 +17125,7 @@
     }
     return obj;
   }
-  function _object_spread$y(target) {
+  function _object_spread$z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -17134,7 +17135,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$z(target, key, source[key]);
+        _define_property$A(target, key, source[key]);
       });
     }
     return target;
@@ -17146,7 +17147,7 @@
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$y({
+    list: _object_spread$z({
       paddingTop: TOP_GAP,
       maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
       overscrollBehavior: "contain"
@@ -17303,7 +17304,7 @@
       });
     };
   }
-  function _define_property$y(obj, key, value) {
+  function _define_property$z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17354,7 +17355,7 @@
   function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$x(target) {
+  function _object_spread$y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -17364,12 +17365,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$y(target, key, source[key]);
+        _define_property$z(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$u(object, enumerableOnly) {
+  function ownKeys$v(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17382,12 +17383,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$u(target, source) {
+  function _object_spread_props$v(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$u(Object(source)).forEach(function(key) {
+      ownKeys$v(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -17689,13 +17690,13 @@
         if (value !== void 0) {
           if (keyCursorOn < value.include.length) {
             var _value_include_filter;
-            onChange(_object_spread_props$u(_object_spread$x({}, value), {
+            onChange(_object_spread_props$v(_object_spread$y({}, value), {
               include: (_value_include_filter = value.include.filter(function(val) {
                 return getValueId(val) !== getValueId(value.include[keyCursorOn]);
               })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
             }));
           } else {
-            onChange(_object_spread_props$u(_object_spread$x({}, value), {
+            onChange(_object_spread_props$v(_object_spread$y({}, value), {
               include: _to_consumable_array$3(value.include).concat([
                 unchosenOptions[keyCursorOn - value.include.length]
               ])
@@ -17894,7 +17895,7 @@
     var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (trueReactPlatformHelpers.isArrayNotEmpty(unchosenOptions) || !trueReactPlatformHelpers.isArrayNotEmpty(allOptions));
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var shouldShowOptionsList = !isLoading && (trueReactPlatformHelpers.isArrayNotEmpty(allOptions) || trueReactPlatformHelpers.isArrayNotEmpty(chosenValues));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$y({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -17998,7 +17999,7 @@
       ]
     }));
   }
-  function _define_property$x(obj, key, value) {
+  function _define_property$y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18011,7 +18012,7 @@
     }
     return obj;
   }
-  function _object_spread$w(target) {
+  function _object_spread$x(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18021,15 +18022,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$x(target, key, source[key]);
+        _define_property$y(target, key, source[key]);
       });
     }
     return target;
   }
   function FilterMultiSelect(props) {
-    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$w({}, props));
+    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$x({}, props));
   }
-  function _define_property$w(obj, key, value) {
+  function _define_property$x(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18042,7 +18043,7 @@
     }
     return obj;
   }
-  function _object_spread$v(target) {
+  function _object_spread$w(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18052,7 +18053,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$w(target, key, source[key]);
+        _define_property$x(target, key, source[key]);
       });
     }
     return target;
@@ -18064,7 +18065,7 @@
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$v({
+    list: _object_spread$w({
       paddingTop: LIST_GAP,
       padding: [
         LIST_GAP,
@@ -18237,7 +18238,7 @@
       });
     };
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18288,7 +18289,7 @@
   function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$u(target) {
+  function _object_spread$v(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18298,12 +18299,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$v(target, key, source[key]);
+        _define_property$w(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$t(object, enumerableOnly) {
+  function ownKeys$u(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18316,12 +18317,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$t(target, source) {
+  function _object_spread_props$u(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$t(Object(source)).forEach(function(key) {
+      ownKeys$u(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18725,7 +18726,7 @@
       }();
       doFetchOptions();
     }, []);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$v({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -18825,7 +18826,7 @@
               children: translates.nothingFound
             }),
             (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.panel, _define_property$v({}, classes.panelWithFooter, hasFooter)),
+              className: clsx(classes.panel, _define_property$w({}, classes.panelWithFooter, hasFooter)),
               children: [
                 hasFooter && /* @__PURE__ */ jsx("div", {
                   className: classes.footer,
@@ -18923,7 +18924,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$u(obj, key, value) {
+  function _define_property$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18967,7 +18968,7 @@
   function _non_iterable_rest$a() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$t(target) {
+  function _object_spread$u(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18977,12 +18978,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$u(target, key, source[key]);
+        _define_property$v(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$s(object, enumerableOnly) {
+  function ownKeys$t(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18995,12 +18996,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$s(target, source) {
+  function _object_spread_props$t(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$s(Object(source)).forEach(function(key) {
+      ownKeys$t(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -19111,7 +19112,7 @@
       }
     };
     var _ref;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -19120,7 +19121,7 @@
           children: [
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
                 selectedDate: value === null || value === void 0 ? void 0 : value.from,
                 maxDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.from,
@@ -19135,7 +19136,7 @@
             }),
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
                 selectedDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.to,
                 months: translates.months,
@@ -19216,7 +19217,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$9(arr);
   }
-  function _define_property$t(obj, key, value) {
+  function _define_property$u(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -19267,7 +19268,7 @@
   function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$s(target) {
+  function _object_spread$t(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -19277,12 +19278,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$t(target, key, source[key]);
+        _define_property$u(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$r(object, enumerableOnly) {
+  function ownKeys$s(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -19295,12 +19296,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$r(target, source) {
+  function _object_spread_props$s(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$r(Object(source)).forEach(function(key) {
+      ownKeys$s(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -19340,7 +19341,7 @@
     var _useState1 = _sliced_to_array$9(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
     var _useState2 = _sliced_to_array$9(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
-      var result = _object_spread$s({}, PERIODS_GETTERS);
+      var result = _object_spread$t({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
         if (Array.isArray(p)) {
           result[p[0]] = p[1];
@@ -19386,7 +19387,7 @@
         if (onClose !== void 0) {
           onClose();
         }
-        onChange(_object_spread_props$r(_object_spread$s({}, p), {
+        onChange(_object_spread_props$s(_object_spread$t({}, p), {
           label: getPeriodTranslate(periodType)
         }));
       }
@@ -19406,7 +19407,7 @@
     };
     var handleCustomDateChange = function(val) {
       if (val.from || val.to) {
-        onChange(_object_spread_props$r(_object_spread$s({}, val), {
+        onChange(_object_spread_props$s(_object_spread$t({}, val), {
           periodType: "CUSTOM"
         }));
       } else {
@@ -19494,7 +19495,7 @@
   var isMultiSelectValue = function(value) {
     return Array.isArray(value === null || value === void 0 ? void 0 : value.include);
   };
-  function _define_property$s(obj, key, value) {
+  function _define_property$t(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -19507,7 +19508,7 @@
     }
     return obj;
   }
-  function _object_spread$r(target) {
+  function _object_spread$s(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -19517,12 +19518,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$s(target, key, source[key]);
+        _define_property$t(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$q(object, enumerableOnly) {
+  function ownKeys$r(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -19535,12 +19536,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$q(target, source) {
+  function _object_spread_props$r(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$q(Object(source)).forEach(function(key) {
+      ownKeys$r(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -19558,7 +19559,7 @@
       filter.locale
     ]);
     if (filter.type === "select") {
-      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$s({
         value,
         onChange,
         onClose,
@@ -19568,8 +19569,8 @@
       }, filter));
     }
     if (filter.type === "dateRange") {
-      var preparedValue = isPeriodValue(value) ? _object_spread$r({}, value) : void 0;
-      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$r({
+      var preparedValue = isPeriodValue(value) ? _object_spread$s({}, value) : void 0;
+      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$s({
         value: preparedValue,
         onChange,
         onClose,
@@ -19580,10 +19581,10 @@
     }
     if (filter.type === "dateRangeWithoutPeriod") {
       var preparedValue1 = isDatePeriodValue(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterWithDates, _object_spread$s({
         value: preparedValue1,
         onChange: function(v) {
-          return onChange(_object_spread_props$q(_object_spread$r({}, v), {
+          return onChange(_object_spread_props$r(_object_spread$s({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -19597,7 +19598,7 @@
     }
     if (filter.type === "multiSelect") {
       var preparedValue2 = isMultiSelectValue(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$s({
         value: preparedValue2,
         onChange,
         onClose,
@@ -19608,7 +19609,7 @@
     }
     if (filter.type === "interval") {
       var preparedValue3 = Array.isArray(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$s({
         value: preparedValue3,
         onChange,
         localeKey: translatesLocaleKey,
@@ -19622,7 +19623,7 @@
     }
     if (filter.type === "custom" && filter.component) {
       var Component = filter.component;
-      return /* @__PURE__ */ jsx(Component, _object_spread_props$q(_object_spread$r({}, props), {
+      return /* @__PURE__ */ jsx(Component, _object_spread_props$r(_object_spread$s({}, props), {
         filter
       }));
     }
@@ -19738,7 +19739,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$r(obj, key, value) {
+  function _define_property$s(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -19782,7 +19783,7 @@
   function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$q(target) {
+  function _object_spread$r(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -19792,12 +19793,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$r(target, key, source[key]);
+        _define_property$s(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$p(object, enumerableOnly) {
+  function ownKeys$q(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -19810,12 +19811,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$p(target, source) {
+  function _object_spread_props$q(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$p(Object(source)).forEach(function(key) {
+      ownKeys$q(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -19885,8 +19886,8 @@
       field
     ]);
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _obj2)),
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$s(_obj2, classes.focused, isInputFocused), _define_property$s(_obj2, classes.disabled, isDisabled), _obj2)),
       ref: refRoot,
       "data-testid": testId
     }, addDataAttributes(data)), {
@@ -20228,7 +20229,7 @@
       minWidth: 0
     }
   });
-  function _define_property$q(obj, key, value) {
+  function _define_property$r(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -20241,7 +20242,7 @@
     }
     return obj;
   }
-  function _object_spread$p(target) {
+  function _object_spread$q(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -20251,12 +20252,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$q(target, key, source[key]);
+        _define_property$r(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$o(object, enumerableOnly) {
+  function ownKeys$p(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -20269,12 +20270,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$o(target, source) {
+  function _object_spread_props$p(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$o(Object(source)).forEach(function(key) {
+      ownKeys$p(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -20326,12 +20327,12 @@
       trigger: function(param2) {
         var isActive = param2.triggerProps.isActive, referenceProps = param2.referenceProps;
         var _obj2;
-        return /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
-          className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.noValue, !hasValue), _define_property$q(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$q(_obj2, classes.withValue, !isActive && hasValue), _define_property$q(_obj2, classes.openWithValue, isActive && hasValue), _define_property$q(_obj2, classes.boolean, isBoolean), _define_property$q(_obj2, classes.disabled, isDisabled), _obj2))
+        return /* @__PURE__ */ jsx("div", _object_spread_props$p(_object_spread$q({
+          className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.noValue, !hasValue), _define_property$r(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$r(_obj2, classes.withValue, !isActive && hasValue), _define_property$r(_obj2, classes.openWithValue, isActive && hasValue), _define_property$r(_obj2, classes.boolean, isBoolean), _define_property$r(_obj2, classes.disabled, isDisabled), _obj2))
         }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data), referenceProps), {
           children: /* @__PURE__ */ jsxs("div", {
             onClick: handleLabelClick,
-            className: clsx(classes.item, _define_property$q({}, classes.booleanItem, isBoolean)),
+            className: clsx(classes.item, _define_property$r({}, classes.booleanItem, isBoolean)),
             children: [
               /* @__PURE__ */ jsx("div", {
                 className: classes.name,
@@ -20349,7 +20350,7 @@
                 })
               }),
               !isBoolean && !hasClearIcon && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.iconContainer, classes.chevronIcon, _define_property$q({}, classes.open, isActive)),
+                className: clsx(classes.iconContainer, classes.chevronIcon, _define_property$r({}, classes.open, isActive)),
                 children: /* @__PURE__ */ jsx(Icon, {
                   type: "chevron-down"
                 })
@@ -20379,7 +20380,7 @@
       }
     });
   }
-  function _define_property$p(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -20392,7 +20393,7 @@
     }
     return obj;
   }
-  function _object_spread$o(target) {
+  function _object_spread$p(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -20402,12 +20403,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$p(target, key, source[key]);
+        _define_property$q(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$n(object, enumerableOnly) {
+  function ownKeys$o(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -20420,12 +20421,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$n(target, source) {
+  function _object_spread_props$o(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$n(Object(source)).forEach(function(key) {
+      ownKeys$o(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -20480,11 +20481,11 @@
       })
     });
     var _search_localeKey, _search_localeKey1, _search_isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
+        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
           className: classes.settings,
           tabIndex: 0
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -20496,7 +20497,7 @@
             })
           })
         })),
-        search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search), {
+        search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$o(_object_spread$p({}, search), {
           locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
           localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
           isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -20520,7 +20521,7 @@
             locale: locale2,
             localeKey,
             onChange: function(value) {
-              return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, filterKey, value)));
+              return onChangeFilters(_object_spread_props$o(_object_spread$p({}, values), _define_property$q({}, filterKey, value)));
             },
             value: currentValue,
             isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -26794,23 +26795,75 @@
     var _config_dateFormat;
     return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
   };
+  function _define_property$p(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _object_spread$o(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$p(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$n(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys2.push.apply(keys2, symbols);
+    }
+    return keys2;
+  }
+  function _object_spread_props$n(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$n(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   var STICKY_SHADOW_PADDING = 12;
   var useStyles$j = createThemedStyles("FlexibleTable", {
+    flexibleTableWrapper: {},
     root: {
       width: "100%",
       position: "relative",
       borderCollapse: "separate",
       borderSpacing: 0
     },
-    scroll: {
-      overflow: "auto",
+    scroll: _object_spread_props$n(_object_spread$o({}, helpers.withScrollBar), {
       /*
         Чтобы сделать таблицу на всю высоту проставьте
         height у родителя таблицы у себя в проекте.
         Например: height: calc(100vh -{высота шапки}px)
       */
       maxHeight: "100%"
-    },
+    }),
     head: {},
     body: {},
     loaderRow: {},
@@ -27567,7 +27620,7 @@
     var Table = TableRenders[renderMode];
     return /* @__PURE__ */ jsx("div", {
       ref,
-      className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
+      className: clsx(classes.flexibleTableWrapper, _define_property$l({}, classes.scroll, isHorizontallyScrollable)),
       children: /* @__PURE__ */ jsxs(Table.Root, _object_spread_props$j(_object_spread$k({
         className: classes.root
       }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {