@true-engineering/true-react-common-ui-kit 3.26.0 → 3.27.0

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

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-jss"), require("@true-engineering/true-react-platform-helpers"), require("react-transition-group"), require("clsx"), require("hex-to-rgba"), require("react-input-mask"), require("date-fns"), require("react-overlays"), require("ts-debounce"), require("scroll-into-view-if-needed"), require("react-datepicker"), require("filesize"), require("@floating-ui/react"), require("country-flag-icons"), require("react-remove-scroll")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-jss", "@true-engineering/true-react-platform-helpers", "react-transition-group", "clsx", "hex-to-rgba", "react-input-mask", "date-fns", "react-overlays", "ts-debounce", "scroll-into-view-if-needed", "react-datepicker", "filesize", "@floating-ui/react", "country-flag-icons", "react-remove-scroll"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactJss, global2.trueReactPlatformHelpers, global2.reactTransitionGroup, global2.clsx, global2.hexToRgba, global2.InputMask, global2.dateFns, global2.reactOverlays, global2.tsDebounce, global2.scrollIntoViewIfNeeded, global2.ReactDatePicker, global2.filesize, global2.react, global2.countryFlagIcons, global2.reactRemoveScroll));
-})(this, function(exports2, React, reactJss, trueReactPlatformHelpers, reactTransitionGroup, clsx, hexToRgba, InputMask, dateFns, reactOverlays, tsDebounce, scrollIntoViewIfNeeded, ReactDatePicker, filesize, react, countryFlagIcons, reactRemoveScroll) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-jss"), require("@true-engineering/true-react-platform-helpers"), require("react-transition-group"), require("clsx"), require("hex-to-rgba"), require("@floating-ui/react"), require("react-input-mask"), require("date-fns"), require("react-overlays"), require("ts-debounce"), require("scroll-into-view-if-needed"), require("react-datepicker"), require("filesize"), require("country-flag-icons"), require("react-remove-scroll")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-jss", "@true-engineering/true-react-platform-helpers", "react-transition-group", "clsx", "hex-to-rgba", "@floating-ui/react", "react-input-mask", "date-fns", "react-overlays", "ts-debounce", "scroll-into-view-if-needed", "react-datepicker", "filesize", "country-flag-icons", "react-remove-scroll"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactJss, global2.trueReactPlatformHelpers, global2.reactTransitionGroup, global2.clsx, global2.hexToRgba, global2.react, global2.InputMask, global2.dateFns, global2.reactOverlays, global2.tsDebounce, global2.scrollIntoViewIfNeeded, global2.ReactDatePicker, global2.filesize, global2.countryFlagIcons, global2.reactRemoveScroll));
+})(this, function(exports2, React, reactJss, trueReactPlatformHelpers, reactTransitionGroup, clsx, hexToRgba, react, InputMask, dateFns, reactOverlays, tsDebounce, scrollIntoViewIfNeeded, ReactDatePicker, filesize, countryFlagIcons, reactRemoveScroll) {
   "use strict";
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production_min = {};
@@ -7803,20 +7803,262 @@
       type: icon
     }) : icon;
   };
-  var ITEM_HORIZONTAL_PADDING$1 = 16;
-  var ICON_SIZE$2 = 20;
-  var ICON_GAP$1 = 12;
-  var useStyles$U = createThemedStyles("ListItem", {
+  var DEFAULT_OFFSET = 6;
+  var useStyles$U = createThemedStyles("WithPopup", {
+    trigger: {
+      width: "fit-content",
+      cursor: "pointer"
+    },
+    disabled: {
+      cursor: "default"
+    },
+    popup: {
+      zIndex: 5,
+      outline: "none"
+    },
+    animationEnd: {},
+    animationStart: {},
+    "dropdown-initial": {
+      extend: "animationEnd"
+    },
+    "dropdown-open": {
+      extend: "animationStart"
+    },
+    "dropdown-close": {
+      visibility: "hidden",
+      extend: "animationEnd"
+    },
+    "dropdown-unmounted": {
+      extend: "animationEnd"
+    }
+  });
+  function _array_like_to_array$n(arr, len) {
+    if (len == null || len > arr.length)
+      len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++)
+      arr2[i] = arr[i];
+    return arr2;
+  }
+  function _array_with_holes$n(arr) {
+    if (Array.isArray(arr))
+      return arr;
+  }
+  function _array_without_holes$7(arr) {
+    if (Array.isArray(arr))
+      return _array_like_to_array$n(arr);
+  }
+  function _define_property$_(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 _iterable_to_array$7(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+      return Array.from(iter);
+  }
+  function _iterable_to_array_limit$n(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null)
+      return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i)
+          break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null)
+          _i["return"]();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+  function _non_iterable_rest$n() {
+    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 _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$Y(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$_(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$P(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$P(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$P(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _sliced_to_array$n(arr, i) {
+    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+  }
+  function _to_consumable_array$7(arr) {
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$7();
+  }
+  function _unsupported_iterable_to_array$n(o, minLen) {
+    if (!o)
+      return;
+    if (typeof o === "string")
+      return _array_like_to_array$n(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor)
+      n = o.constructor.name;
+    if (n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array$n(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, _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, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
+    var classes = useStyles$U({
+      theme: tweakStyles
+    });
+    var _useState = _sliced_to_array$n(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var handleToggle = function(isActive, event) {
+      event === null || event === void 0 ? void 0 : event.stopPropagation();
+      if (!isDisabled) {
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
+        setIsOpen(isActive);
+      }
+    };
+    var handleClose = function(event) {
+      handleToggle(false, event);
+    };
+    var _useFloating = react.useFloating({
+      open: isOpen,
+      middleware: [
+        react.offset(popupOffset)
+      ].concat(_to_consumable_array$7(canBeFlipped ? [
+        react.flip()
+      ] : []), _to_consumable_array$7(middlewares)),
+      whileElementsMounted: react.autoUpdate,
+      placement,
+      onOpenChange: handleToggle
+    }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+    var hover = react.useHover(context, {
+      enabled: eventType === "hover",
+      delay: typeof hoverDelay === "number" ? {
+        open: hoverDelay,
+        close: 0
+      } : hoverDelay,
+      handleClose: react.safePolygon()
+    });
+    var focus = react.useFocus(context, {
+      enabled: eventType === "hover"
+    });
+    var click = react.useClick(context, {
+      enabled: eventType === "click"
+    });
+    var dismiss = react.useDismiss(context, {
+      enabled: eventType === "click",
+      ancestorScroll: shouldHideOnScroll
+    });
+    var _useInteractions = react.useInteractions([
+      hover,
+      click,
+      focus,
+      dismiss
+    ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
+    var _useTransitionStatus = react.useTransitionStatus(context, {
+      duration: {
+        close: 500
+      }
+    }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
+    var referenceProps = getReferenceProps({
+      ref: refs.setReference
+    });
+    var triggerElement = trueReactPlatformHelpers.applyAction(trigger, _object_spread$Y({
+      isActive: isOpen,
+      isDisabled
+    }, !isTriggerWrapped ? referenceProps : void 0));
+    return /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+          className: clsx(classes.trigger, _define_property$_({}, classes.disabled, isDisabled))
+        }, referenceProps, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
+          children: triggerElement
+        })) : triggerElement,
+        isMounted && /* @__PURE__ */ jsx(react.FloatingPortal, {
+          root: !shouldRenderInBody ? refs.reference.current : void 0,
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+            style: floatingStyles,
+            className: classes.popup,
+            ref: refs.setFloating
+          }, getFloatingProps()), {
+            children: /* @__PURE__ */ jsx("div", {
+              className: classes["dropdown-".concat(status)],
+              children: trueReactPlatformHelpers.isFunction(children) ? children({
+                onClose: handleClose
+              }) : children
+            })
+          }))
+        })
+      ]
+    });
+  };
+  var ITEM_HORIZONTAL_PADDING = 16;
+  var ICON_SIZE$1 = 20;
+  var ICON_GAP = 12;
+  var useStyles$T = createThemedStyles("ListItem", {
     root: {
       display: "flex",
       alignItems: "center",
+      gap: ICON_GAP,
       boxSizing: "border-box",
       fontSize: 16,
       whiteSpace: "nowrap",
       minHeight: 40,
       padding: [
         0,
-        ITEM_HORIZONTAL_PADDING$1
+        ITEM_HORIZONTAL_PADDING
       ],
       transition: animations.defaultTransition,
       transitionProperty: "background-color",
@@ -7824,6 +8066,7 @@
     },
     default: {},
     destructive: {},
+    focused: {},
     disabledItem: {
       cursor: "default"
     },
@@ -7832,17 +8075,18 @@
       backgroundColor: colors.BORDER_LIGHT
     },
     withIconGap: {
-      paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
+      paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
     },
     icon: {
-      width: ICON_SIZE$2,
-      height: ICON_SIZE$2,
-      marginRight: ICON_GAP$1,
+      width: ICON_SIZE$1,
+      height: ICON_SIZE$1,
       flexShrink: 0
     },
-    content: {}
+    content: {
+      flexGrow: 1
+    }
   });
-  function _define_property$_(obj, key, value) {
+  function _define_property$Z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7855,7 +8099,7 @@
     }
     return obj;
   }
