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

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

@@ -1323,7 +1323,7 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     _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,
@@ -1374,7 +1374,7 @@ function _non_iterable_rest$q() {
 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);
@@ -1384,7 +1384,7 @@ function _object_spread$16(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$18(target, key, source[key]);
+      _define_property$19(target, key, source[key]);
     });
   }
   return target;
@@ -1516,7 +1516,7 @@ var TweakStylesManager = /* @__PURE__ */ function() {
             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] = joinStrings([
               classes[key],
@@ -1651,7 +1651,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     _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,
@@ -1664,7 +1664,7 @@ function _define_property$17(obj, key, value) {
   }
   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);
@@ -1674,7 +1674,7 @@ function _object_spread$15(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$17(target, key, source[key]);
+      _define_property$18(target, key, source[key]);
     });
   }
   return target;
@@ -1770,7 +1770,7 @@ var ThemedStylesManager = /* @__PURE__ */ function() {
             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
@@ -1787,7 +1787,7 @@ var ThemedStylesManager = /* @__PURE__ */ function() {
   ]);
   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,
@@ -1800,7 +1800,7 @@ function _define_property$16(obj, key, value) {
   }
   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);
@@ -1810,12 +1810,12 @@ function _object_spread$14(target) {
       }));
     }
     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);
@@ -1828,12 +1828,12 @@ function ownKeys$V(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -1844,7 +1844,7 @@ var JssProvider = function(param) {
   var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
   var context = useContext(JssContext);
   var value = 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
     });
@@ -1883,7 +1883,7 @@ function _array_with_holes$p(arr) {
   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,
@@ -1927,7 +1927,7 @@ function _iterable_to_array_limit$o(arr, i) {
 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);
@@ -1937,12 +1937,12 @@ function _object_spread$13(target) {
       }));
     }
     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);
@@ -1955,12 +1955,12 @@ function ownKeys$U(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -2020,7 +2020,7 @@ function createThemedStyles() {
         tweakStylesStrategy,
         tweakStyles
       ]);
-      return useStyles2(isNotEmpty(data) ? _object_spread_props$U(_object_spread$13({}, data), {
+      return useStyles2(isNotEmpty(data) ? _object_spread_props$V(_object_spread$14({}, data), {
         theme
       }) : data);
     }
@@ -6568,7 +6568,7 @@ function _array_without_holes$9(arr) {
   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,
@@ -6588,7 +6588,7 @@ function _iterable_to_array$9(iter) {
 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);
@@ -6598,7 +6598,7 @@ function _object_spread$12(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$14(target, key, source[key]);
+      _define_property$15(target, key, source[key]);
     });
   }
   return target;
@@ -6654,7 +6654,7 @@ var useDropdown = function(param) {
         },
         {
           name: "flip",
-          options: _object_spread$12({
+          options: _object_spread$13({
             fallbackPlacements: canBeFlipped ? [
               "bottom-start",
               "top-start"
@@ -6859,7 +6859,7 @@ var complexIcons = {
   "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,
@@ -6872,7 +6872,7 @@ function _define_property$13(obj, key, value) {
   }
   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);
@@ -6882,7 +6882,7 @@ function _object_spread$11(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$13(target, key, source[key]);
+      _define_property$14(target, key, source[key]);
     });
   }
   return target;
@@ -6891,7 +6891,7 @@ var ComplexIconBoilerplate = function(param) {
   var type = param.type;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$11({}, complexIcons, theme.complexIcons);
+    return _object_spread$12({}, complexIcons, theme.complexIcons);
   }, []);
   var ComplexIcon = icons[type];
   return /* @__PURE__ */ jsx("div", {
@@ -7762,7 +7762,7 @@ var iconsList = checkIcons({
     ]
   }
 });
-function _define_property$12(obj, key, value) {
+function _define_property$13(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7775,7 +7775,7 @@ function _define_property$12(obj, key, value) {
   }
   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);
@@ -7785,12 +7785,12 @@ function _object_spread$10(target) {
       }));
     }
     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);
@@ -7803,12 +7803,12 @@ function ownKeys$T(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7819,7 +7819,7 @@ var IconBoilerplate = function(param) {
   var _icon_paths, _icon_rects, _icon_circles;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$10({}, iconsList, theme.icons);
+    return _object_spread$11({}, iconsList, theme.icons);
   }, []);
   var icon = icons[type];
   var _icon_viewBox;
@@ -7832,7 +7832,7 @@ var IconBoilerplate = function(param) {
     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",
@@ -7840,12 +7840,12 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$T(_object_spread$10({}, rect), {
+        return /* @__PURE__ */ 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__ */ createElement("circle", _object_spread_props$T(_object_spread$10({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$U(_object_spread$11({}, circle), {
           key: index
         }));
       })
@@ -7858,7 +7858,7 @@ var useStyles$V = createThemedStyles("Icon", {
     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,
@@ -7871,7 +7871,7 @@ function _define_property$11(obj, key, value) {
   }
   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);
@@ -7881,12 +7881,12 @@ function _object_spread$$(target) {
       }));
     }
     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);
@@ -7899,12 +7899,12 @@ function ownKeys$S(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7915,7 +7915,7 @@ var Icon = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7986,7 +7986,7 @@ function _array_without_holes$7(arr) {
   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,
@@ -8037,7 +8037,7 @@ function _non_iterable_rest$m() {
 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);
@@ -8047,12 +8047,12 @@ function _object_spread$_(target) {
       }));
     }
     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);
@@ -8065,12 +8065,12 @@ function ownKeys$R(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8096,7 +8096,7 @@ function _unsupported_iterable_to_array$m(o, minLen) {
     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
   });
@@ -8129,46 +8129,46 @@ var WithPopup = function(param) {
     placement,
     onOpenChange: handleToggle
   }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-  var hover = useHover(context, {
+  var hover = useHover(context, _object_spread$$({
     enabled: eventType === "hover",
-    delay: typeof hoverDelay === "number" ? {
+    delay: {
       open: hoverDelay,
       close: 0
-    } : hoverDelay,
+    },
     handleClose: safePolygon()
-  });
-  var focus = useFocus(context, {
+  }, hoverOptions));
+  var focus = useFocus(context, _object_spread$$({
     enabled: eventType === "hover"
-  });
-  var click = useClick(context, {
+  }, focusOptions));
+  var click = useClick(context, _object_spread$$({
     enabled: eventType === "click"
-  });
-  var dismiss = useDismiss(context, {
+  }, clickOptions));
+  var dismiss = useDismiss(context, _object_spread$$({
     enabled: eventType === "click",
     ancestorScroll: shouldHideOnScroll
-  });
+  }, dismissOptions));
   var _useInteractions = useInteractions([
     hover,
     click,
     focus,
     dismiss
   ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-  var _useTransitionStatus = useTransitionStatus(context, {
+  var _useTransitionStatus = 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: stopPropagation
   }));
   var triggerElement = 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))
@@ -8176,22 +8176,22 @@ var WithPopup = function(param) {
   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, addDataAttributes$1(data, testId)), {
         children: triggerElement
       })) : triggerElement,
       isMounted && /* @__PURE__ */ jsx(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(), addDataAttributes$1(popupData)), {
+        }, getFloatingProps(), addDataAttributes$1(popupData, testId, "popup")), {
           children: /* @__PURE__ */ jsxs("div", {
             className: classes["dropdown-".concat(status)],
             children: [
-              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$R(_object_spread$_({}, arrowProps), {
+              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$S(_object_spread$$({}, arrowProps), {
                 ref: arrowRef,
                 context,
                 className: classes.arrow
@@ -8249,7 +8249,7 @@ var useStyles$T = createThemedStyles("ListItem", {
     flexGrow: 1
   }
 });
-function _define_property$$(obj, key, value) {
+function _define_property$10(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8262,7 +8262,7 @@ function _define_property$$(obj, key, value) {
   }
   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);
@@ -8272,12 +8272,12 @@ function _object_spread$Z(target) {
       }));
     }
     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);
@@ -8290,12 +8290,12 @@ function ownKeys$Q(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8312,9 +8312,9 @@ var ListItem = function(param) {
       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))
-      }, addClickHandler(onClick, !isDisabled), 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))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$_({}, data), {
         disabled: isDisabled ? true : void 0
       }))), {
         children: [
@@ -8361,7 +8361,7 @@ var withPopupStyles$1 = {
     width: "100%"
   }
 };
-function _define_property$_(obj, key, value) {
+function _define_property$$(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8374,7 +8374,7 @@ function _define_property$_(obj, key, value) {
   }
   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);
@@ -8384,12 +8384,12 @@ function _object_spread$Y(target) {
       }));
     }
     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);