-  function _object_spread$Y(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);
@@ -7865,12 +8109,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$_(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$P(object, enumerableOnly) {
+  function ownKeys$O(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7883,31 +8127,31 @@
     }
     return keys2;
   }
-  function _object_spread_props$P(target, source) {
+  function _object_spread_props$O(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$P(Object(source)).forEach(function(key) {
+      ownKeys$O(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
   var ListItem = function(param) {
-    var isDisabled = param.disabled, icon = param.icon, item = param.item, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
-    var classes = useStyles$U({
+    var icon = param.icon, item = param.item, nestedItems = param.nestedItems, isDisabled = param.disabled, isFocused = param.isFocused, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
+    var classes = useStyles$T({
       theme: tweakStyles
     });
     var _obj2;
-    return /* @__PURE__ */ jsxs(React.Fragment, {
+    return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
           className: classes.spacer
         }),
-        /* @__PURE__ */ jsxs("div", _object_spread_props$P(_object_spread$Y({
-          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$_(_obj2, classes.disabledItem, isDisabled), _define_property$_(_obj2, classes.withIconGap, withIconGap), _obj2))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$P(_object_spread$Y({}, data), {
+        /* @__PURE__ */ jsxs("div", _object_spread_props$O(_object_spread$X({
+          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$Z(_obj2, classes.disabledItem, isDisabled), _define_property$Z(_obj2, classes.withIconGap, withIconGap), _define_property$Z(_obj2, classes.focused, isFocused), _obj2))
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$O(_object_spread$X({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -7918,6 +8162,12 @@
             /* @__PURE__ */ jsx("span", {
               className: classes.content,
               children: item
+            }),
+            trueReactPlatformHelpers.isArrayNotEmpty(nestedItems) && /* @__PURE__ */ jsx("span", {
+              className: classes.icon,
+              children: /* @__PURE__ */ jsx(Icon, {
+                type: "chevron-right"
+              })
             })
           ]
         })),
@@ -7927,10 +8177,7 @@
       ]
     });
   };
-  var ITEM_HORIZONTAL_PADDING = 16;
-  var ICON_SIZE$1 = 20;
-  var ICON_GAP = 12;
-  var useStyles$T = createThemedStyles("List", {
+  var useStyles$S = createThemedStyles("List", {
     root: {
       minWidth: 180,
       backgroundColor: colors.CLASSIC_WHITE,
@@ -7941,40 +8188,16 @@
       listStyle: "none",
       margin: 0
     },
-    item: {
-      display: "flex",
-      alignItems: "center",
-      boxSizing: "border-box",
-      fontSize: 16,
-      whiteSpace: "nowrap",
-      minHeight: 40,
-      padding: [
-        0,
-        ITEM_HORIZONTAL_PADDING
-      ],
-      transition: animations.defaultTransition,
-      transitionProperty: "background-color",
-      cursor: "pointer"
-    },
-    disabledItem: {
-      cursor: "default"
-    },
-    spacer: {
-      height: 1,
-      backgroundColor: colors.BORDER_LIGHT
-    },
-    withIconGap: {
-      paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
-    },
-    icon: {
-      width: ICON_SIZE$1,
-      height: ICON_SIZE$1,
-      marginRight: ICON_GAP,
-      flexShrink: 0
-    },
-    content: {}
+    nestedItems: {
+      paddingLeft: 4
+    }
   });
-  function _define_property$Z(obj, key, value) {
+  var withPopupStyles = {
+    trigger: {
+      width: "100%"
+    }
+  };
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7987,7 +8210,7 @@
     }
     return obj;
   }
-  function _object_spread$X(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);
@@ -7997,12 +8220,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$Y(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$O(object, enumerableOnly) {
+  function ownKeys$N(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8015,12 +8238,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$O(target, source) {
+  function _object_spread_props$N(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$O(Object(source)).forEach(function(key) {
+      ownKeys$N(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8028,29 +8251,50 @@
   }
   var List = function(param) {
     var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
-    var classes = useStyles$T({
+    var classes = useStyles$S({
       theme: tweakStyles
     });
     var handleItemClick = function(event, item) {
       item.onClick(event);
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ jsx("div", _object_spread_props$O(_object_spread$X({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: items.map(function(item, i) {
-        return /* @__PURE__ */ jsx(ListItem, _object_spread_props$O(_object_spread$X({
-          testId: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
+        var itemProps = _object_spread_props$N(_object_spread$W({
+          testId: trueReactPlatformHelpers.getTestId(item.testId, "item-".concat(i))
         }, item), {
           onClick: function(event) {
             return handleItemClick(event, item);
           }
-        }), i);
+        });
+        return /* @__PURE__ */ jsx(React.Fragment, {
+          children: trueReactPlatformHelpers.isArrayNotEmpty(item.nestedItems) ? /* @__PURE__ */ jsx(WithPopup, {
+            eventType: "hover",
+            tweakStyles: withPopupStyles,
+            placement: "right-start",
+            popupOffset: 0,
+            shouldRenderInBody: false,
+            trigger: function(param2) {
+              var isActive = param2.isActive;
+              return /* @__PURE__ */ jsx(ListItem, _object_spread_props$N(_object_spread$W({}, itemProps), {
+                isFocused: isActive
+              }));
+            },
+            children: /* @__PURE__ */ jsx("div", {
+              className: classes.nestedItems,
+              children: /* @__PURE__ */ jsx(List, {
+                items: item.nestedItems
+              })
+            })
+          }) : /* @__PURE__ */ jsx(ListItem, _object_spread$W({}, itemProps))
+        }, i);
       })
     }));
   };
   var ANIMATION_TIMEOUT = 150;
-  function _define_property$Y(obj, key, value) {
+  function _define_property$X(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8063,7 +8307,7 @@
     }
     return obj;
   }
-  function _object_spread$W(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);
@@ -8073,12 +8317,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$X(target, key, source[key]);
       });
     }
     return target;
   }
-  var useStyles$S = createThemedStyles("AccountInfo", _object_spread$W({
+  var useStyles$R = createThemedStyles("AccountInfo", _object_spread$V({
     root: {
       display: "flex"
     },
@@ -8121,18 +8365,18 @@
       height: 32
     }
   }, animations.slideUp));
-  function _array_like_to_array$n(arr, len) {
+  function _array_like_to_array$m(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$n(arr) {
+  function _array_with_holes$m(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$X(obj, key, value) {
+  function _define_property$W(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8145,7 +8389,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$n(arr, i) {
+  function _iterable_to_array_limit$m(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -8173,10 +8417,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$n() {
+  function _non_iterable_rest$m() {
     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$V(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);
@@ -8186,12 +8430,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$X(target, key, source[key]);
+        _define_property$W(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$N(object, enumerableOnly) {
+  function ownKeys$M(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8204,36 +8448,36 @@
     }
     return keys2;
   }
-  function _object_spread_props$N(target, source) {
+  function _object_spread_props$M(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$N(Object(source)).forEach(function(key) {
+      ownKeys$M(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$n(arr, i) {
-    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+  function _sliced_to_array$m(arr, i) {
+    return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
   }
-  function _unsupported_iterable_to_array$n(o, minLen) {
+  function _unsupported_iterable_to_array$m(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$n(o, minLen);
+      return _array_like_to_array$m(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$n(o, minLen);
+      return _array_like_to_array$m(o, minLen);
   }
   var AccountInfo = function(param) {
     var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-    var classes = useStyles$S({
+    var classes = useStyles$R({
       theme: tweakStyles
     });
     var tweakListStyles = useTweakStyles({
@@ -8243,7 +8487,7 @@
     });
     var nameRef = React.useRef(null);
     var dropdownRef = React.useRef(null);
-    var _useState = _sliced_to_array$n(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+    var _useState = _sliced_to_array$m(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
     var toggleMenu = function(event) {
       event.stopPropagation();
       setIsMenuOpen(function(v) {
@@ -8253,7 +8497,7 @@
     useOnClickOutsideWithRef(dropdownRef, function() {
       return setIsMenuOpen(false);
     }, nameRef);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$N(_object_spread$V({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$U({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -8303,7 +8547,7 @@
       ]
     }));
   };
-  var useStyles$R = createThemedStyles("AddButton", {
+  var useStyles$Q = createThemedStyles("AddButton", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -8329,7 +8573,7 @@
       width: "100%"
     }
   });
-  function _define_property$W(obj, key, value) {
+  function _define_property$V(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8342,7 +8586,7 @@
     }
     return obj;
   }
-  function _object_spread$U(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);
@@ -8352,12 +8596,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$W(target, key, source[key]);
+        _define_property$V(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$M(object, enumerableOnly) {
+  function ownKeys$L(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8370,12 +8614,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$M(target, source) {
+  function _object_spread_props$L(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$M(Object(source)).forEach(function(key) {
+      ownKeys$L(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8383,10 +8627,10 @@
   }
   var AddButton = function(param) {
     var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$R({
+    var classes = useStyles$Q({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$U({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$L(_object_spread$T({
       type,
       className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
       onClick: !isDisabled ? onClick : void 0,
@@ -8405,7 +8649,7 @@
       ]
     }));
   };
-  var useStyles$Q = createThemedStyles("DotsPreloader", {
+  var useStyles$P = createThemedStyles("DotsPreloader", {
     root: {
       display: "flex",
       gap: 4,
@@ -8451,7 +8695,7 @@
   });
   var DotsPreloader = function(param) {
     var tweakStyles = param.tweakStyles;
-    var classes = useStyles$Q({
+    var classes = useStyles$P({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -8517,7 +8761,7 @@
       ]
     });
   };
-  var useStyles$P = createThemedStyles("SvgPreloader", {
+  var useStyles$O = createThemedStyles("SvgPreloader", {
     root: {
       display: "flex",
       width: "100%",
@@ -8527,7 +8771,7 @@
   var SvgPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
     var _theme_preloaders;
-    var classes = useStyles$P({
+    var classes = useStyles$O({
       theme: tweakStyles
     });
     var theme = React.useContext(ThemeContext).theme;
@@ -8541,7 +8785,7 @@
       }
     }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
   };
-  var useStyles$O = createThemedStyles("ThemedPreloader", {
+  var useStyles$N = createThemedStyles("ThemedPreloader", {
     root: {
       display: "flex"
     },
@@ -8552,7 +8796,7 @@
       color: "currentColor"
     }
   });
-  function _define_property$V(obj, key, value) {
+  function _define_property$U(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8565,7 +8809,7 @@
     }
     return obj;
   }
-  function _object_spread$T(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);
@@ -8575,12 +8819,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$V(target, key, source[key]);
+        _define_property$U(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$L(object, enumerableOnly) {
+  function ownKeys$K(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8593,12 +8837,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$L(target, source) {
+  function _object_spread_props$K(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$L(Object(source)).forEach(function(key) {
+      ownKeys$K(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8606,7 +8850,7 @@
   }
   var ThemedPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$O({
+    var classes = useStyles$N({
       theme: tweakStyles
     });
     var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8619,8 +8863,8 @@
       className: "tweakSvgPreloader",
       currentComponentName: "ThemedPreloader"
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$T({
-      className: clsx(classes.root, classes[type], _define_property$V({}, classes.currentColor, useCurrentColor))
+    return /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$S({
+      className: clsx(classes.root, classes[type], _define_property$U({}, classes.currentColor, useCurrentColor))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -8630,7 +8874,7 @@
       })
     }));
   };
-  var useStyles$N = createThemedStyles("Button", {
+  var useStyles$M = createThemedStyles("Button", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -8801,7 +9045,7 @@
   var getPreloaderStyles = function(size) {
     return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
   };
-  function _define_property$U(obj, key, value) {
+  function _define_property$T(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8814,7 +9058,7 @@
     }
     return obj;
   }
-  function _object_spread$S(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);
@@ -8824,12 +9068,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$U(target, key, source[key]);
+        _define_property$T(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$K(object, enumerableOnly) {
+  function ownKeys$J(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8842,12 +9086,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$K(target, source) {
+  function _object_spread_props$J(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$K(Object(source)).forEach(function(key) {
+      ownKeys$J(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8904,7 +9148,7 @@
       "iconPosition",
       "preloaderType"
     ]);
-    var classes = useStyles$N({
+    var classes = useStyles$M({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -8917,16 +9161,16 @@
     var hasChildren = trueReactPlatformHelpers.isReactNodeNotEmpty(children);
     var hasNoAction = isDisabled || isLoading;
     var _obj2, _obj1;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$K(_object_spread$S({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$J(_object_spread$R({
       ref,
       type,
-      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$U(_obj2, classes.disabled, isDisabled), _define_property$U(_obj2, classes.fullWidth, isFullWidth), _define_property$U(_obj2, classes.inline, isInline), _define_property$U(_obj2, classes.active, isActive), _define_property$U(_obj2, classes.loading, isLoading), _define_property$U(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
+      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.fullWidth, isFullWidth), _define_property$T(_obj2, classes.inline, isInline), _define_property$T(_obj2, classes.active, isActive), _define_property$T(_obj2, classes.loading, isLoading), _define_property$T(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
       tabIndex: shouldSkipTabNavigation ? -1 : void 0,
       disabled: hasNoAction
     }, interactions, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: clsx(classes.content, (_obj1 = {}, _define_property$U(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$U(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+          className: clsx(classes.content, (_obj1 = {}, _define_property$T(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$T(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
           children: [
             hasIcon && /* @__PURE__ */ jsx("span", {
               className: classes.icon,
@@ -8949,7 +9193,7 @@
       ]
     }));
   });
-  var useStyles$M = createThemedStyles("Checkbox", {
+  var useStyles$L = createThemedStyles("Checkbox", {
     root: {
       cursor: "pointer",
       display: "flex",
@@ -8987,7 +9231,7 @@
       flexDirection: "row-reverse"
     }
   });
-  function _define_property$T(obj, key, value) {
+  function _define_property$S(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9000,7 +9244,7 @@
     }
     return obj;
   }
-  function _object_spread$R(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);
@@ -9010,12 +9254,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$T(target, key, source[key]);
+        _define_property$S(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$J(object, enumerableOnly) {
+  function ownKeys$I(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9028,12 +9272,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$J(target, source) {
+  function _object_spread_props$I(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$J(Object(source)).forEach(function(key) {
+      ownKeys$I(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9041,7 +9285,7 @@
   }
   function Checkbox(param) {
     var value = param.value, children = param.children, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
-    var classes = useStyles$M({
+    var classes = useStyles$L({
       theme: tweakStyles
     });
     var hasAction = !isDisabled && !isReadonly;
@@ -9053,11 +9297,11 @@
       }, event);
     };
     var _obj2;
-    return /* @__PURE__ */ jsxs("label", _object_spread_props$J(_object_spread$R({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$T(_obj2, classes.checked, isSelected), _define_property$T(_obj2, classes.invalid, isInvalid), _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+    return /* @__PURE__ */ jsxs("label", _object_spread_props$I(_object_spread$Q({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$S(_obj2, classes.checked, isSelected), _define_property$S(_obj2, classes.invalid, isInvalid), _define_property$S(_obj2, classes.disabled, isDisabled), _define_property$S(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("input", _object_spread$R({
+        /* @__PURE__ */ jsx("input", _object_spread$Q({
           className: classes.input,
           type: "checkbox",
           checked: isSelected,
@@ -9080,7 +9324,7 @@
       ]
     }));
   }
-  var useStyles$L = createThemedStyles("CloseButton", {
+  var useStyles$K = createThemedStyles("CloseButton", {
     root: {
       width: 40,
       height: 40,
@@ -9106,7 +9350,7 @@
       }
     }
   });
-  function _define_property$S(obj, key, value) {
+  function _define_property$R(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9119,7 +9363,7 @@
     }
     return obj;
   }
-  function _object_spread$Q(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);
@@ -9129,12 +9373,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$S(target, key, source[key]);
+        _define_property$R(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$I(object, enumerableOnly) {
+  function ownKeys$H(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9147,12 +9391,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$I(target, source) {
+  function _object_spread_props$H(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$I(Object(source)).forEach(function(key) {
+      ownKeys$H(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9160,10 +9404,10 @@
   }
   var CloseButton = function(param) {
     var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-    var classes = useStyles$L({
+    var classes = useStyles$K({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("button", _object_spread_props$I(_object_spread$Q({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$H(_object_spread$P({
       type: "button",
       className: classes.root,
       onClick: onClose
@@ -9173,7 +9417,7 @@
       })
     }));
   };
-  var useStyles$K = createThemedStyles({
+  var useStyles$J = createThemedStyles({
     root: {
       display: "flex",
       flexWrap: "wrap"
@@ -9207,18 +9451,18 @@
       ]
     }
   });
-  function _array_like_to_array$m(arr, len) {
+  function _array_like_to_array$l(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$m(arr) {
+  function _array_with_holes$l(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _iterable_to_array_limit$m(arr, i) {
+  function _iterable_to_array_limit$l(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -9246,33 +9490,33 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$m() {
+  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 _sliced_to_array$m(arr, i) {
-    return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
+  function _sliced_to_array$l(arr, i) {
+    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
   }
-  function _unsupported_iterable_to_array$m(o, minLen) {
+  function _unsupported_iterable_to_array$l(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$m(o, minLen);
+      return _array_like_to_array$l(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$m(o, minLen);
+      return _array_like_to_array$l(o, minLen);
   }
   var Colors = function() {
-    var classes = useStyles$K();
+    var classes = useStyles$J();
     var theme = React.useContext(ThemeContext).theme;
     var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
     return /* @__PURE__ */ jsx("div", {
       className: classes.root,
       children: Object.entries(colors2).map(function(param) {
-        var _param = _sliced_to_array$m(param, 2), colorName = _param[0], color = _param[1];
+        var _param = _sliced_to_array$l(param, 2), colorName = _param[0], color = _param[1];
         var name = colorName.split("_").join(" ").toLowerCase();
         return /* @__PURE__ */ jsxs("div", {
           className: classes.colorCard,
@@ -9296,7 +9540,7 @@
       })
     });
   };
-  var useStyles$J = createThemedStyles("CssBaseline", {
+  var useStyles$I = createThemedStyles("CssBaseline", {
     "@global html, body": {
       fontFamily: "Arial, sans-serif",
       color: colors.FONT_MAIN,
@@ -9305,7 +9549,7 @@
     },
     root: {}
   });
-  function _define_property$R(obj, key, value) {
+  function _define_property$Q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9318,7 +9562,7 @@
     }
     return obj;
   }
-  function _object_spread$P(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);
@@ -9328,24 +9572,24 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$R(target, key, source[key]);
+        _define_property$Q(target, key, source[key]);
       });
     }
     return target;
   }
   var CssBaseline = function(param) {
     var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$J({
+    var classes = useStyles$I({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread$P({
+    return /* @__PURE__ */ jsx("div", _object_spread$O({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)));
   };
   var DEFAULT_SIZE = 6;
   var PADDING_X$1 = 12;
   var AUTOSIZE_MAX_WIDTH = 480;
-  var useStyles$I = createThemedStyles("Input", {
+  var useStyles$H = createThemedStyles("Input", {
     root: {
       width: "100%",
       boxSizing: "border-box",
@@ -9619,14 +9863,14 @@
     loading: {},
     withUnits: {}
   });
-  function _array_like_to_array$l(arr, len) {
+  function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$l(arr) {
+  function _array_with_holes$k(arr) {
     if (Array.isArray(arr))
       return arr;
   }
@@ -9659,7 +9903,7 @@
       });
     };
   }
-  function _define_property$Q(obj, key, value) {
+  function _define_property$P(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9672,7 +9916,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$l(arr, i) {
+  function _iterable_to_array_limit$k(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -9700,10 +9944,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$l() {
+  function _non_iterable_rest$k() {
     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$O(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);
@@ -9713,12 +9957,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Q(target, key, source[key]);
+        _define_property$P(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$H(object, enumerableOnly) {
+  function ownKeys$G(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9731,12 +9975,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$H(target, source) {
+  function _object_spread_props$G(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$H(Object(source)).forEach(function(key) {
+      ownKeys$G(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9774,21 +10018,21 @@
     }
     return target;
   }
-  function _sliced_to_array$l(arr, i) {
-    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
+  function _sliced_to_array$k(arr, i) {
+    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
   }
-  function _unsupported_iterable_to_array$l(o, minLen) {
+  function _unsupported_iterable_to_array$k(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$l(o, minLen);
+      return _array_like_to_array$k(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$l(o, minLen);
+      return _array_like_to_array$k(o, minLen);
   }
   function _ts_generator$5(thisArg, body) {
     var f, y, t, g, _ = {
@@ -9930,7 +10174,7 @@
       "shouldAlwaysShowPlaceholder",
       "beforeMaskedStateChange"
     ]);
-    var classes = useStyles$I({
+    var classes = useStyles$H({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -9938,7 +10182,7 @@
       className: "tweakPreloader",
       currentComponentName: "Input"
     });
-    var _useState = _sliced_to_array$l(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+    var _useState = _sliced_to_array$k(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var inputRef = React.useRef(null);
     var handleChange = function(event) {
       onChange(event.currentTarget.value, event);
@@ -9981,11 +10225,12 @@
     var hasValue = value !== void 0 && value !== "";
     var hasUnits = units !== void 0 && units !== "";
     var hasLabel = trueReactPlatformHelpers.isReactNodeNotEmpty(label);
-    var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
+    var isLabelActive = hasFocus && !isReadonly || hasValue || shouldAlwaysShowPlaceholder;
+    var hasPlaceholder = (!hasLabel || isLabelActive) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
     var _obj2;
-    var props = _object_spread_props$H(_object_spread$O({}, inputProps, trueReactPlatformHelpers.addDataTestId(testId)), {
-      className: clsx(classes.input, (_obj2 = {}, _define_property$Q(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$Q(_obj2, classes.withIcons, hasControls), _define_property$Q(_obj2, classes.withControls, hasControls), _define_property$Q(_obj2, classes.withUnits, shouldShowUnits), _define_property$Q(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
+    var props = _object_spread_props$G(_object_spread$N({}, inputProps, trueReactPlatformHelpers.addDataTestId(testId)), {
+      className: clsx(classes.input, (_obj2 = {}, _define_property$P(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$P(_obj2, classes.withIcons, hasControls), _define_property$P(_obj2, classes.withControls, hasControls), _define_property$P(_obj2, classes.withUnits, shouldShowUnits), _define_property$P(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
       onFocus: handleFocus,
       onBlur: handleBlur,
       onChange: handleChange,
@@ -10001,14 +10246,14 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$H(_object_spread$O({
-          className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$Q(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$Q(_obj1, classes.invalid, isInvalid), _define_property$Q(_obj1, classes.focused, hasFocus), _define_property$Q(_obj1, classes.disabled, isDisabled), _define_property$Q(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+        /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
+          className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$P(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$P(_obj1, classes.invalid, isInvalid), _define_property$P(_obj1, classes.focused, hasFocus), _define_property$P(_obj1, classes.disabled, isDisabled), _define_property$P(_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: [
-            mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$O({
+            mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$N({
               ref: ref !== null && ref !== void 0 ? ref : inputRef
-            }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$O({
+            }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$N({
               ref: ref !== null && ref !== void 0 ? ref : inputRef,
               mask,
               maskPlaceholder,
@@ -10016,12 +10261,12 @@
               beforeMaskedStateChange
             }, props)),
             hasLabel && /* @__PURE__ */ jsx("span", {
-              className: clsx(classes.label, (_obj22 = {}, _define_property$Q(_obj22, classes.invalidLabel, isInvalid), _define_property$Q(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$Q(_obj22, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$Q(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-              _define_property$Q(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj22)),
+              className: clsx(classes.label, (_obj22 = {}, _define_property$P(_obj22, classes.invalidLabel, isInvalid), _define_property$P(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$P(_obj22, classes.activeLabel, isLabelActive), _define_property$P(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+              _define_property$P(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj22)),
               children: label
             }),
             shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.unitsWrapper, _define_property$Q({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+              className: clsx(classes.unitsWrapper, _define_property$P({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
               children: [
                 /* @__PURE__ */ jsx("span", {
                   className: classes.fakeValue,
@@ -10053,7 +10298,7 @@
                   })
                 }),
                 trueReactPlatformHelpers.isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.inputIcon, _define_property$Q({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                  className: clsx(classes.inputIcon, _define_property$P({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                   onClick: !isDisabled ? onIconClick : void 0,
                   children: renderIcon(iconType)
                 })
@@ -10074,7 +10319,7 @@
   });
   var EMPTY_DATE_INPUT_VALUE = "__.__.____";
   var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-  var useStyles$H = createThemedStyles("DateInput", {
+  var useStyles$G = createThemedStyles("DateInput", {
     root: {
       width: "100%",
       height: "100%",
@@ -10082,7 +10327,7 @@
       position: "relative"
     }
   });
-  function _define_property$P(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10095,7 +10340,7 @@
     }
     return obj;
   }
-  function _object_spread$N(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);
@@ -10105,12 +10350,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$P(target, key, source[key]);
+        _define_property$O(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$G(object, enumerableOnly) {
+  function ownKeys$F(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10123,12 +10368,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$G(target, source) {
+  function _object_spread_props$F(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$G(Object(source)).forEach(function(key) {
+      ownKeys$F(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10180,7 +10425,7 @@
       "onClick",
       "onChange"
     ]);
-    var classes = useStyles$H({
+    var classes = useStyles$G({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -10207,11 +10452,11 @@
       }
       onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$M({
       className: clsx(classes.root, className),
       onClick
     }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(Input, _object_spread_props$G(_object_spread$N({}, inputProps), {
+      children: /* @__PURE__ */ jsx(Input, _object_spread_props$F(_object_spread$M({}, 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",
@@ -10224,7 +10469,7 @@
   });
   const reactDatepicker = "";
   var LEFT_PADDING = 44;
-  var useStyles$G = createThemedStyles("SearchInput", {
+  var useStyles$F = createThemedStyles("SearchInput", {
     root: {
       position: "relative"
     },
@@ -10261,7 +10506,7 @@
       fontSize: 14
     }
   };
-  function _define_property$O(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10274,7 +10519,7 @@
     }
     return obj;
   }
-  function _object_spread$M(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);
@@ -10284,12 +10529,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$O(target, key, source[key]);
+        _define_property$N(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$F(object, enumerableOnly) {
+  function ownKeys$E(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10302,12 +10547,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$F(target, source) {
+  function _object_spread_props$E(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$F(Object(source)).forEach(function(key) {
+      ownKeys$E(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10352,7 +10597,7 @@
       "testId",
       "data"
     ]);
-    var classes = useStyles$G({
+    var classes = useStyles$F({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -10361,7 +10606,7 @@
       className: "tweakInput",
       currentComponentName: "SearchInput"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$F(_object_spread$M({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$L({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -10371,7 +10616,7 @@
             type: "search"
           })
         }),
-        /* @__PURE__ */ jsx(Input, _object_spread$M({
+        /* @__PURE__ */ jsx(Input, _object_spread$L({
           isClearable,
           isActive: props.value !== "" && props.value !== void 0,
           testId: trueReactPlatformHelpers.getTestId(testId, "input"),
@@ -10419,7 +10664,7 @@
       _defineProperties(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$N(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10452,7 +10697,7 @@
     if (superClass)
       _set_prototype_of(subClass, superClass);
   }
-  function _object_spread$L(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);
@@ -10462,7 +10707,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$N(target, key, source[key]);
+        _define_property$M(target, key, source[key]);
       });
     }
     return target;
@@ -10551,8 +10796,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$N(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$N(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$M(_assert_this_initialized(_this), "node", React.createRef());
+      _define_property$M(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
         var options = _this.props.options;
         var _this_node = _this.node, node = _this_node.current;
         if (node) {
@@ -10594,7 +10839,7 @@
             "children",
             "options"
           ]);
-          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$L({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$K({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -10602,10 +10847,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.PureComponent);
-  _define_property$N(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+  _define_property$M(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
   var DEFAULT_OPTION_INDEX = -2;
   var ALL_OPTION_INDEX = -1;
-  function _define_property$M(obj, key, value) {
+  function _define_property$L(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10618,7 +10863,7 @@
     }
     return obj;
   }
-  function _object_spread$K(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);
@@ -10628,7 +10873,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$M(target, key, source[key]);
+        _define_property$L(target, key, source[key]);
       });
     }
     return target;
@@ -10639,7 +10884,7 @@
     10,
     20
   ];
-  var useStyles$F = createThemedStyles("SelectList", {
+  var useStyles$E = createThemedStyles("SelectList", {
     root: {
       borderRadius: dimensions.BORDER_RADIUS_SMALL,
       boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -10659,7 +10904,7 @@
     },
     listHeader: {},
     listFooter: {},
-    list: _object_spread$K({
+    list: _object_spread$J({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -10702,7 +10947,7 @@
       display: "none"
     }
   };
-  function _define_property$L(obj, key, value) {
+  function _define_property$K(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10715,7 +10960,7 @@
     }
     return obj;
   }
-  function _object_spread$J(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);
@@ -10725,12 +10970,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$L(target, key, source[key]);
+        _define_property$K(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$E(object, enumerableOnly) {
+  function ownKeys$D(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10743,12 +10988,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$E(target, source) {
+  function _object_spread_props$D(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$E(Object(source)).forEach(function(key) {
+      ownKeys$D(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10768,12 +11013,12 @@
       children
     });
     var _obj2;
-    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$E(_object_spread$J({
+    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$D(_object_spread$I({
       active: isFocused,
       options: {
         block: "nearest"
       },
-      className: clsx(classes.cell, (_obj2 = {}, _define_property$L(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$L(_obj2, classes.focused, isFocused), _define_property$L(_obj2, classes.active, isActive && !isMultiSelect), _define_property$L(_obj2, classes.disabled, isDisabled), _obj2))
+      className: clsx(classes.cell, (_obj2 = {}, _define_property$K(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$K(_obj2, classes.focused, isFocused), _define_property$K(_obj2, classes.active, isActive && !isMultiSelect), _define_property$K(_obj2, classes.disabled, isDisabled), _obj2))
     }, addDataAttributes({
       disabled: isDisabled,
       active: isActive,
@@ -10785,7 +11030,7 @@
       children: isMultiSelect ? multiSelectContent : children
     }));
   };
-  function _define_property$K(obj, key, value) {
+  function _define_property$J(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10798,7 +11043,7 @@
     }
     return obj;
   }
-  function _object_spread$I(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);
@@ -10808,12 +11053,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$K(target, key, source[key]);
+        _define_property$J(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$D(object, enumerableOnly) {
+  function ownKeys$C(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10826,12 +11071,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$D(target, source) {
+  function _object_spread_props$C(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$D(Object(source)).forEach(function(key) {
+      ownKeys$C(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10839,7 +11084,7 @@
   }
   function SelectList(param) {
     var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, customListFooter = param.customListFooter, isMultiSelect = param.isMultiSelect, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
-    var classes = useStyles$F({
+    var classes = useStyles$E({
       theme: tweakStyles
     });
     var isHeaderNotEmpty = trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader);
@@ -10868,13 +11113,13 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, (_obj2 = {}, _define_property$K(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$K(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
+      className: clsx(classes.root, (_obj2 = {}, _define_property$J(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$J(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
       children: [
         isHeaderNotEmpty && /* @__PURE__ */ jsx("div", {
           className: classes.listHeader,
           children: customListHeader
         }),
-        /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$I({
+        /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10950,7 +11195,7 @@
       return trueReactPlatformHelpers.isNotEmpty(value === null || value === void 0 ? void 0 : value.id) ? String(value.id) : convertValueToString(value);
     };
   };
-  var useStyles$E = createThemedStyles("Select", {
+  var useStyles$D = createThemedStyles("Select", {
     root: {
       width: "100%",
       position: "relative",
@@ -11056,20 +11301,20 @@
       }
     }
   };
-  function _array_like_to_array$k(arr, len) {
+  function _array_like_to_array$j(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$k(arr) {
+  function _array_with_holes$j(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$7(arr) {
+  function _array_without_holes$6(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$k(arr);
+      return _array_like_to_array$j(arr);
   }
   function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -11100,7 +11345,7 @@
       });
     };
   }
-  function _define_property$J(obj, key, value) {
+  function _define_property$I(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11113,11 +11358,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$7(iter) {
+  function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$k(arr, i) {
+  function _iterable_to_array_limit$j(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -11145,13 +11390,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$k() {
+  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 _non_iterable_spread$7() {
+  function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$H(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);
@@ -11161,12 +11406,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$J(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$C(object, enumerableOnly) {
+  function ownKeys$B(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -11179,12 +11424,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$C(target, source) {
+  function _object_spread_props$B(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$C(Object(source)).forEach(function(key) {
+      ownKeys$B(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -11222,24 +11467,24 @@
     }
     return target;
   }
-  function _sliced_to_array$k(arr, i) {
-    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
+  function _sliced_to_array$j(arr, i) {
+    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
   }
-  function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$7();
+  function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$6();
   }
-  function _unsupported_iterable_to_array$k(o, minLen) {
+  function _unsupported_iterable_to_array$j(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$k(o, minLen);
+      return _array_like_to_array$j(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$k(o, minLen);
+      return _array_like_to_array$j(o, minLen);
   }
   function _ts_generator$4(thisArg, body) {
     var f, y, t, g, _ = {
@@ -11379,7 +11624,7 @@
       "convertValueToReactNode",
       "optionsFilter"
     ]);
-    var classes = useStyles$E({
+    var classes = useStyles$D({
       theme: tweakStyles
     });
     var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$b(_ref, [
@@ -11408,12 +11653,12 @@
       currentComponentName: "Select"
     });
     var isMounted = useIsMounted();
-    var _useState = _sliced_to_array$k(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-    var _useState1 = _sliced_to_array$k(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+    var _useState = _sliced_to_array$j(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
+    var _useState1 = _sliced_to_array$j(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
     var hasDefaultOption = trueReactPlatformHelpers.isReactNodeNotEmpty(defaultOptionLabel);
-    var _useState2 = _sliced_to_array$k(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-    var _useState3 = _sliced_to_array$k(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-    var _useState4 = _sliced_to_array$k(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+    var _useState2 = _sliced_to_array$j(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+    var _useState3 = _sliced_to_array$j(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
+    var _useState4 = _sliced_to_array$j(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
     var root2 = React.useRef(null);
     var inputWrapper = React.useRef(null);
     var list = React.useRef(null);
@@ -11566,7 +11811,7 @@
       var option = filteredOptions[index];
       handleChange(isSelected ? (
         // Добавляем
-        _to_consumable_array$7(value !== null && value !== void 0 ? value : []).concat([
+        _to_consumable_array$6(value !== null && value !== void 0 ? value : []).concat([
           option
         ])
       ) : (
@@ -11744,7 +11989,7 @@
     }, [
       isOpen
     ]);
-    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$H({
+    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$G({
       value: searchValue,
       onChange: handleInputChange,
       tweakStyles: tweakSearchInputStyles,
@@ -11757,8 +12002,8 @@
       ]
     });
     var _obj2;
-    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
-      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$J(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$J(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
+    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$G({
+      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$I(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$I(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
       ref: list,
       style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
       tabIndex: 0,
@@ -11814,7 +12059,7 @@
           onClick: isDisabled ? void 0 : handleOnClick,
           ref: inputWrapper,
           children: [
-            /* @__PURE__ */ jsx(Input, _object_spread$H({
+            /* @__PURE__ */ jsx(Input, _object_spread$G({
               value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
               onChange: handleInputChange,
               isActive: isListOpen,
@@ -11851,7 +12096,7 @@
   }
   var SELECT_PADDING_LEFT = 12;
   var SELECT_PADDING_RIGHT = 24;
-  var useStyles$D = createThemedStyles("DatePickerHeader", {
+  var useStyles$C = createThemedStyles("DatePickerHeader", {
     btn: {
       width: 36,
       height: 36,
@@ -11920,7 +12165,7 @@
   };
   var DatePickerHeader = function(param) {
     var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-    var classes = useStyles$D({
+    var classes = useStyles$C({
       theme: tweakStyles
     });
     var tweakSelectStyles = useTweakStyles({
@@ -12029,7 +12274,7 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var useStyles$C = createThemedStyles("DatePicker", {
+  var useStyles$B = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
       height: "100%"
@@ -12052,18 +12297,18 @@
       }
     }
   });
-  function _array_like_to_array$j(arr, len) {
+  function _array_like_to_array$i(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$j(arr) {
+  function _array_with_holes$i(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$I(obj, key, value) {
+  function _define_property$H(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12076,7 +12321,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$j(arr, i) {
+  function _iterable_to_array_limit$i(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -12104,10 +12349,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$j() {
+  function _non_iterable_rest$i() {
     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$F(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -12117,12 +12362,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$I(target, key, source[key]);
+        _define_property$H(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$B(object, enumerableOnly) {
+  function ownKeys$A(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -12135,12 +12380,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$B(target, source) {
+  function _object_spread_props$A(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$B(Object(source)).forEach(function(key) {
+      ownKeys$A(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -12178,21 +12423,21 @@
     }
     return target;
   }
-  function _sliced_to_array$j(arr, i) {
-    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
+  function _sliced_to_array$i(arr, i) {
+    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
   }
-  function _unsupported_iterable_to_array$j(o, minLen) {
+  function _unsupported_iterable_to_array$i(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$j(o, minLen);
+      return _array_like_to_array$i(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$j(o, minLen);
+      return _array_like_to_array$i(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
     var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, excludeScrollbar = _param.excludeScrollbar, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$a(_param, [
@@ -12243,7 +12488,7 @@
       "onKeyDown",
       "tweakStyles"
     ]);
-    var classes = useStyles$C({
+    var classes = useStyles$B({
       theme: tweakStyles
     });
     var tweakDateInputStyles = useTweakStyles({
@@ -12259,14 +12504,14 @@
     }, [
       dateFormat
     ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-    var _useState = _sliced_to_array$j(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-    var _useState1 = _sliced_to_array$j(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-    var _useState2 = _sliced_to_array$j(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-    var _useState3 = _sliced_to_array$j(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-    var _useState4 = _sliced_to_array$j(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-    var _useState5 = _sliced_to_array$j(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+    var _useState = _sliced_to_array$i(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState1 = _sliced_to_array$i(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+    var _useState2 = _sliced_to_array$i(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+    var _useState3 = _sliced_to_array$i(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+    var _useState4 = _sliced_to_array$i(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+    var _useState5 = _sliced_to_array$i(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
-    var dateInputProps = _object_spread$G(_object_spread_props$B(_object_spread$G({}, inputProps), {
+    var dateInputProps = _object_spread$F(_object_spread_props$A(_object_spread$F({}, inputProps), {
       isRange,
       isDisabled,
       isClearable,
@@ -12364,10 +12609,10 @@
       startDate,
       endDate
     ]);
-    return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$G({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$F({
       className: classes.root
     }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$G({
+      children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$F({
         ref,
         minDate,
         maxDate,
@@ -12398,9 +12643,9 @@
         preventOpenOnFocus,
         shouldCloseOnSelect,
         customInputRef,
-        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$G({}, dateInputProps)),
+        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$F({}, dateInputProps)),
         renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$B(_object_spread$G({}, baseProps), {
+          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$A(_object_spread$F({}, baseProps), {
             months
           }));
         },
@@ -12438,7 +12683,7 @@
     }));
   });
   var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-  var useStyles$B = createThemedStyles("Description", {
+  var useStyles$A = createThemedStyles("Description", {
     root: {},
     button: {
       cursor: "pointer",
@@ -12468,18 +12713,18 @@
       }
     }
   });
-  function _array_like_to_array$i(arr, len) {
+  function _array_like_to_array$h(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$i(arr) {
+  function _array_with_holes$h(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$H(obj, key, value) {
+  function _define_property$G(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12492,7 +12737,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$i(arr, i) {
+  function _iterable_to_array_limit$h(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -12520,10 +12765,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$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$F(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);
@@ -12533,12 +12778,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$G(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$A(object, enumerableOnly) {
+  function ownKeys$z(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -12551,45 +12796,45 @@
     }
     return keys2;
   }
-  function _object_spread_props$A(target, source) {
+  function _object_spread_props$z(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$A(Object(source)).forEach(function(key) {
+      ownKeys$z(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$i(arr, i) {
-    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
+  function _sliced_to_array$h(arr, i) {
+    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
   }
-  function _unsupported_iterable_to_array$i(o, minLen) {
+  function _unsupported_iterable_to_array$h(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$i(o, minLen);
+      return _array_like_to_array$h(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$i(o, minLen);
+      return _array_like_to_array$h(o, minLen);
   }
   var Description = function(param) {
     var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$B({
+    var classes = useStyles$A({
       theme: tweakStyles
     });
     var isTooShort = text.length < truncateIndex;
-    var _useState = _sliced_to_array$i(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState = _sliced_to_array$h(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var link = text.match(LINK_REGEXP);
     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$A(_object_spread$F({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -12628,7 +12873,7 @@
     event.preventDefault();
     event.stopPropagation();
   };
-  var useStyles$A = createThemedStyles("FileInput", {
+  var useStyles$z = createThemedStyles("FileInput", {
     root: {
       display: "flex",
       flexDirection: "column",
@@ -12696,22 +12941,22 @@
       rowGap: 12
     }
   });
-  function _array_like_to_array$h(arr, len) {
+  function _array_like_to_array$g(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$h(arr) {
+  function _array_with_holes$g(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$6(arr) {
+  function _array_without_holes$5(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$h(arr);
+      return _array_like_to_array$g(arr);
   }
-  function _define_property$G(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12724,11 +12969,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$6(iter) {
+  function _iterable_to_array$5(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$h(arr, i) {
+  function _iterable_to_array_limit$g(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -12756,13 +13001,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$h() {
+  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 _non_iterable_spread$6() {
+  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$E(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);
@@ -12772,12 +13017,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$G(target, key, source[key]);
+        _define_property$F(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$z(object, enumerableOnly) {
+  function ownKeys$y(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -12790,47 +13035,47 @@
     }
     return keys2;
   }
-  function _object_spread_props$z(target, source) {
+  function _object_spread_props$y(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$z(Object(source)).forEach(function(key) {
+      ownKeys$y(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$h(arr, i) {
-    return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
+  function _sliced_to_array$g(arr, i) {
+    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
   }
-  function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$h(arr) || _non_iterable_spread$6();
+  function _to_consumable_array$5(arr) {
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
   }
-  function _unsupported_iterable_to_array$h(o, minLen) {
+  function _unsupported_iterable_to_array$g(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$h(o, minLen);
+      return _array_like_to_array$g(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$h(o, minLen);
+      return _array_like_to_array$g(o, minLen);
   }
   var FileInput = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var fileList = param.fileList, label = param.label, text = param.text, description = param.description, _param_isDragAndDropDisabled = param.isDragAndDropDisabled, isDragAndDropDisabled = _param_isDragAndDropDisabled === void 0 ? false : _param_isDragAndDropDisabled, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isReadOnly = param.isReadOnly, isReadOnly = _param_isReadOnly === void 0 ? false : _param_isReadOnly, _param_isMultipleDisabled = param.isMultipleDisabled, isMultipleDisabled = _param_isMultipleDisabled === void 0 ? false : _param_isMultipleDisabled, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, accept = param.accept, onAdd = param.onAdd, testId = param.testId, tweakStyles = param.tweakStyles, data = param.data;
-    var classes = useStyles$A({
+    var classes = useStyles$z({
       theme: tweakStyles
     });
-    var _useState = _sliced_to_array$h(React.useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
+    var _useState = _sliced_to_array$g(React.useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
     var handleAdd = function(files) {
       if (isDisabled || trueReactPlatformHelpers.isEmpty(files) || (files === null || files === void 0 ? void 0 : files.length) === 0) {
         return;
       }
-      onAdd === null || onAdd === void 0 ? void 0 : onAdd(_to_consumable_array$6(files));
+      onAdd === null || onAdd === void 0 ? void 0 : onAdd(_to_consumable_array$5(files));
     };
     var handleDragStart = function(event) {
       blockEvent(event);
@@ -12854,16 +13099,16 @@
       onDrop: handleDrop
     } : void 0;
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
       className: classes.root
     }, addDataAttributes(data), trueReactPlatformHelpers.addDataTestId(testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.label, _define_property$G({}, classes.requiredLabel, isRequired)),
+          className: clsx(classes.label, _define_property$F({}, classes.requiredLabel, isRequired)),
           children: label
         }),
-        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
-          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$G(_obj2, classes.dragged, isDragOver), _define_property$G(_obj2, classes.disabled, isDisabled), _define_property$G(_obj2, classes.active, isActive), _obj2))
+        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
+          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$F(_obj2, classes.dragged, isDragOver), _define_property$F(_obj2, classes.disabled, isDisabled), _define_property$F(_obj2, classes.active, isActive), _obj2))
         }, dndHandlers), {
           children: [
             trueReactPlatformHelpers.isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -12872,7 +13117,7 @@
             }),
             /* @__PURE__ */ jsx("label", {
               className: classes.inputLabel,
-              children: /* @__PURE__ */ jsx("input", _object_spread$E({
+              children: /* @__PURE__ */ jsx("input", _object_spread$D({
                 ref,
                 type: "file",
                 value: "",
@@ -12899,7 +13144,7 @@
   var BUTTON_SIZE_S = 24;
   var BUTTON_SIZE_M = 32;
   var ICON_SIZE = 20;
-  var useStyles$z = createThemedStyles("IconButton", {
+  var useStyles$y = createThemedStyles("IconButton", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -12961,7 +13206,7 @@
       height: BUTTON_SIZE_M
     }
   });
-  function _define_property$F(obj, key, value) {
+  function _define_property$E(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12974,7 +13219,7 @@
     }
     return obj;
   }
-  function _object_spread$D(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);
@@ -12984,12 +13229,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$F(target, key, source[key]);
+        _define_property$E(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$y(object, enumerableOnly) {
+  function ownKeys$x(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13002,12 +13247,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$y(target, source) {
+  function _object_spread_props$x(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$y(Object(source)).forEach(function(key) {
+      ownKeys$x(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13059,14 +13304,14 @@
       "data",
       "onClick"
     ]);
-    var classes = useStyles$z({
+    var classes = useStyles$y({
       theme: tweakStyles
     });
     var hasNoAction = isDisabled || isLoading;
     var _obj2;
-    return /* @__PURE__ */ jsx("button", _object_spread_props$y(_object_spread$D({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$x(_object_spread$C({
       ref,
-      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$F(_obj2, classes.disabled, isDisabled), _define_property$F(_obj2, classes.active, isActive), _define_property$F(_obj2, classes.loading, isLoading), _obj2)),
+      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$E(_obj2, classes.disabled, isDisabled), _define_property$E(_obj2, classes.active, isActive), _define_property$E(_obj2, classes.loading, isLoading), _obj2)),
       type,
       disabled: isDisabled,
       onClick: hasNoAction ? void 0 : onClick
@@ -13083,7 +13328,7 @@
       })
     }));
   });
-  var useStyles$y = createThemedStyles("Tooltip", {
+  var useStyles$x = createThemedStyles("Tooltip", {
     root: {
       display: "inline-block",
       boxSizing: "border-box"
@@ -13125,7 +13370,7 @@
       }
     }
   });
-  function _define_property$E(obj, key, value) {
+  function _define_property$D(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13138,7 +13383,7 @@
     }
     return obj;
   }
-  function _object_spread$C(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);
@@ -13148,12 +13393,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$E(target, key, source[key]);
+        _define_property$D(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$x(object, enumerableOnly) {
+  function ownKeys$w(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13166,12 +13411,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$x(target, source) {
+  function _object_spread_props$w(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$x(Object(source)).forEach(function(key) {
+      ownKeys$w(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13179,16 +13424,16 @@
   }
   var Tooltip = function(param) {
     var text = param.text, _param_view = param.view, view = _param_view === void 0 ? "tooltip" : _param_view, _param_type = param.type, type = _param_type === void 0 ? "info" : _param_type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$y({
+    var classes = useStyles$x({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$B({
       className: clsx(classes.root, classes[view], classes[type])
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: text
     }));
   };
-  var useStyles$x = createThemedStyles("TextWithTooltip", {
+  var useStyles$w = createThemedStyles("TextWithTooltip", {
     root: {
       position: "relative"
     },
@@ -13199,22 +13444,22 @@
       cursor: "pointer"
     }
   });
-  function _array_like_to_array$g(arr, len) {
+  function _array_like_to_array$f(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$g(arr) {
+  function _array_with_holes$f(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$5(arr) {
+  function _array_without_holes$4(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$g(arr);
+      return _array_like_to_array$f(arr);
   }
-  function _define_property$D(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13227,11 +13472,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$5(iter) {
+  function _iterable_to_array$4(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$g(arr, i) {
+  function _iterable_to_array_limit$f(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -13259,13 +13504,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$g() {
+  function _non_iterable_rest$f() {
     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 _non_iterable_spread$5() {
+  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$B(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);
@@ -13275,12 +13520,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$D(target, key, source[key]);
+        _define_property$C(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$w(object, enumerableOnly) {
+  function ownKeys$v(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13293,39 +13538,39 @@
     }
     return keys2;
   }
-  function _object_spread_props$w(target, source) {
+  function _object_spread_props$v(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$w(Object(source)).forEach(function(key) {
+      ownKeys$v(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$g(arr, i) {
-    return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
+  function _sliced_to_array$f(arr, i) {
+    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
   }
-  function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
+  function _to_consumable_array$4(arr) {
+    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$4();
   }
-  function _unsupported_iterable_to_array$g(o, minLen) {
+  function _unsupported_iterable_to_array$f(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$g(o, minLen);
+      return _array_like_to_array$f(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$g(o, minLen);
+      return _array_like_to_array$f(o, minLen);
   }
   var TextWithTooltip = function(param) {
     var children = param.children, tooltipText = param.tooltipText, _param_tooltipPosition = param.tooltipPosition, tooltipPosition = _param_tooltipPosition === void 0 ? "top" : _param_tooltipPosition, _param_tooltipView = param.tooltipView, tooltipView = _param_tooltipView === void 0 ? "tooltip" : _param_tooltipView, _param_tooltipType = param.tooltipType, tooltipType = _param_tooltipType === void 0 ? "info" : _param_tooltipType, _param_tooltipModifiers = param.tooltipModifiers, tooltipModifiers = _param_tooltipModifiers === void 0 ? [] : _param_tooltipModifiers, tooltipOffsetOptions = param.tooltipOffsetOptions, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_mouseEventType = param.mouseEventType, mouseEventType = _param_mouseEventType === void 0 ? "hover" : _param_mouseEventType, hoverDelay = param.hoverDelay, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$x({
+    var classes = useStyles$w({
       theme: tweakStyles
     });
     var tweakTooltipStyles = useTweakStyles({
@@ -13333,8 +13578,8 @@
       className: "tweakTooltip",
       currentComponentName: "TextWithTooltip"
     });
-    var _useState = _sliced_to_array$g(React.useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
-    var _useState1 = _sliced_to_array$g(React.useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
+    var _useState = _sliced_to_array$f(React.useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
+    var _useState1 = _sliced_to_array$f(React.useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
     var root2 = React.useRef(null);
     var tooltip = React.useRef(null);
     var hasDelay = hoverDelay !== void 0;
@@ -13365,14 +13610,14 @@
       modifiers: [
         {
           name: "offset",
-          options: _object_spread$B({
+          options: _object_spread$A({
             offset: [
               0,
               6
             ]
           }, tooltipOffsetOptions)
         }
-      ].concat(_to_consumable_array$5(tooltipModifiers))
+      ].concat(_to_consumable_array$4(tooltipModifiers))
     }), popperStyles = _usePopper.styles, attributes = _usePopper.attributes;
     useOnClickOutsideWithRef(tooltip, function() {
       if (mouseEventType === "click") {
@@ -13388,14 +13633,14 @@
       onMouseLeave: handleMouseLeave
     };
     var shouldShowTooltip = tooltipText !== void 0 && tooltipText !== null && !isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$A({
       className: clsx(classes.root, mouseEventType === "click" && shouldShowTooltip && classes.clickable)
     }, shouldShowTooltip ? props : void 0, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       ref: root2,
       children: [
         shouldShowTooltip && /* @__PURE__ */ jsx(reactOverlays.Portal, {
           container: shouldRenderInBody ? document.body : root2.current,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$B({
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$A({
             className: classes.tooltip,
             style: popperStyles.popper
           }, attributes.popper), {
@@ -13412,7 +13657,7 @@
       ]
     }));
   };
-  function _define_property$C(obj, key, value) {
+  function _define_property$B(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13427,7 +13672,7 @@
   }
   var FILE_ICON_DEFAULT = "file-other";
   var _obj;
-  var iconTypeMap = (_obj = {}, _define_property$C(_obj, mimeTypes.xls, "file-excel"), _define_property$C(_obj, mimeTypes.xlsx, "file-excel"), _define_property$C(_obj, mimeTypes.jpeg, "file-image"), _define_property$C(_obj, mimeTypes.png, "file-image"), _define_property$C(_obj, mimeTypes.pdf, "file-pdf"), _define_property$C(_obj, mimeTypes.doc, "file-word"), _define_property$C(_obj, mimeTypes.docx, "file-word"), _define_property$C(_obj, mimeTypes.xml, "file-xml"), _define_property$C(_obj, mimeTypes.zip, "file-zip"), _obj);
+  var iconTypeMap = (_obj = {}, _define_property$B(_obj, mimeTypes.xls, "file-excel"), _define_property$B(_obj, mimeTypes.xlsx, "file-excel"), _define_property$B(_obj, mimeTypes.jpeg, "file-image"), _define_property$B(_obj, mimeTypes.png, "file-image"), _define_property$B(_obj, mimeTypes.pdf, "file-pdf"), _define_property$B(_obj, mimeTypes.doc, "file-word"), _define_property$B(_obj, mimeTypes.docx, "file-word"), _define_property$B(_obj, mimeTypes.xml, "file-xml"), _define_property$B(_obj, mimeTypes.zip, "file-zip"), _obj);
   var getFileExtensionByFilename = function(fileName) {
     var splitFileName = fileName.split(".");
     return splitFileName.length > 1 ? splitFileName.pop() : void 0;
@@ -13447,7 +13692,7 @@
     }
     return FILE_ICON_DEFAULT;
   };
-  var useStyles$w = createThemedStyles("FileItem", {
+  var useStyles$v = createThemedStyles("FileItem", {
     root: {
       display: "flex",
       flexDirection: "column",
@@ -13543,7 +13788,7 @@
       }
     }
   };
-  function _define_property$B(obj, key, value) {
+  function _define_property$A(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13556,7 +13801,7 @@
     }
     return obj;
   }
-  function _object_spread$A(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);
@@ -13566,12 +13811,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$B(target, key, source[key]);
+        _define_property$A(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$v(object, enumerableOnly) {
+  function ownKeys$u(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13584,12 +13829,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$v(target, source) {
+  function _object_spread_props$u(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$v(Object(source)).forEach(function(key) {
+      ownKeys$u(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13597,7 +13842,7 @@
   }
   var FileItem = function(param) {
     var fileInfo = param.fileInfo, _param_icon = param.icon, icon = _param_icon === void 0 ? getFileIcon(fileInfo) : _param_icon, metadata = param.metadata, actions = param.actions, error = param.error, info = param.info, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_areActionsDisabled = param.areActionsDisabled, areActionsDisabled = _param_areActionsDisabled === void 0 ? false : _param_areActionsDisabled, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldShowSize = param.shouldShowSize, shouldShowSize = _param_shouldShowSize === void 0 ? false : _param_shouldShowSize, _param_itemSize = param.itemSize, itemSize = _param_itemSize === void 0 ? "m" : _param_itemSize, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "default" : _param_preloaderType, _param_removeIcon = param.removeIcon, removeIcon = _param_removeIcon === void 0 ? "trash-can" : _param_removeIcon, onRemove = param.onRemove, onClick = param.onClick, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$w({
+    var classes = useStyles$v({
       theme: tweakStyles
     });
     var tweakIconButtonStyles = useTweakStyles({
@@ -13629,8 +13874,8 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$A({
-          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$B({}, classes.disabled, isDisabled))
+        /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$z({
+          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$A({}, classes.disabled, isDisabled))
         }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data), trueReactPlatformHelpers.addClickHandler(handleClick, !isDisabled)), {
           children: [
             /* @__PURE__ */ jsx("div", {
@@ -13871,14 +14116,14 @@
     var negativePart = "(\\-)?";
     return "^".concat(canBeNegative ? negativePart : "").concat(basePart).concat(canBeFloat ? floatPart : "", "$");
   };
-  function _array_like_to_array$f(arr, len) {
+  function _array_like_to_array$e(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$f(arr) {
+  function _array_with_holes$e(arr) {
     if (Array.isArray(arr))
       return arr;
   }
@@ -13911,7 +14156,7 @@
       });
     };
   }
-  function _define_property$A(obj, key, value) {
+  function _define_property$z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13924,7 +14169,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$f(arr, i) {
+  function _iterable_to_array_limit$e(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -13952,10 +14197,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$f() {
+  function _non_iterable_rest$e() {
     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$z(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);
@@ -13965,7 +14210,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$A(target, key, source[key]);
+        _define_property$z(target, key, source[key]);
       });
     }
     return target;
@@ -14002,21 +14247,21 @@
     }
     return target;
   }
-  function _sliced_to_array$f(arr, i) {
-    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
+  function _sliced_to_array$e(arr, i) {
+    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
   }
-  function _unsupported_iterable_to_array$f(o, minLen) {
+  function _unsupported_iterable_to_array$e(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$f(o, minLen);
+      return _array_like_to_array$e(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$f(o, minLen);
+      return _array_like_to_array$e(o, minLen);
   }
   function _ts_generator$3(thisArg, body) {
     var f, y, t, g, _ = {
@@ -14133,10 +14378,10 @@
       "min",
       "max"
     ]);
-    var _useState = _sliced_to_array$f(React.useState(function() {
+    var _useState = _sliced_to_array$e(React.useState(function() {
       return formatNumberWithDefault(value, defaultValue);
     }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-    var _useState1 = _sliced_to_array$f(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+    var _useState1 = _sliced_to_array$e(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
     var handleKeyDown = function(event) {
       setIsDeleteForwardAction(event.key === "Delete");
     };
@@ -14224,7 +14469,7 @@
     }, [
       value
     ]);
-    return /* @__PURE__ */ jsx(Input, _object_spread$z({
+    return /* @__PURE__ */ jsx(Input, _object_spread$y({
       value: showedValue,
       onChange: handleChange,
       onBlur: handleBlur,
@@ -14502,7 +14747,7 @@
     return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
   }
   var FILTER_HEIGHT = 36;
-  var useStyles$v = createThemedStyles("FiltersPane", {
+  var useStyles$u = createThemedStyles("FiltersPane", {
     root: {
       display: "flex",
       flexWrap: "wrap",
@@ -14568,7 +14813,7 @@
       }
     }
   };
-  var useStyles$u = createThemedStyles("FilterInterval", {
+  var useStyles$t = createThemedStyles("FilterInterval", {
     root: {
       padding: 8,
       background: colors.CLASSIC_WHITE
@@ -14611,7 +14856,7 @@
     }
   };
   var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
-  function _define_property$z(obj, key, value) {
+  function _define_property$y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14624,7 +14869,7 @@
     }
     return obj;
   }
-  function _object_spread$y(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);
@@ -14634,12 +14879,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$z(target, key, source[key]);
+        _define_property$y(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$u(object, enumerableOnly) {
+  function ownKeys$t(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14652,12 +14897,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$u(target, source) {
+  function _object_spread_props$t(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$u(Object(source)).forEach(function(key) {
+      ownKeys$t(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14665,7 +14910,7 @@
   }
   var FilterInterval = function(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-    var classes = useStyles$u({
+    var classes = useStyles$t({
       theme: tweakStyles
     });
     var translates = React.useMemo(function() {
@@ -14709,7 +14954,7 @@
       className: "tweakClearButton",
       currentComponentName: "FilterInterval"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$y({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$x({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -14806,7 +15051,7 @@
     var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
     return merge$1({}, MultiSelectLocales[key], custom, custom2);
   };
-  function _define_property$y(obj, key, value) {
+  function _define_property$x(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14819,7 +15064,7 @@
     }
     return obj;
   }
-  function _object_spread$x(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);
@@ -14829,19 +15074,19 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$y(target, key, source[key]);
+        _define_property$x(target, key, source[key]);
       });
     }
     return target;
   }
   var ITEM_HEIGHT$1 = 40;
   var TOP_GAP = 12;
-  var useStyles$t = createThemedStyles("MultiSelectList", {
+  var useStyles$s = createThemedStyles("MultiSelectList", {
     root: {
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$x({
+    list: _object_spread$w({
       paddingTop: TOP_GAP,
       maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
       overscrollBehavior: "contain"
@@ -14954,20 +15199,20 @@
       }
     }
   };
-  function _array_like_to_array$e(arr, len) {
+  function _array_like_to_array$d(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$e(arr) {
+  function _array_with_holes$d(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$4(arr) {
+  function _array_without_holes$3(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$e(arr);
+      return _array_like_to_array$d(arr);
   }
   function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -14998,7 +15243,7 @@
       });
     };
   }
-  function _define_property$x(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15011,11 +15256,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$4(iter) {
+  function _iterable_to_array$3(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$e(arr, i) {
+  function _iterable_to_array_limit$d(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -15043,13 +15288,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$e() {
+  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 _non_iterable_spread$4() {
+  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$w(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);
@@ -15059,12 +15304,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$x(target, key, source[key]);
+        _define_property$w(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$t(object, enumerableOnly) {
+  function ownKeys$s(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15077,35 +15322,35 @@
     }
     return keys2;
   }
-  function _object_spread_props$t(target, source) {
+  function _object_spread_props$s(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$t(Object(source)).forEach(function(key) {
+      ownKeys$s(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$e(arr, i) {
-    return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
+  function _sliced_to_array$d(arr, i) {
+    return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
   }
-  function _to_consumable_array$4(arr) {
-    return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$4();
+  function _to_consumable_array$3(arr) {
+    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$3();
   }
-  function _unsupported_iterable_to_array$e(o, minLen) {
+  function _unsupported_iterable_to_array$d(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$e(o, minLen);
+      return _array_like_to_array$d(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$e(o, minLen);
+      return _array_like_to_array$d(o, minLen);
   }
   function _ts_generator$2(thisArg, body) {
     var f, y, t, g, _ = {
@@ -15212,7 +15457,7 @@
   function MultiSelectList(param) {
     var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
     var isMounted = useIsMounted();
-    var classes = useStyles$t({
+    var classes = useStyles$s({
       theme: tweakStyles
     });
     var tweakCheckboxStyles = useTweakStyles({
@@ -15233,13 +15478,13 @@
       className: "tweakClearButton",
       currentComponentName: "MultiSelectList"
     });
-    var _useState = _sliced_to_array$e(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-    var _useState1 = _sliced_to_array$e(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-    var _useState2 = _sliced_to_array$e(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-    var _useState3 = _sliced_to_array$e(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-    var _useState4 = _sliced_to_array$e(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-    var _useState5 = _sliced_to_array$e(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-    var _useState6 = _sliced_to_array$e(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+    var _useState = _sliced_to_array$d(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+    var _useState1 = _sliced_to_array$d(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+    var _useState2 = _sliced_to_array$d(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+    var _useState3 = _sliced_to_array$d(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+    var _useState4 = _sliced_to_array$d(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+    var _useState5 = _sliced_to_array$d(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+    var _useState6 = _sliced_to_array$d(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
     var observer = React.useRef();
     var chosenValues = value === null || value === void 0 ? void 0 : value.include;
     var translates = React.useMemo(function() {
@@ -15352,7 +15597,7 @@
       var checkboxValue = param2.value, isSelected = param2.isSelected;
       if (trueReactPlatformHelpers.isNotEmpty(checkboxValue)) {
         var _chosenValues_filter;
-        handleSelectValue(isSelected ? _to_consumable_array$4(chosenValues !== null && chosenValues !== void 0 ? chosenValues : []).concat([
+        handleSelectValue(isSelected ? _to_consumable_array$3(chosenValues !== null && chosenValues !== void 0 ? chosenValues : []).concat([
           checkboxValue
         ]) : (_chosenValues_filter = chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.filter(function(v) {
           return getValueId(v) !== getValueId(checkboxValue);
@@ -15384,14 +15629,14 @@
         if (value !== void 0) {
           if (keyCursorOn < value.include.length) {
             var _value_include_filter;
-            onChange(_object_spread_props$t(_object_spread$w({}, value), {
+            onChange(_object_spread_props$s(_object_spread$v({}, 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$t(_object_spread$w({}, value), {
-              include: _to_consumable_array$4(value.include).concat([
+            onChange(_object_spread_props$s(_object_spread$v({}, value), {
+              include: _to_consumable_array$3(value.include).concat([
                 unchosenOptions[keyCursorOn - value.include.length]
               ])
             }));
@@ -15439,7 +15684,7 @@
               if (isMounted()) {
                 if (response.length > 0) {
                   setAllOptions(function(prevState) {
-                    return _to_consumable_array$4(prevState).concat(_to_consumable_array$4(response));
+                    return _to_consumable_array$3(prevState).concat(_to_consumable_array$3(response));
                   });
                 }
                 if (response.length === 0 || pageSize !== void 0 && response.length < pageSize) {
@@ -15589,7 +15834,7 @@
     var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (trueReactPlatformHelpers.isArrayNotEmpty(unchosenOptions) || !trueReactPlatformHelpers.isArrayNotEmpty(allOptions));
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var shouldShowOptionsList = !isLoading && (trueReactPlatformHelpers.isArrayNotEmpty(allOptions) || trueReactPlatformHelpers.isArrayNotEmpty(chosenValues));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$w({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$v({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -15693,7 +15938,7 @@
       ]
     }));
   }
-  function _define_property$w(obj, key, value) {
+  function _define_property$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15706,7 +15951,7 @@
     }
     return obj;
   }
-  function _object_spread$v(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);
@@ -15716,15 +15961,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$w(target, key, source[key]);
+        _define_property$v(target, key, source[key]);
       });
     }
     return target;
   }
   function FilterMultiSelect(props) {
-    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$v({}, props));
+    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$u({}, props));
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$u(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15737,7 +15982,7 @@
     }
     return obj;
   }
-  function _object_spread$u(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);
@@ -15747,19 +15992,19 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$v(target, key, source[key]);
+        _define_property$u(target, key, source[key]);
       });
     }
     return target;
   }
   var ITEM_HEIGHT = 40;
   var LIST_GAP = 12;
-  var useStyles$s = createThemedStyles("FilterSelect", {
+  var useStyles$r = createThemedStyles("FilterSelect", {
     root: {
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$u({
+    list: _object_spread$t({
       paddingTop: LIST_GAP,
       padding: [
         LIST_GAP,
@@ -15888,20 +16133,20 @@
     }
   };
   var clearButtonStyles$1 = cloneDeep(innerTextButtonStyles);
-  function _array_like_to_array$d(arr, len) {
+  function _array_like_to_array$c(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$d(arr) {
+  function _array_with_holes$c(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$3(arr) {
+  function _array_without_holes$2(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$d(arr);
+      return _array_like_to_array$c(arr);
   }
   function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -15932,7 +16177,7 @@
       });
     };
   }
-  function _define_property$u(obj, key, value) {
+  function _define_property$t(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15945,11 +16190,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$3(iter) {
+  function _iterable_to_array$2(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$d(arr, i) {
+  function _iterable_to_array_limit$c(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -15977,13 +16222,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$d() {
+  function _non_iterable_rest$c() {
     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 _non_iterable_spread$3() {
+  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$t(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);
@@ -15993,12 +16238,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$u(target, key, source[key]);
+        _define_property$t(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$s(object, enumerableOnly) {
+  function ownKeys$r(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16011,35 +16256,35 @@
     }
     return keys2;
   }
-  function _object_spread_props$s(target, source) {
+  function _object_spread_props$r(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$s(Object(source)).forEach(function(key) {
+      ownKeys$r(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$d(arr, i) {
-    return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
+  function _sliced_to_array$c(arr, i) {
+    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
   }
-  function _to_consumable_array$3(arr) {
-    return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$3();
+  function _to_consumable_array$2(arr) {
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$2();
   }
-  function _unsupported_iterable_to_array$d(o, minLen) {
+  function _unsupported_iterable_to_array$c(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$d(o, minLen);
+      return _array_like_to_array$c(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$d(o, minLen);
+      return _array_like_to_array$c(o, minLen);
   }
   function _ts_generator$1(thisArg, body) {
     var f, y, t, g, _ = {
@@ -16145,7 +16390,7 @@
   }
   function FilterSelect(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
-    var classes = useStyles$s({
+    var classes = useStyles$r({
       theme: tweakStyles
     });
     var tweakSearchInputStyles = useTweakStyles({
@@ -16168,12 +16413,12 @@
       locale2
     ]);
     var observer = React.useRef();
-    var _useState = _sliced_to_array$d(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-    var _useState1 = _sliced_to_array$d(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-    var _useState2 = _sliced_to_array$d(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-    var _useState3 = _sliced_to_array$d(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-    var _useState4 = _sliced_to_array$d(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-    var _useState5 = _sliced_to_array$d(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+    var _useState = _sliced_to_array$c(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+    var _useState1 = _sliced_to_array$c(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+    var _useState2 = _sliced_to_array$c(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+    var _useState3 = _sliced_to_array$c(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+    var _useState4 = _sliced_to_array$c(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+    var _useState5 = _sliced_to_array$c(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var hasFooter = trueReactPlatformHelpers.isReactNodeNotEmpty(footer);
     var handleSearchInputChange = React.useCallback(function() {
@@ -16289,7 +16534,7 @@
               if (isMounted()) {
                 if (response.length > 0) {
                   setAllOptions(function(prevState) {
-                    return _to_consumable_array$3(prevState).concat(_to_consumable_array$3(response));
+                    return _to_consumable_array$2(prevState).concat(_to_consumable_array$2(response));
                   });
                 } else {
                   setIsMaxPage(true);
@@ -16420,7 +16665,7 @@
       }();
       doFetchOptions();
     }, []);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$r(_object_spread$s({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -16520,7 +16765,7 @@
               children: translates.nothingFound
             }),
             (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.panel, _define_property$u({}, classes.panelWithFooter, hasFooter)),
+              className: clsx(classes.panel, _define_property$t({}, classes.panelWithFooter, hasFooter)),
               children: [
                 hasFooter && /* @__PURE__ */ jsx("div", {
                   className: classes.footer,
@@ -17633,7 +17878,7 @@
     }
   };
   const ru = locale;
-  var useStyles$r = createThemedStyles("FilterWithDates", {
+  var useStyles$q = createThemedStyles("FilterWithDates", {
     root: {
       background: colors.CLASSIC_WHITE,
       position: "relative",
@@ -17689,18 +17934,18 @@
       marginLeft: END_PICKER_LEFT_MARGIN
     }
   };
-  function _array_like_to_array$c(arr, len) {
+  function _array_like_to_array$b(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$c(arr) {
+  function _array_with_holes$b(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$t(obj, key, value) {
+  function _define_property$s(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17713,7 +17958,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$c(arr, i) {
+  function _iterable_to_array_limit$b(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -17741,10 +17986,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$c() {
+  function _non_iterable_rest$b() {
     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$s(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);
@@ -17754,12 +17999,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$t(target, key, source[key]);
+        _define_property$s(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$r(object, enumerableOnly) {
+  function ownKeys$q(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17772,36 +18017,36 @@
     }
     return keys2;
   }
-  function _object_spread_props$r(target, source) {
+  function _object_spread_props$q(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$r(Object(source)).forEach(function(key) {
+      ownKeys$q(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$c(arr, i) {
-    return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
+  function _sliced_to_array$b(arr, i) {
+    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
   }
-  function _unsupported_iterable_to_array$c(o, minLen) {
+  function _unsupported_iterable_to_array$b(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$c(o, minLen);
+      return _array_like_to_array$b(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$c(o, minLen);
+      return _array_like_to_array$b(o, minLen);
   }
   var FilterWithDates = function(param) {
     var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-    var classes = useStyles$r({
+    var classes = useStyles$q({
       theme: tweakStyles
     });
     var tweakClearButtonStyles = useTweakStyles({
@@ -17829,8 +18074,8 @@
       className: "tweakEndDatePicker",
       currentComponentName: "FilterWithDates"
     });
-    var _useState = _sliced_to_array$c(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-    var _useState1 = _sliced_to_array$c(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+    var _useState = _sliced_to_array$b(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+    var _useState1 = _sliced_to_array$b(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
     var ref = React.useRef(null);
     var dateLocale = localeKey === "ru" ? ru : enUS;
     var translates = React.useMemo(function() {
@@ -17888,7 +18133,7 @@
       }
     };
     var _ref;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$r(_object_spread$s({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -17897,7 +18142,7 @@
           children: [
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$s({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$r({
                 selectedDate: value === null || value === void 0 ? void 0 : value.from,
                 maxDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.from,
@@ -17912,7 +18157,7 @@
             }),
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$s({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$r({
                 selectedDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.to,
                 months: translates.months,
@@ -17968,7 +18213,7 @@
       ]
     }));
   };
-  var useStyles$q = createThemedStyles("FilterWithPeriod", {
+  var useStyles$p = createThemedStyles("FilterWithPeriod", {
     root: {},
     main: {},
     picker: {}
@@ -17978,22 +18223,22 @@
       maxHeight: "auto"
     }
   };
-  function _array_like_to_array$b(arr, len) {
+  function _array_like_to_array$a(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$b(arr) {
+  function _array_with_holes$a(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$2(arr) {
+  function _array_without_holes$1(arr) {
     if (Array.isArray(arr))
-      return _array_like_to_array$b(arr);
+      return _array_like_to_array$a(arr);
   }
-  function _define_property$s(obj, key, value) {
+  function _define_property$r(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18006,11 +18251,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$2(iter) {
+  function _iterable_to_array$1(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$b(arr, i) {
+  function _iterable_to_array_limit$a(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -18038,13 +18283,13 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$b() {
+  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 _non_iterable_spread$2() {
+  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$r(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);
@@ -18054,12 +18299,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$s(target, key, source[key]);
+        _define_property$r(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$q(object, enumerableOnly) {
+  function ownKeys$p(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18072,39 +18317,39 @@
     }
     return keys2;
   }
-  function _object_spread_props$q(target, source) {
+  function _object_spread_props$p(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$q(Object(source)).forEach(function(key) {
+      ownKeys$p(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$b(arr, i) {
-    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
+  function _sliced_to_array$a(arr, i) {
+    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
   }
-  function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$2();
+  function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$1();
   }
-  function _unsupported_iterable_to_array$b(o, minLen) {
+  function _unsupported_iterable_to_array$a(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$b(o, minLen);
+      return _array_like_to_array$a(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$b(o, minLen);
+      return _array_like_to_array$a(o, minLen);
   }
   var FilterWithPeriod = function(param) {
     var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-    var classes = useStyles$q({
+    var classes = useStyles$p({
       theme: tweakStyles
     });
     var translates = React.useMemo(function() {
@@ -18113,11 +18358,11 @@
       localeKey,
       locale2
     ]);
-    var _useState = _sliced_to_array$b(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-    var _useState1 = _sliced_to_array$b(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-    var _useState2 = _sliced_to_array$b(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+    var _useState = _sliced_to_array$a(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+    var _useState1 = _sliced_to_array$a(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+    var _useState2 = _sliced_to_array$a(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
-      var result = _object_spread$r({}, PERIODS_GETTERS);
+      var result = _object_spread$q({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
         if (Array.isArray(p)) {
           result[p[0]] = p[1];
@@ -18129,7 +18374,7 @@
     ]);
     var periodsList = React.useMemo(function() {
       if (periods === void 0) {
-        return _to_consumable_array$2(PERIODS);
+        return _to_consumable_array$1(PERIODS);
       }
       return periods.map(function(p) {
         return Array.isArray(p) ? p[0] : p;
@@ -18163,7 +18408,7 @@
         if (onClose !== void 0) {
           onClose();
         }
-        onChange(_object_spread_props$q(_object_spread$r({}, p), {
+        onChange(_object_spread_props$p(_object_spread$q({}, p), {
           label: getPeriodTranslate(periodType)
         }));
       }
@@ -18183,7 +18428,7 @@
     };
     var handleCustomDateChange = function(val) {
       if (val.from || val.to) {
-        onChange(_object_spread_props$q(_object_spread$r({}, val), {
+        onChange(_object_spread_props$p(_object_spread$q({}, val), {
           periodType: "CUSTOM"
         }));
       } else {
@@ -18255,7 +18500,7 @@
       ]
     });
   };
-  function _define_property$r(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18268,7 +18513,7 @@
     }
     return obj;
   }
-  function _object_spread$q(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);
@@ -18278,12 +18523,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$r(target, key, source[key]);
+        _define_property$q(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$p(object, enumerableOnly) {
+  function ownKeys$o(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18296,12 +18541,12 @@
     }
     return keys2;
   }
-  function _object_spread_props$p(target, source) {
+  function _object_spread_props$o(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$p(Object(source)).forEach(function(key) {
+      ownKeys$o(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18319,7 +18564,7 @@
       filter.locale
     ]);
     if (filter.type === "select") {
-      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$q({
+      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$p({
         value,
         onChange,
         onClose,
@@ -18329,8 +18574,8 @@
       }, filter));
     }
     if (filter.type === "dateRange") {
-      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$q({
-        value: _object_spread$q({}, value),
+      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$p({
+        value: _object_spread$p({}, value),
         onChange,
         onClose,
         localeKey: translatesLocaleKey,
@@ -18343,10 +18588,10 @@
         style: {
           width: 320
         },
-        children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$q({
+        children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$p({
           value,
           onChange: function(v) {
-            return onChange(_object_spread_props$p(_object_spread$q({}, v), {
+            return onChange(_object_spread_props$o(_object_spread$p({}, v), {
               periodType: "CUSTOM"
             }));
           },
@@ -18360,7 +18605,7 @@
       });
     }
     if (filter.type === "multiSelect") {
-      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$q({
+      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$p({
         value,
         onChange,
         onClose,
@@ -18370,7 +18615,7 @@
       }, filter));
     }
     if (filter.type === "interval") {
-      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$q({
+      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$p({
         value,
         onChange,
         localeKey: translatesLocaleKey,
@@ -18384,14 +18629,14 @@
     }
     if (filter.type === "custom" && filter.component) {
       var Component = filter.component;
-      return /* @__PURE__ */ jsx(Component, _object_spread_props$p(_object_spread$q({}, props), {
+      return /* @__PURE__ */ jsx(Component, _object_spread_props$o(_object_spread$p({}, props), {
         filter
       }));
     }
     console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
     return null;
   }
-  var useStyles$p = createThemedStyles("FiltersPaneSearch", {
+  var useStyles$o = createThemedStyles("FiltersPaneSearch", {
     root: {
       display: "flex",
       position: "relative",
@@ -18489,18 +18734,18 @@
       width: "100%"
     }
   };
-  function _array_like_to_array$a(arr, len) {
+  function _array_like_to_array$9(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$a(arr) {
+  function _array_with_holes$9(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$q(obj, key, value) {
+  function _define_property$p(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18513,7 +18758,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$a(arr, i) {
+  function _iterable_to_array_limit$9(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -18541,10 +18786,10 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$a() {
+  function _non_iterable_rest$9() {
     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$o(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18554,12 +18799,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$q(target, key, source[key]);
+        _define_property$p(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$o(object, enumerableOnly) {
+  function ownKeys$n(object, enumerableOnly) {
     var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18572,36 +18817,36 @@
     }
     return keys2;
   }
-  function _object_spread_props$o(target, source) {
+  function _object_spread_props$n(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$o(Object(source)).forEach(function(key) {
+      ownKeys$n(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _sliced_to_array$a(arr, i) {
-    return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
+  function _sliced_to_array$9(arr, i) {
+    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
   }
-  function _unsupported_iterable_to_array$a(o, minLen) {
+  function _unsupported_iterable_to_array$9(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$a(o, minLen);
+      return _array_like_to_array$9(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$a(o, minLen);
+      return _array_like_to_array$9(o, minLen);
   }
   function FiltersPaneSearch(param) {
     var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
-    var classes = useStyles$p({
+    var classes = useStyles$o({
       theme: tweakStyles
     });
     var tweakSearchInputStyles = useTweakStyles({
@@ -18616,8 +18861,8 @@
       className: "tweakSelect",
       currentComponentName: "FiltersPaneSearch"
     });
-    var _useState = _sliced_to_array$a(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-    var _useState1 = _sliced_to_array$a(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+    var _useState = _sliced_to_array$9(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+    var _useState1 = _sliced_to_array$9(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
     var refRoot = React.useRef(null);
     var translates = React.useMemo(function() {
       return getLocale$1(localeKey, locale2);
@@ -18647,8 +18892,8 @@
       field
     ]);
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.focused, isInputFocused), _define_property$q(_obj2, classes.disabled, isDisabled), _obj2)),
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$p(_obj2, classes.focused, isInputFocused), _define_property$p(_obj2, classes.disabled, isDisabled), _obj2)),
       ref: refRoot,
       "data-testid": testId
     }, addDataAttributes(data)), {
@@ -18713,7 +18958,7 @@
       ]
     }));
   }
-  var useStyles$o = createThemedStyles("FilterValueView", {
+  var useStyles$n = createThemedStyles("FilterValueView", {
     text: {
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -18732,7 +18977,7 @@
   }
   function FilterValueView(param) {
     var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
-    var classes = useStyles$o({
+    var classes = useStyles$n({
       theme: tweakStyles
     });
     var _filter_localeKey;
@@ -18883,247 +19128,6 @@
       children: displayValue(value)
     });
   }
-  var DEFAULT_OFFSET = 6;
-  var useStyles$n = createThemedStyles("WithPopup", {
-    trigger: {
-      width: "fit-content",
-      cursor: "pointer"
-    },
-    disabled: {
-      cursor: "default"
-    },
-    popup: {
-      zIndex: 5,
-      outline: "none"
-    },
-    animationEnd: {},
-    animationStart: {},
-    "dropdown-initial": {
-      extend: "animationEnd"
-    },
-    "dropdown-open": {
-      extend: "animationStart"
-    },
-    "dropdown-close": {
-      visibility: "hidden",
-      extend: "animationEnd"
-    },
-    "dropdown-unmounted": {
-      extend: "animationEnd"
-    }
-  });
-  function _array_like_to_array$9(arr, len) {
-    if (len == null || len > arr.length)
-      len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++)
-      arr2[i] = arr[i];
-    return arr2;
-  }
-  function _array_with_holes$9(arr) {
-    if (Array.isArray(arr))
-      return arr;
-  }
-  function _array_without_holes$1(arr) {
-    if (Array.isArray(arr))
-      return _array_like_to_array$9(arr);
-  }
-  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 _iterable_to_array$1(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-      return Array.from(iter);
-  }
-  function _iterable_to_array_limit$9(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null)
-      return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-        if (i && _arr.length === i)
-          break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null)
-          _i["return"]();
-      } finally {
-        if (_d)
-          throw _e;
-      }
-    }
-    return _arr;
-  }
-  function _non_iterable_rest$9() {
-    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 _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$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;
-  }
-  function _sliced_to_array$9(arr, i) {
-    return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
-  }
-  function _to_consumable_array$1(arr) {
-    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$1();
-  }
-  function _unsupported_iterable_to_array$9(o, minLen) {
-    if (!o)
-      return;
-    if (typeof o === "string")
-      return _array_like_to_array$9(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor)
-      n = o.constructor.name;
-    if (n === "Map" || n === "Set")
-      return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$9(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, _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, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
-    var classes = useStyles$n({
-      theme: tweakStyles
-    });
-    var _useState = _sliced_to_array$9(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-    var handleToggle = function(isActive, event) {
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
-      if (!isDisabled) {
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-        setIsOpen(isActive);
-      }
-    };
-    var handleClose = function(event) {
-      handleToggle(false, event);
-    };
-    var _useFloating = react.useFloating({
-      open: isOpen,
-      middleware: [
-        react.offset(popupOffset)
-      ].concat(_to_consumable_array$1(canBeFlipped ? [
-        react.flip()
-      ] : []), _to_consumable_array$1(middlewares)),
-      whileElementsMounted: react.autoUpdate,
-      placement,
-      onOpenChange: handleToggle
-    }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-    var hover = react.useHover(context, {
-      enabled: eventType === "hover",
-      delay: typeof hoverDelay === "number" ? {
-        open: hoverDelay,
-        close: 0
-      } : hoverDelay,
-      handleClose: react.safePolygon()
-    });
-    var focus = react.useFocus(context, {
-      enabled: eventType === "hover"
-    });
-    var click = react.useClick(context, {
-      enabled: eventType === "click"
-    });
-    var dismiss = react.useDismiss(context, {
-      enabled: eventType === "click",
-      ancestorScroll: shouldHideOnScroll
-    });
-    var _useInteractions = react.useInteractions([
-      hover,
-      click,
-      focus,
-      dismiss
-    ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-    var _useTransitionStatus = react.useTransitionStatus(context, {
-      duration: {
-        close: 500
-      }
-    }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
-    var referenceProps = getReferenceProps({
-      ref: refs.setReference
-    });
-    var triggerElement = trueReactPlatformHelpers.applyAction(trigger, _object_spread$o({
-      isActive: isOpen,
-      isDisabled
-    }, !isTriggerWrapped ? referenceProps : void 0));
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
-          className: clsx(classes.trigger, _define_property$p({}, classes.disabled, isDisabled))
-        }, referenceProps, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
-          children: triggerElement
-        })) : triggerElement,
-        isMounted && /* @__PURE__ */ jsx(react.FloatingPortal, {
-          root: !shouldRenderInBody ? refs.reference.current : void 0,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
-            style: floatingStyles,
-            className: classes.popup,
-            ref: refs.setFloating
-          }, getFloatingProps()), {
-            children: /* @__PURE__ */ jsx("div", {
-              className: classes["dropdown-".concat(status)],
-              children: trueReactPlatformHelpers.isFunction(children) ? children({
-                onClose: handleClose
-              }) : children
-            })
-          }))
-        })
-      ]
-    });
-  };
   var isContentNotEmpty = function(value) {
     if (Array.isArray(value)) {
       return value.some(isContentNotEmpty);
@@ -19419,7 +19423,7 @@
   }
   function FiltersPane(param) {
     var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-    var classes = useStyles$v({
+    var classes = useStyles$u({
       theme: tweakStyles
     });
     var tweakClearButtonStyles = useTweakStyles({