@@ -8402,12 +8402,12 @@ function ownKeys$P(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8429,11 +8429,11 @@ var List = function(param) {
     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
   }, 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: getTestId(testId, "item-".concat(i))
       }, item), {
         shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -8451,7 +8451,7 @@ var List = function(param) {
           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
             }));
           },
@@ -8462,13 +8462,13 @@ var List = function(param) {
               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,
@@ -8481,7 +8481,7 @@ function _define_property$Z(obj, key, value) {
   }
   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);
@@ -8491,12 +8491,12 @@ function _object_spread$X(target) {
       }));
     }
     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"
   },
@@ -8550,7 +8550,7 @@ function _array_with_holes$l(arr) {
   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,
@@ -8594,7 +8594,7 @@ function _iterable_to_array_limit$l(arr, i) {
 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);
@@ -8604,12 +8604,12 @@ function _object_spread$W(target) {
       }));
     }
     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);
@@ -8622,12 +8622,12 @@ function ownKeys$O(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8671,7 +8671,7 @@ var AccountInfo = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8747,7 +8747,7 @@ var useStyles$Q = createThemedStyles("AddButton", {
     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,
@@ -8760,7 +8760,7 @@ function _define_property$X(obj, key, value) {
   }
   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);
@@ -8770,12 +8770,12 @@ function _object_spread$V(target) {
       }));
     }
     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);
@@ -8788,12 +8788,12 @@ function ownKeys$N(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8804,7 +8804,7 @@ var AddButton = function(param) {
   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,
@@ -8970,7 +8970,7 @@ var useStyles$N = createThemedStyles("ThemedPreloader", {
     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,
@@ -8983,7 +8983,7 @@ function _define_property$W(obj, key, value) {
   }
   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);
@@ -8993,12 +8993,12 @@ function _object_spread$U(target) {
       }));
     }
     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);
@@ -9011,12 +9011,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9037,8 +9037,8 @@ var ThemedPreloader = function(param) {
     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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -9219,7 +9219,7 @@ var dotsPreloaderStyles = {
 var getPreloaderStyles = function(size2) {
   return size2 === "s" || size2 === "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,
@@ -9232,7 +9232,7 @@ function _define_property$V(obj, key, value) {
   }
   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);
@@ -9242,12 +9242,12 @@ function _object_spread$T(target) {
       }));
     }
     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);
@@ -9260,12 +9260,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9335,16 +9335,16 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasChildren = 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[size2], 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[size2], 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, 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,
@@ -9405,7 +9405,7 @@ var useStyles$L = createThemedStyles("Checkbox", {
     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,
@@ -9418,7 +9418,7 @@ function _define_property$U(obj, key, value) {
   }
   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);
@@ -9428,12 +9428,12 @@ function _object_spread$S(target) {
       }));
     }
     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);
@@ -9446,12 +9446,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9471,11 +9471,11 @@ function Checkbox(param) {
     }, 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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$S({
+      /* @__PURE__ */ jsx("input", _object_spread$T({
         className: classes.input,
         type: "checkbox",
         checked: isSelected,
@@ -9524,7 +9524,7 @@ var useStyles$K = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$T(obj, key, value) {
+function _define_property$U(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9537,7 +9537,7 @@ function _define_property$T(obj, key, value) {
   }
   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);
@@ -9547,12 +9547,12 @@ function _object_spread$R(target) {
       }));
     }
     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);
@@ -9565,12 +9565,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9581,7 +9581,7 @@ var CloseButton = function(param) {
   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
@@ -9723,7 +9723,7 @@ var useStyles$I = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$S(obj, key, value) {
+function _define_property$T(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9736,7 +9736,7 @@ function _define_property$S(obj, key, value) {
   }
   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);
@@ -9746,7 +9746,7 @@ function _object_spread$Q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$S(target, key, source[key]);
+      _define_property$T(target, key, source[key]);
     });
   }
   return target;
@@ -9756,7 +9756,7 @@ var CssBaseline = function(param) {
   var classes = useStyles$I({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread$Q({
+  return /* @__PURE__ */ jsx("div", _object_spread$R({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)));
 };
@@ -10107,7 +10107,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$R(obj, key, value) {
+function _define_property$S(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10151,7 +10151,7 @@ function _iterable_to_array_limit$j(arr, i) {
 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);
@@ -10161,12 +10161,12 @@ function _object_spread$P(target) {
       }));
     }
     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);
@@ -10179,12 +10179,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10433,8 +10433,8 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasPlaceholder = (!hasLabel || isLabelActive) && isStringNotEmpty(placeholder);
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj2;
-  var props = _object_spread_props$I(_object_spread$P({}, inputProps, 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, 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,
@@ -10450,17 +10450,17 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   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,
@@ -10468,8 +10468,8 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 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
@@ -10478,7 +10478,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
             ]
           }),
           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,
@@ -10510,7 +10510,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 })
               }),
               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)
               })
@@ -10539,7 +10539,7 @@ var useStyles$G = createThemedStyles("DateInput", {
     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,
@@ -10552,7 +10552,7 @@ function _define_property$Q(obj, key, value) {
   }
   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);
@@ -10562,12 +10562,12 @@ function _object_spread$O(target) {
       }));
     }
     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);
@@ -10580,12 +10580,12 @@ function ownKeys$H(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10664,11 +10664,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     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",
@@ -10721,7 +10721,7 @@ var inputStyles$4 = {
     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,
@@ -10734,7 +10734,7 @@ function _define_property$P(obj, key, value) {
   }
   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);
@@ -10744,12 +10744,12 @@ function _object_spread$N(target) {
       }));
     }
     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);
@@ -10762,12 +10762,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10822,18 +10822,18 @@ var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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
   }, addDataAttributes$1(data, testId)), {
     children: [
-      /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
-        className: clsx(classes.icon, _define_property$P({}, classes.iconClickable, isNotEmpty(onSearchIconClick)))
+      /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$O({
+        className: clsx(classes.icon, _define_property$Q({}, classes.iconClickable, isNotEmpty(onSearchIconClick)))
       }, addClickHandler(onSearchIconClick)), {
         children: /* @__PURE__ */ jsx(Icon, {
           type: "search"
         })
       })),
-      /* @__PURE__ */ jsx(Input, _object_spread$N({
+      /* @__PURE__ */ jsx(Input, _object_spread$O({
         ref,
         inputMode: "search",
         isClearable,
@@ -10884,7 +10884,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _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,
@@ -10917,7 +10917,7 @@ function _inherits(subClass, superClass) {
   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);
@@ -10927,7 +10927,7 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
@@ -11016,8 +11016,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$O(_assert_this_initialized(_this), "node", createRef());
-    _define_property$O(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$P(_assert_this_initialized(_this), "node", 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) {
@@ -11059,7 +11059,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
           "children",
           "options"
         ]);
-        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$M({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$N({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -11067,10 +11067,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(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,
@@ -11083,7 +11083,7 @@ function _define_property$N(obj, key, value) {
   }
   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);
@@ -11093,7 +11093,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
@@ -11124,7 +11124,7 @@ var useStyles$E = createThemedStyles("SelectList", {
   },
   listHeader: {},
   listFooter: {},
-  list: _object_spread$L({
+  list: _object_spread$M({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -11167,7 +11167,7 @@ var checkboxStyles$1 = {
     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,
@@ -11180,7 +11180,7 @@ function _define_property$M(obj, key, value) {
   }
   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);
@@ -11190,12 +11190,12 @@ function _object_spread$K(target) {
       }));
     }
     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);
@@ -11208,12 +11208,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -11233,12 +11233,12 @@ var SelectListItem = function(param) {
     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,
@@ -11250,7 +11250,7 @@ var SelectListItem = function(param) {
     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,
@@ -11263,7 +11263,7 @@ function _define_property$L(obj, key, value) {
   }
   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);
@@ -11273,12 +11273,12 @@ function _object_spread$J(target) {
       }));
     }
     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);
@@ -11291,12 +11291,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -11333,15 +11333,16 @@ function SelectList(param) {
   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
       }, addDataTestId(testId)), {
+        tabIndex: -1,
         children: isLoading ? /* @__PURE__ */ jsx("div", {
           className: clsx(classes.cell, classes.loading),
           children: loadingLabel
@@ -11577,7 +11578,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11628,7 +11629,7 @@ function _non_iterable_rest$i() {
 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);
@@ -11638,12 +11639,12 @@ function _object_spread$I(target) {
       }));
     }
     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);
@@ -11656,12 +11657,12 @@ function ownKeys$D(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -12229,7 +12230,7 @@ function Select(props) {
   }, [
     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,
@@ -12242,8 +12243,8 @@ function Select(props) {
     ]
   });
   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,
@@ -12299,7 +12300,7 @@ function Select(props) {
         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,
@@ -13640,7 +13641,7 @@ function _array_with_holes$h(arr) {
   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,
@@ -13684,7 +13685,7 @@ function _iterable_to_array_limit$h(arr, i) {
 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);
@@ -13694,12 +13695,12 @@ function _object_spread$H(target) {
       }));
     }
     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);
@@ -13712,12 +13713,12 @@ function ownKeys$C(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13843,7 +13844,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$h(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$h(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : 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,
@@ -13941,10 +13942,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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,
@@ -13975,9 +13976,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       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
         }));
       },
@@ -14056,7 +14057,7 @@ function _array_with_holes$g(arr) {
   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,
@@ -14100,7 +14101,7 @@ function _iterable_to_array_limit$g(arr, i) {
 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);
@@ -14110,12 +14111,12 @@ function _object_spread$G(target) {
       }));
     }
     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);
@@ -14128,12 +14129,12 @@ function ownKeys$B(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14166,7 +14167,7 @@ var Description = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -14288,7 +14289,7 @@ function _array_without_holes$5(arr) {
   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,
@@ -14339,7 +14340,7 @@ function _non_iterable_rest$f() {
 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);
@@ -14349,12 +14350,12 @@ function _object_spread$F(target) {
       }));
     }
     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);
@@ -14367,12 +14368,12 @@ function ownKeys$A(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14431,16 +14432,16 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
     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), addDataTestId(testId)), {
     children: [
       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: [
           isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -14449,7 +14450,7 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
           }),
           /* @__PURE__ */ jsx("label", {
             className: classes.inputLabel,
-            children: /* @__PURE__ */ jsx("input", _object_spread$F({
+            children: /* @__PURE__ */ jsx("input", _object_spread$G({
               ref,
               type: "file",
               value: "",
@@ -14538,7 +14539,7 @@ var useStyles$y = createThemedStyles("IconButton", {
     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,
@@ -14551,7 +14552,7 @@ function _define_property$G(obj, key, value) {
   }
   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);
@@ -14561,12 +14562,12 @@ function _object_spread$E(target) {
       }));
     }
     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);
@@ -14579,12 +14580,12 @@ function ownKeys$z(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14641,9 +14642,9 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
   });
   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[size2], (_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[size2], (_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
@@ -14703,7 +14704,7 @@ var useStyles$x = createThemedStyles("Tooltip", {
     }
   }
 });
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14716,7 +14717,7 @@ function _define_property$F(obj, key, value) {
   }
   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);
@@ -14726,12 +14727,12 @@ function _object_spread$D(target) {
       }));
     }
     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);
@@ -14744,12 +14745,12 @@ function ownKeys$y(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14760,7 +14761,7 @@ var Tooltip = function(param) {
   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])
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: text
@@ -14792,7 +14793,7 @@ function _array_without_holes$4(arr) {
   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,
@@ -14843,7 +14844,7 @@ function _non_iterable_rest$e() {
 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);
@@ -14853,12 +14854,12 @@ function _object_spread$C(target) {
       }));
     }
     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);
@@ -14871,12 +14872,12 @@ function ownKeys$x(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14943,7 +14944,7 @@ var TextWithTooltip = function(param) {
     modifiers: [
       {
         name: "offset",
-        options: _object_spread$C({
+        options: _object_spread$D({
           offset: [
             0,
             6
@@ -14966,14 +14967,14 @@ var TextWithTooltip = function(param) {
     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, addDataTestId(testId), addDataAttributes(data)), {
     ref: root2,
     children: [
       shouldShowTooltip && /* @__PURE__ */ jsx(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), {
@@ -14990,7 +14991,7 @@ var TextWithTooltip = function(param) {
     ]
   }));
 };
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15005,7 +15006,7 @@ function _define_property$D(obj, key, value) {
 }
 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;
@@ -15121,7 +15122,7 @@ var themedPreloaderStyles = {
     }
   }
 };
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15134,7 +15135,7 @@ function _define_property$C(obj, key, value) {
   }
   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);
@@ -15144,12 +15145,12 @@ function _object_spread$B(target) {
       }));
     }
     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);
@@ -15162,12 +15163,12 @@ function ownKeys$w(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -15207,8 +15208,8 @@ var FileItem = function(param) {
   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))
       }, addDataTestId(testId), addDataAttributes(data), addClickHandler(handleClick, !isDisabled)), {
         children: [
           /* @__PURE__ */ jsx("div", {
@@ -16229,7 +16230,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16273,7 +16274,7 @@ function _iterable_to_array_limit$d(arr, i) {
 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);
@@ -16283,7 +16284,7 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
@@ -16542,7 +16543,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$A({
+  return /* @__PURE__ */ jsx(Input, _object_spread$B({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -16929,7 +16930,7 @@ var inputStyles$3 = {
   }
 };
 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,
@@ -16942,7 +16943,7 @@ function _define_property$A(obj, key, value) {
   }
   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);
@@ -16952,12 +16953,12 @@ function _object_spread$z(target) {
       }));
     }
     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);
@@ -16970,12 +16971,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -17027,7 +17028,7 @@ var FilterInterval = function(param) {
     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: [
@@ -17124,7 +17125,7 @@ var getLocale = function() {
   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,
@@ -17137,7 +17138,7 @@ function _define_property$z(obj, key, value) {
   }
   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);
@@ -17147,7 +17148,7 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
@@ -17159,7 +17160,7 @@ var useStyles$s = createThemedStyles("MultiSelectList", {
     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"
@@ -17316,7 +17317,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$y(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17367,7 +17368,7 @@ function _non_iterable_rest$c() {
 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);
@@ -17377,12 +17378,12 @@ function _object_spread$x(target) {
       }));
     }
     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);
@@ -17395,12 +17396,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -17702,13 +17703,13 @@ function MultiSelectList(param) {
       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]
             ])
@@ -17907,7 +17908,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (isArrayNotEmpty(unchosenOptions) || !isArrayNotEmpty(allOptions));
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && (isArrayNotEmpty(allOptions) || 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: [
@@ -18011,7 +18012,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$x(obj, key, value) {
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18024,7 +18025,7 @@ function _define_property$x(obj, key, value) {
   }
   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);
@@ -18034,15 +18035,15 @@ function _object_spread$w(target) {
       }));
     }
     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,
@@ -18055,7 +18056,7 @@ function _define_property$w(obj, key, value) {
   }
   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);
@@ -18065,7 +18066,7 @@ function _object_spread$v(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$w(target, key, source[key]);
+      _define_property$x(target, key, source[key]);
     });
   }
   return target;
@@ -18077,7 +18078,7 @@ var useStyles$r = createThemedStyles("FilterSelect", {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$v({
+  list: _object_spread$w({
     paddingTop: LIST_GAP,
     padding: [
       LIST_GAP,
@@ -18250,7 +18251,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$v(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18301,7 +18302,7 @@ function _non_iterable_rest$b() {
 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);
@@ -18311,12 +18312,12 @@ function _object_spread$u(target) {
       }));
     }
     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);
@@ -18329,12 +18330,12 @@ function ownKeys$t(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18738,7 +18739,7 @@ function FilterSelect(param) {
     }();
     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: [
@@ -18838,7 +18839,7 @@ function FilterSelect(param) {
             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,
@@ -18936,7 +18937,7 @@ function _array_with_holes$a(arr) {
   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,
@@ -18980,7 +18981,7 @@ function _iterable_to_array_limit$a(arr, i) {
 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);
@@ -18990,12 +18991,12 @@ function _object_spread$t(target) {
       }));
     }
     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);
@@ -19008,12 +19009,12 @@ function ownKeys$s(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -19124,7 +19125,7 @@ var FilterWithDates = function(param) {
     }
   };
   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: [
@@ -19133,7 +19134,7 @@ var FilterWithDates = function(param) {
         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,
@@ -19148,7 +19149,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__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,
@@ -19229,7 +19230,7 @@ function _array_without_holes$1(arr) {
   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,
@@ -19280,7 +19281,7 @@ function _non_iterable_rest$9() {
 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);
@@ -19290,12 +19291,12 @@ function _object_spread$s(target) {
       }));
     }
     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);
@@ -19308,12 +19309,12 @@ function ownKeys$r(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -19353,7 +19354,7 @@ var FilterWithPeriod = function(param) {
   var _useState1 = _sliced_to_array$9(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
   var _useState2 = _sliced_to_array$9(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = 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];
@@ -19399,7 +19400,7 @@ var FilterWithPeriod = function(param) {
       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)
       }));
     }
@@ -19419,7 +19420,7 @@ var FilterWithPeriod = function(param) {
   };
   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 {
@@ -19507,7 +19508,7 @@ var isPeriodValue = function(value) {
 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,
@@ -19520,7 +19521,7 @@ function _define_property$s(obj, key, value) {
   }
   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);
@@ -19530,12 +19531,12 @@ function _object_spread$r(target) {
       }));
     }
     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);
@@ -19548,12 +19549,12 @@ function ownKeys$q(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -19571,7 +19572,7 @@ function Filter(props) {
     filter.locale
   ]);
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$s({
       value,
       onChange,
       onClose,
@@ -19581,8 +19582,8 @@ function Filter(props) {
     }, 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,
@@ -19593,10 +19594,10 @@ function Filter(props) {
   }
   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"
         }));
       },
@@ -19610,7 +19611,7 @@ function Filter(props) {
   }
   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,
@@ -19621,7 +19622,7 @@ function Filter(props) {
   }
   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,
@@ -19635,7 +19636,7 @@ function Filter(props) {
   }
   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
     }));
   }
@@ -19751,7 +19752,7 @@ function _array_with_holes$8(arr) {
   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,
@@ -19795,7 +19796,7 @@ function _iterable_to_array_limit$8(arr, i) {
 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);
@@ -19805,12 +19806,12 @@ function _object_spread$q(target) {
       }));
     }
     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);
@@ -19823,12 +19824,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -19898,8 +19899,8 @@ function FiltersPaneSearch(param) {
     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)), {
@@ -20241,7 +20242,7 @@ var useStyles$m = createThemedStyles("FilterWrapper", {
     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,
@@ -20254,7 +20255,7 @@ function _define_property$q(obj, key, value) {
   }
   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);
@@ -20264,12 +20265,12 @@ function _object_spread$p(target) {
       }));
     }
     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);
@@ -20282,12 +20283,12 @@ function ownKeys$o(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -20339,12 +20340,12 @@ function FilterWrapper(param) {
     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))
       }, 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,
@@ -20362,7 +20363,7 @@ function FilterWrapper(param) {
               })
             }),
             !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"
               })
@@ -20392,7 +20393,7 @@ function FilterWrapper(param) {
     }
   });
 }
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -20405,7 +20406,7 @@ function _define_property$p(obj, key, value) {
   }
   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);
@@ -20415,12 +20416,12 @@ function _object_spread$o(target) {
       }));
     }
     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);
@@ -20433,12 +20434,12 @@ function ownKeys$n(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -20493,11 +20494,11 @@ function FiltersPane(param) {
     })
   });
   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
   }, 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
       }, addDataTestId(testId, "settings-button")), {
@@ -20509,7 +20510,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      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,
@@ -20533,7 +20534,7 @@ function FiltersPane(param) {
           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) {
@@ -26807,23 +26808,75 @@ var formatCellContent = function(value, config) {
   var _config_dateFormat;
   return _instanceof(value, Date) ? 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: {},
@@ -27580,7 +27633,7 @@ function FlexibleTable(_param) {
   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
     }, addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {