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

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

@@ -1,9 +1,10 @@
 import React, { createContext, useRef, useEffect, useCallback, useState, useMemo, useContext, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, memo } from "react";
 import { createUseStyles } from "react-jss";
-import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isFunction as isFunction$1, applyAction, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
+import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, isFunction as isFunction$1, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
+import { useFloating, offset as offset$2, flip as flip$2, autoUpdate, useHover, safePolygon, useFocus, useClick, useDismiss, useInteractions, useTransitionStatus, FloatingPortal } from "@floating-ui/react";
 import InputMask from "react-input-mask";
 import { getYear, getMonth, format, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
 import { Portal } from "react-overlays";
@@ -11,7 +12,6 @@ import { debounce as debounce$1 } from "ts-debounce";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
 import ReactDatePicker from "react-datepicker";
 import { filesize } from "filesize";
-import { useFloating, offset as offset$2, flip as flip$2, autoUpdate, useHover, safePolygon, useFocus, useClick, useDismiss, useInteractions, useTransitionStatus, FloatingPortal } from "@floating-ui/react";
 import { hasFlag } from "country-flag-icons";
 import { RemoveScroll } from "react-remove-scroll";
 var jsxRuntime = { exports: {} };
@@ -7815,45 +7815,50 @@ var renderIcon = function(icon) {
     type: icon
   }) : icon;
 };
-var ITEM_HORIZONTAL_PADDING$1 = 16;
-var ICON_SIZE$2 = 20;
-var ICON_GAP$1 = 12;
-var useStyles$U = createThemedStyles("ListItem", {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    boxSizing: "border-box",
-    fontSize: 16,
-    whiteSpace: "nowrap",
-    minHeight: 40,
-    padding: [
-      0,
-      ITEM_HORIZONTAL_PADDING$1
-    ],
-    transition: animations.defaultTransition,
-    transitionProperty: "background-color",
+var DEFAULT_OFFSET = 6;
+var useStyles$U = createThemedStyles("WithPopup", {
+  trigger: {
+    width: "fit-content",
     cursor: "pointer"
   },
-  default: {},
-  destructive: {},
-  disabledItem: {
+  disabled: {
     cursor: "default"
   },
-  spacer: {
-    height: 1,
-    backgroundColor: colors.BORDER_LIGHT
+  popup: {
+    zIndex: 5,
+    outline: "none"
   },
-  withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
+  animationEnd: {},
+  animationStart: {},
+  "dropdown-initial": {
+    extend: "animationEnd"
   },
-  icon: {
-    width: ICON_SIZE$2,
-    height: ICON_SIZE$2,
-    marginRight: ICON_GAP$1,
-    flexShrink: 0
+  "dropdown-open": {
+    extend: "animationStart"
+  },
+  "dropdown-close": {
+    visibility: "hidden",
+    extend: "animationEnd"
   },
-  content: {}
+  "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, {
@@ -7867,6 +7872,44 @@ function _define_property$_(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] : {};
@@ -7906,35 +7949,109 @@ function _object_spread_props$P(target, source) {
   }
   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;
+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 _obj2;
-  return /* @__PURE__ */ jsxs(Fragment$1, {
+  var _useState = _sliced_to_array$n(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 = useFloating({
+    open: isOpen,
+    middleware: [
+      offset$2(popupOffset)
+    ].concat(_to_consumable_array$7(canBeFlipped ? [
+      flip$2()
+    ] : []), _to_consumable_array$7(middlewares)),
+    whileElementsMounted: autoUpdate,
+    placement,
+    onOpenChange: handleToggle
+  }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+  var hover = useHover(context, {
+    enabled: eventType === "hover",
+    delay: typeof hoverDelay === "number" ? {
+      open: hoverDelay,
+      close: 0
+    } : hoverDelay,
+    handleClose: safePolygon()
+  });
+  var focus = useFocus(context, {
+    enabled: eventType === "hover"
+  });
+  var click = useClick(context, {
+    enabled: eventType === "click"
+  });
+  var dismiss = useDismiss(context, {
+    enabled: eventType === "click",
+    ancestorScroll: shouldHideOnScroll
+  });
+  var _useInteractions = useInteractions([
+    hover,
+    click,
+    focus,
+    dismiss
+  ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
+  var _useTransitionStatus = useTransitionStatus(context, {
+    duration: {
+      close: 500
+    }
+  }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
+  var referenceProps = getReferenceProps({
+    ref: refs.setReference
+  });
+  var triggerElement = applyAction(trigger, _object_spread$Y({
+    isActive: isOpen,
+    isDisabled
+  }, !isTriggerWrapped ? referenceProps : void 0));
+  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))
-      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$P(_object_spread$Y({}, data), {
-        disabled: isDisabled ? true : void 0
-      }))), {
-        children: [
-          isReactNodeNotEmpty(icon) && /* @__PURE__ */ jsx("span", {
-            className: classes.icon,
-            children: renderIcon(icon)
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: classes.content,
-            children: item
+      isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+        className: clsx(classes.trigger, _define_property$_({}, classes.disabled, isDisabled))
+      }, referenceProps, addDataTestId(testId), addDataAttributes(data)), {
+        children: triggerElement
+      })) : triggerElement,
+      isMounted && /* @__PURE__ */ jsx(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: isFunction$1(children) ? children({
+              onClose: handleClose
+            }) : children
           })
-        ]
-      })),
-      shouldDrawSpacerBelow && /* @__PURE__ */ jsx("div", {
-        className: classes.spacer
+        }))
       })
     ]
   });
@@ -7942,20 +8059,11 @@ var ListItem = function(param) {
 var ITEM_HORIZONTAL_PADDING = 16;
 var ICON_SIZE$1 = 20;
 var ICON_GAP = 12;
-var useStyles$T = createThemedStyles("List", {
+var useStyles$T = createThemedStyles("ListItem", {
   root: {
-    minWidth: 180,
-    backgroundColor: colors.CLASSIC_WHITE,
-    padding: [
-      8,
-      0
-    ],
-    listStyle: "none",
-    margin: 0
-  },
-  item: {
     display: "flex",
     alignItems: "center",
+    gap: ICON_GAP,
     boxSizing: "border-box",
     fontSize: 16,
     whiteSpace: "nowrap",
@@ -7968,6 +8076,9 @@ var useStyles$T = createThemedStyles("List", {
     transitionProperty: "background-color",
     cursor: "pointer"
   },
+  default: {},
+  destructive: {},
+  focused: {},
   disabledItem: {
     cursor: "default"
   },
@@ -7981,10 +8092,11 @@ var useStyles$T = createThemedStyles("List", {
   icon: {
     width: ICON_SIZE$1,
     height: ICON_SIZE$1,
-    marginRight: ICON_GAP,
     flexShrink: 0
   },
-  content: {}
+  content: {
+    flexGrow: 1
+  }
 });
 function _define_property$Z(obj, key, value) {
   if (key in obj) {
@@ -8038,48 +8150,83 @@ function _object_spread_props$O(target, source) {
   }
   return target;
 }
-var List = function(param) {
-  var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
+var ListItem = function(param) {
+  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 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({
-    className: classes.root
-  }, addDataTestId(testId), addDataAttributes(data)), {
-    children: items.map(function(item, i) {
-      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$O(_object_spread$X({
-        testId: getTestId(testId, "item-".concat(i))
-      }, item), {
-        onClick: function(event) {
-          return handleItemClick(event, item);
-        }
-      }), i);
-    })
-  }));
-};
-var ANIMATION_TIMEOUT = 150;
-function _define_property$Y(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread$W(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") {
+  var _obj2;
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
+        className: classes.spacer
+      }),
+      /* @__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))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$O(_object_spread$X({}, data), {
+        disabled: isDisabled ? true : void 0
+      }))), {
+        children: [
+          isReactNodeNotEmpty(icon) && /* @__PURE__ */ jsx("span", {
+            className: classes.icon,
+            children: renderIcon(icon)
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: classes.content,
+            children: item
+          }),
+          isArrayNotEmpty(nestedItems) && /* @__PURE__ */ jsx("span", {
+            className: classes.icon,
+            children: /* @__PURE__ */ jsx(Icon, {
+              type: "chevron-right"
+            })
+          })
+        ]
+      })),
+      shouldDrawSpacerBelow && /* @__PURE__ */ jsx("div", {
+        className: classes.spacer
+      })
+    ]
+  });
+};
+var useStyles$S = createThemedStyles("List", {
+  root: {
+    minWidth: 180,
+    backgroundColor: colors.CLASSIC_WHITE,
+    padding: [
+      8,
+      0
+    ],
+    listStyle: "none",
+    margin: 0
+  },
+  nestedItems: {
+    paddingLeft: 4
+  }
+});
+var withPopupStyles = {
+  trigger: {
+    width: "100%"
+  }
+};
+function _define_property$Y(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread$W(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;
       }));
@@ -8090,7 +8237,104 @@ function _object_spread$W(target) {
   }
   return target;
 }
-var useStyles$S = createThemedStyles("AccountInfo", _object_spread$W({
+function ownKeys$N(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _object_spread_props$N(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys$N(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var List = function(param) {
+  var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
+  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$N(_object_spread$W({
+    className: classes.root
+  }, addDataTestId(testId), addDataAttributes(data)), {
+    children: items.map(function(item, i) {
+      var itemProps = _object_spread_props$N(_object_spread$W({
+        testId: getTestId(item.testId, "item-".concat(i))
+      }, item), {
+        onClick: function(event) {
+          return handleItemClick(event, item);
+        }
+      });
+      return /* @__PURE__ */ jsx(Fragment$1, {
+        children: 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$X(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread$V(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$X(target, key, source[key]);
+    });
+  }
+  return target;
+}
+var useStyles$R = createThemedStyles("AccountInfo", _object_spread$V({
   root: {
     display: "flex"
   },
@@ -8133,18 +8377,18 @@ var useStyles$S = createThemedStyles("AccountInfo", _object_spread$W({
     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,
@@ -8157,7 +8401,7 @@ function _define_property$X(obj, key, value) {
   }
   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;
@@ -8185,10 +8429,10 @@ function _iterable_to_array_limit$n(arr, i) {
   }
   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);
@@ -8198,12 +8442,12 @@ function _object_spread$V(target) {
       }));
     }
     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);
@@ -8216,36 +8460,36 @@ function ownKeys$N(object, enumerableOnly) {
   }
   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({
@@ -8255,7 +8499,7 @@ var AccountInfo = function(param) {
   });
   var nameRef = useRef(null);
   var dropdownRef = useRef(null);
-  var _useState = _sliced_to_array$n(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+  var _useState = _sliced_to_array$m(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
   var toggleMenu = function(event) {
     event.stopPropagation();
     setIsMenuOpen(function(v) {
@@ -8265,7 +8509,7 @@ var AccountInfo = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8315,7 +8559,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$R = createThemedStyles("AddButton", {
+var useStyles$Q = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -8341,7 +8585,7 @@ var useStyles$R = createThemedStyles("AddButton", {
     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,
@@ -8354,7 +8598,7 @@ function _define_property$W(obj, key, value) {
   }
   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);
@@ -8364,12 +8608,12 @@ function _object_spread$U(target) {
       }));
     }
     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);
@@ -8382,12 +8626,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8395,10 +8639,10 @@ function _object_spread_props$M(target, source) {
 }
 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,
@@ -8417,7 +8661,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$Q = createThemedStyles("DotsPreloader", {
+var useStyles$P = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -8463,7 +8707,7 @@ var useStyles$Q = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$Q({
+  var classes = useStyles$P({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -8529,7 +8773,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$P = createThemedStyles("SvgPreloader", {
+var useStyles$O = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -8539,7 +8783,7 @@ var useStyles$P = createThemedStyles("SvgPreloader", {
 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 = useContext(ThemeContext).theme;
@@ -8553,7 +8797,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$O = createThemedStyles("ThemedPreloader", {
+var useStyles$N = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -8564,7 +8808,7 @@ var useStyles$O = createThemedStyles("ThemedPreloader", {
     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,
@@ -8577,7 +8821,7 @@ function _define_property$V(obj, key, value) {
   }
   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);
@@ -8587,12 +8831,12 @@ function _object_spread$T(target) {
       }));
     }
     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);
@@ -8605,12 +8849,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8618,7 +8862,7 @@ function _object_spread_props$L(target, source) {
 }
 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({
@@ -8631,8 +8875,8 @@ var ThemedPreloader = function(param) {
     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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -8642,7 +8886,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$N = createThemedStyles("Button", {
+var useStyles$M = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -8813,7 +9057,7 @@ var dotsPreloaderStyles = {
 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,
@@ -8826,7 +9070,7 @@ function _define_property$U(obj, key, value) {
   }
   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);
@@ -8836,12 +9080,12 @@ function _object_spread$S(target) {
       }));
     }
     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);
@@ -8854,12 +9098,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8916,7 +9160,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "iconPosition",
     "preloaderType"
   ]);
-  var classes = useStyles$N({
+  var classes = useStyles$M({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -8929,16 +9173,16 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj2, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$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, 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,
@@ -8961,7 +9205,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ]
   }));
 });
-var useStyles$M = createThemedStyles("Checkbox", {
+var useStyles$L = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -8999,7 +9243,7 @@ var useStyles$M = createThemedStyles("Checkbox", {
     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,
@@ -9012,7 +9256,7 @@ function _define_property$T(obj, key, value) {
   }
   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);
@@ -9022,12 +9266,12 @@ function _object_spread$R(target) {
       }));
     }
     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);
@@ -9040,12 +9284,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9053,7 +9297,7 @@ function _object_spread_props$J(target, source) {
 }
 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;
@@ -9065,11 +9309,11 @@ function Checkbox(param) {
     }, 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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$R({
+      /* @__PURE__ */ jsx("input", _object_spread$Q({
         className: classes.input,
         type: "checkbox",
         checked: isSelected,
@@ -9092,7 +9336,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$L = createThemedStyles("CloseButton", {
+var useStyles$K = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -9118,7 +9362,7 @@ var useStyles$L = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$S(obj, key, value) {
+function _define_property$R(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9131,7 +9375,7 @@ function _define_property$S(obj, key, value) {
   }
   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);
@@ -9141,12 +9385,12 @@ function _object_spread$Q(target) {
       }));
     }
     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);
@@ -9159,12 +9403,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9172,10 +9416,10 @@ function _object_spread_props$I(target, source) {
 }
 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
@@ -9185,7 +9429,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$K = createThemedStyles({
+var useStyles$J = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -9219,18 +9463,18 @@ var useStyles$K = createThemedStyles({
     ]
   }
 });
-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;
@@ -9258,33 +9502,33 @@ function _iterable_to_array_limit$m(arr, i) {
   }
   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 = 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,
@@ -9308,7 +9552,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$J = createThemedStyles("CssBaseline", {
+var useStyles$I = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -9317,7 +9561,7 @@ var useStyles$J = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$R(obj, key, value) {
+function _define_property$Q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9330,7 +9574,7 @@ function _define_property$R(obj, key, value) {
   }
   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);
@@ -9340,24 +9584,24 @@ function _object_spread$P(target) {
       }));
     }
     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
   }, 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",
@@ -9631,14 +9875,14 @@ var useStyles$I = createThemedStyles("Input", {
   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;
 }
@@ -9671,7 +9915,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$Q(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9684,7 +9928,7 @@ function _define_property$Q(obj, key, value) {
   }
   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;
@@ -9712,10 +9956,10 @@ function _iterable_to_array_limit$l(arr, i) {
   }
   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);
@@ -9725,12 +9969,12 @@ function _object_spread$O(target) {
       }));
     }
     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);
@@ -9743,12 +9987,12 @@ function ownKeys$H(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9786,21 +10030,21 @@ function _object_without_properties_loose$f(source, excluded) {
   }
   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, _ = {
@@ -9942,7 +10186,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "shouldAlwaysShowPlaceholder",
     "beforeMaskedStateChange"
   ]);
-  var classes = useStyles$I({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -9950,7 +10194,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     className: "tweakPreloader",
     currentComponentName: "Input"
   });
-  var _useState = _sliced_to_array$l(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+  var _useState = _sliced_to_array$k(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var inputRef = useRef(null);
   var handleChange = function(event) {
     onChange(event.currentTarget.value, event);
@@ -9993,11 +10237,12 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasValue = value !== void 0 && value !== "";
   var hasUnits = units !== void 0 && units !== "";
   var hasLabel = isReactNodeNotEmpty(label);
-  var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
+  var isLabelActive = hasFocus && !isReadonly || hasValue || shouldAlwaysShowPlaceholder;
+  var hasPlaceholder = (!hasLabel || isLabelActive) && isStringNotEmpty(placeholder);
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj2;
-  var props = _object_spread_props$H(_object_spread$O({}, inputProps, 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, 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,
@@ -10013,14 +10258,14 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   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,
@@ -10028,12 +10273,12 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
             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,
@@ -10065,7 +10310,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 })
               }),
               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)
               })
@@ -10086,7 +10331,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 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%",
@@ -10094,7 +10339,7 @@ var useStyles$H = createThemedStyles("DateInput", {
     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,
@@ -10107,7 +10352,7 @@ function _define_property$P(obj, key, value) {
   }
   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);
@@ -10117,12 +10362,12 @@ function _object_spread$N(target) {
       }));
     }
     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);
@@ -10135,12 +10380,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10192,7 +10437,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$H({
+  var classes = useStyles$G({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10219,11 +10464,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$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",
@@ -10236,7 +10481,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 const reactDatepicker = "";
 var LEFT_PADDING = 44;
-var useStyles$G = createThemedStyles("SearchInput", {
+var useStyles$F = createThemedStyles("SearchInput", {
   root: {
     position: "relative"
   },
@@ -10273,7 +10518,7 @@ var inputStyles$4 = {
     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,
@@ -10286,7 +10531,7 @@ function _define_property$O(obj, key, value) {
   }
   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);
@@ -10296,12 +10541,12 @@ function _object_spread$M(target) {
       }));
     }
     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);
@@ -10314,12 +10559,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10364,7 +10609,7 @@ var SearchInput = function(_param) {
     "testId",
     "data"
   ]);
-  var classes = useStyles$G({
+  var classes = useStyles$F({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10373,7 +10618,7 @@ var SearchInput = function(_param) {
     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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10383,7 +10628,7 @@ var SearchInput = function(_param) {
           type: "search"
         })
       }),
-      /* @__PURE__ */ jsx(Input, _object_spread$M({
+      /* @__PURE__ */ jsx(Input, _object_spread$L({
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
         testId: getTestId(testId, "input"),
@@ -10431,7 +10676,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _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,
@@ -10464,7 +10709,7 @@ function _inherits(subClass, superClass) {
   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);
@@ -10474,7 +10719,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
@@ -10563,8 +10808,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$N(_assert_this_initialized(_this), "node", createRef());
-    _define_property$N(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$M(_assert_this_initialized(_this), "node", 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) {
@@ -10606,7 +10851,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
           "children",
           "options"
         ]);
-        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$L({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$K({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -10614,10 +10859,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(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,
@@ -10630,7 +10875,7 @@ function _define_property$M(obj, key, value) {
   }
   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);
@@ -10640,7 +10885,7 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
@@ -10651,7 +10896,7 @@ var CELL_PADDING = [
   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)",
@@ -10671,7 +10916,7 @@ var useStyles$F = createThemedStyles("SelectList", {
   },
   listHeader: {},
   listFooter: {},
-  list: _object_spread$K({
+  list: _object_spread$J({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -10714,7 +10959,7 @@ var checkboxStyles$1 = {
     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,
@@ -10727,7 +10972,7 @@ function _define_property$L(obj, key, value) {
   }
   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);
@@ -10737,12 +10982,12 @@ function _object_spread$J(target) {
       }));
     }
     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);
@@ -10755,12 +11000,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10780,12 +11025,12 @@ var SelectListItem = function(param) {
     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,
@@ -10797,7 +11042,7 @@ var SelectListItem = function(param) {
     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,
@@ -10810,7 +11055,7 @@ function _define_property$K(obj, key, value) {
   }
   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);
@@ -10820,12 +11065,12 @@ function _object_spread$I(target) {
       }));
     }
     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);
@@ -10838,12 +11083,12 @@ function ownKeys$D(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10851,7 +11096,7 @@ function _object_spread_props$D(target, source) {
 }
 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 = isReactNodeNotEmpty(customListHeader);
@@ -10880,13 +11125,13 @@ function SelectList(param) {
   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
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10962,7 +11207,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
     return 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",
@@ -11068,20 +11313,20 @@ var searchInputStyles$3 = {
     }
   }
 };
-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 {
@@ -11112,7 +11357,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$J(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11125,11 +11370,11 @@ function _define_property$J(obj, key, value) {
   }
   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;
@@ -11157,13 +11402,13 @@ function _iterable_to_array_limit$k(arr, i) {
   }
   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);
@@ -11173,12 +11418,12 @@ function _object_spread$H(target) {
       }));
     }
     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);
@@ -11191,12 +11436,12 @@ function ownKeys$C(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -11234,24 +11479,24 @@ function _object_without_properties_loose$b(source, excluded) {
   }
   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, _ = {
@@ -11391,7 +11636,7 @@ function Select(props) {
     "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, [
@@ -11420,12 +11665,12 @@ function Select(props) {
     currentComponentName: "Select"
   });
   var isMounted = useIsMounted();
-  var _useState = _sliced_to_array$k(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-  var _useState1 = _sliced_to_array$k(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+  var _useState = _sliced_to_array$j(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
+  var _useState1 = _sliced_to_array$j(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
   var hasDefaultOption = isReactNodeNotEmpty(defaultOptionLabel);
-  var _useState2 = _sliced_to_array$k(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-  var _useState3 = _sliced_to_array$k(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-  var _useState4 = _sliced_to_array$k(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+  var _useState2 = _sliced_to_array$j(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+  var _useState3 = _sliced_to_array$j(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
+  var _useState4 = _sliced_to_array$j(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
   var root2 = useRef(null);
   var inputWrapper = useRef(null);
   var list = useRef(null);
@@ -11578,7 +11823,7 @@ function Select(props) {
     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
       ])
     ) : (
@@ -11756,7 +12001,7 @@ function Select(props) {
   }, [
     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,
@@ -11769,8 +12014,8 @@ function Select(props) {
     ]
   });
   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,
@@ -11826,7 +12071,7 @@ function Select(props) {
         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,
@@ -11863,7 +12108,7 @@ function Select(props) {
 }
 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,
@@ -11932,7 +12177,7 @@ var selectStyles$1 = {
 };
 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({
@@ -12041,7 +12286,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$C = createThemedStyles("DatePicker", {
+var useStyles$B = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -12064,18 +12309,18 @@ var useStyles$C = createThemedStyles("DatePicker", {
     }
   }
 });
-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,
@@ -12088,7 +12333,7 @@ function _define_property$I(obj, key, value) {
   }
   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;
@@ -12116,10 +12361,10 @@ function _iterable_to_array_limit$j(arr, i) {
   }
   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);
@@ -12129,12 +12374,12 @@ function _object_spread$G(target) {
       }));
     }
     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);
@@ -12147,12 +12392,12 @@ function ownKeys$B(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -12190,21 +12435,21 @@ function _object_without_properties_loose$a(source, excluded) {
   }
   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__ */ 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, [
@@ -12255,7 +12500,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$C({
+  var classes = useStyles$B({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -12271,14 +12516,14 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     dateFormat
   ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-  var _useState = _sliced_to_array$j(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-  var _useState1 = _sliced_to_array$j(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-  var _useState2 = _sliced_to_array$j(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-  var _useState3 = _sliced_to_array$j(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-  var _useState4 = _sliced_to_array$j(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-  var _useState5 = _sliced_to_array$j(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+  var _useState = _sliced_to_array$i(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState1 = _sliced_to_array$i(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+  var _useState2 = _sliced_to_array$i(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+  var _useState3 = _sliced_to_array$i(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+  var _useState4 = _sliced_to_array$i(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+  var _useState5 = _sliced_to_array$i(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : 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,
@@ -12376,10 +12621,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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,
@@ -12410,9 +12655,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       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
         }));
       },
@@ -12450,7 +12695,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$B = createThemedStyles("Description", {
+var useStyles$A = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -12480,18 +12725,18 @@ var useStyles$B = createThemedStyles("Description", {
     }
   }
 });
-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,
@@ -12504,7 +12749,7 @@ function _define_property$H(obj, key, value) {
   }
   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;
@@ -12532,10 +12777,10 @@ function _iterable_to_array_limit$i(arr, i) {
   }
   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);
@@ -12545,12 +12790,12 @@ function _object_spread$F(target) {
       }));
     }
     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);
@@ -12563,45 +12808,45 @@ function ownKeys$A(object, enumerableOnly) {
   }
   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(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState = _sliced_to_array$h(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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -12640,7 +12885,7 @@ var blockEvent = function(event) {
   event.preventDefault();
   event.stopPropagation();
 };
-var useStyles$A = createThemedStyles("FileInput", {
+var useStyles$z = createThemedStyles("FileInput", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -12708,22 +12953,22 @@ var useStyles$A = createThemedStyles("FileInput", {
     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,
@@ -12736,11 +12981,11 @@ function _define_property$G(obj, key, value) {
   }
   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;
@@ -12768,13 +13013,13 @@ function _iterable_to_array_limit$h(arr, i) {
   }
   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);
@@ -12784,12 +13029,12 @@ function _object_spread$E(target) {
       }));
     }
     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);
@@ -12802,47 +13047,47 @@ function ownKeys$z(object, enumerableOnly) {
   }
   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__ */ 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(useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
+  var _useState = _sliced_to_array$g(useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
   var handleAdd = function(files) {
     if (isDisabled || 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);
@@ -12866,16 +13111,16 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
     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), addDataTestId(testId)), {
     children: [
       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: [
           isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -12884,7 +13129,7 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
           }),
           /* @__PURE__ */ jsx("label", {
             className: classes.inputLabel,
-            children: /* @__PURE__ */ jsx("input", _object_spread$E({
+            children: /* @__PURE__ */ jsx("input", _object_spread$D({
               ref,
               type: "file",
               value: "",
@@ -12911,7 +13156,7 @@ FileInput.displayName = "FileInput";
 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",
@@ -12973,7 +13218,7 @@ var useStyles$z = createThemedStyles("IconButton", {
     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,
@@ -12986,7 +13231,7 @@ function _define_property$F(obj, key, value) {
   }
   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);
@@ -12996,12 +13241,12 @@ function _object_spread$D(target) {
       }));
     }
     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);
@@ -13014,12 +13259,12 @@ function ownKeys$y(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13071,14 +13316,14 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "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
@@ -13095,7 +13340,7 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     })
   }));
 });
-var useStyles$y = createThemedStyles("Tooltip", {
+var useStyles$x = createThemedStyles("Tooltip", {
   root: {
     display: "inline-block",
     boxSizing: "border-box"
@@ -13137,7 +13382,7 @@ var useStyles$y = createThemedStyles("Tooltip", {
     }
   }
 });
-function _define_property$E(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13150,7 +13395,7 @@ function _define_property$E(obj, key, value) {
   }
   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);
@@ -13160,12 +13405,12 @@ function _object_spread$C(target) {
       }));
     }
     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);
@@ -13178,12 +13423,12 @@ function ownKeys$x(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13191,16 +13436,16 @@ function _object_spread_props$x(target, source) {
 }
 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])
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: text
   }));
 };
-var useStyles$x = createThemedStyles("TextWithTooltip", {
+var useStyles$w = createThemedStyles("TextWithTooltip", {
   root: {
     position: "relative"
   },
@@ -13211,22 +13456,22 @@ var useStyles$x = createThemedStyles("TextWithTooltip", {
     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,
@@ -13239,11 +13484,11 @@ function _define_property$D(obj, key, value) {
   }
   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;
@@ -13271,13 +13516,13 @@ function _iterable_to_array_limit$g(arr, i) {
   }
   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);
@@ -13287,12 +13532,12 @@ function _object_spread$B(target) {
       }));
     }
     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);
@@ -13305,39 +13550,39 @@ function ownKeys$w(object, enumerableOnly) {
   }
   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({
@@ -13345,8 +13590,8 @@ var TextWithTooltip = function(param) {
     className: "tweakTooltip",
     currentComponentName: "TextWithTooltip"
   });
-  var _useState = _sliced_to_array$g(useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
-  var _useState1 = _sliced_to_array$g(useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
+  var _useState = _sliced_to_array$f(useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
+  var _useState1 = _sliced_to_array$f(useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
   var root2 = useRef(null);
   var tooltip = useRef(null);
   var hasDelay = hoverDelay !== void 0;
@@ -13377,14 +13622,14 @@ var TextWithTooltip = function(param) {
     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") {
@@ -13400,14 +13645,14 @@ var TextWithTooltip = function(param) {
     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, addDataTestId(testId), addDataAttributes(data)), {
     ref: root2,
     children: [
       shouldShowTooltip && /* @__PURE__ */ jsx(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), {
@@ -13424,7 +13669,7 @@ var TextWithTooltip = function(param) {
     ]
   }));
 };
-function _define_property$C(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13439,7 +13684,7 @@ function _define_property$C(obj, key, value) {
 }
 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;
@@ -13459,7 +13704,7 @@ var getFileIcon = function(param) {
   }
   return FILE_ICON_DEFAULT;
 };
-var useStyles$w = createThemedStyles("FileItem", {
+var useStyles$v = createThemedStyles("FileItem", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -13555,7 +13800,7 @@ var themedPreloaderStyles = {
     }
   }
 };
-function _define_property$B(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13568,7 +13813,7 @@ function _define_property$B(obj, key, value) {
   }
   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);
@@ -13578,12 +13823,12 @@ function _object_spread$A(target) {
       }));
     }
     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);
@@ -13596,12 +13841,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13609,7 +13854,7 @@ function _object_spread_props$v(target, source) {
 }
 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({
@@ -13641,8 +13886,8 @@ var FileItem = function(param) {
   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))
       }, addDataTestId(testId), addDataAttributes(data), addClickHandler(handleClick, !isDisabled)), {
         children: [
           /* @__PURE__ */ jsx("div", {
@@ -13883,14 +14128,14 @@ var constructRegExp = function(param) {
   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;
 }
@@ -13923,7 +14168,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$A(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13936,7 +14181,7 @@ function _define_property$A(obj, key, value) {
   }
   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;
@@ -13964,10 +14209,10 @@ function _iterable_to_array_limit$f(arr, i) {
   }
   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);
@@ -13977,7 +14222,7 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
@@ -14014,21 +14259,21 @@ function _object_without_properties_loose$8(source, excluded) {
   }
   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, _ = {
@@ -14145,10 +14390,10 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "min",
     "max"
   ]);
-  var _useState = _sliced_to_array$f(useState(function() {
+  var _useState = _sliced_to_array$e(useState(function() {
     return formatNumberWithDefault(value, defaultValue);
   }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-  var _useState1 = _sliced_to_array$f(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+  var _useState1 = _sliced_to_array$e(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
   var handleKeyDown = function(event) {
     setIsDeleteForwardAction(event.key === "Delete");
   };
@@ -14236,7 +14481,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$z({
+  return /* @__PURE__ */ jsx(Input, _object_spread$y({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -14514,7 +14759,7 @@ function cloneDeep(value) {
   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",
@@ -14580,7 +14825,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$u = createThemedStyles("FilterInterval", {
+var useStyles$t = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -14623,7 +14868,7 @@ var inputStyles$3 = {
   }
 };
 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,
@@ -14636,7 +14881,7 @@ function _define_property$z(obj, key, value) {
   }
   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);
@@ -14646,12 +14891,12 @@ function _object_spread$y(target) {
       }));
     }
     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);
@@ -14664,12 +14909,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14677,7 +14922,7 @@ function _object_spread_props$u(target, source) {
 }
 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 = useMemo(function() {
@@ -14721,7 +14966,7 @@ var FilterInterval = function(param) {
     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: [
@@ -14818,7 +15063,7 @@ var getLocale = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
   return merge$1({}, MultiSelectLocales[key], custom, custom2);
 };
-function _define_property$y(obj, key, value) {
+function _define_property$x(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14831,7 +15076,7 @@ function _define_property$y(obj, key, value) {
   }
   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);
@@ -14841,19 +15086,19 @@ function _object_spread$x(target) {
       }));
     }
     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"
@@ -14966,20 +15211,20 @@ var clearButtonStyles$2 = {
     }
   }
 };
-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 {
@@ -15010,7 +15255,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$x(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15023,11 +15268,11 @@ function _define_property$x(obj, key, value) {
   }
   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;
@@ -15055,13 +15300,13 @@ function _iterable_to_array_limit$e(arr, i) {
   }
   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);
@@ -15071,12 +15316,12 @@ function _object_spread$w(target) {
       }));
     }
     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);
@@ -15089,35 +15334,35 @@ function ownKeys$t(object, enumerableOnly) {
   }
   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, _ = {
@@ -15224,7 +15469,7 @@ function _ts_generator$2(thisArg, body) {
 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({
@@ -15245,13 +15490,13 @@ function MultiSelectList(param) {
     className: "tweakClearButton",
     currentComponentName: "MultiSelectList"
   });
-  var _useState = _sliced_to_array$e(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-  var _useState1 = _sliced_to_array$e(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-  var _useState2 = _sliced_to_array$e(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-  var _useState3 = _sliced_to_array$e(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-  var _useState4 = _sliced_to_array$e(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-  var _useState5 = _sliced_to_array$e(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-  var _useState6 = _sliced_to_array$e(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+  var _useState = _sliced_to_array$d(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+  var _useState1 = _sliced_to_array$d(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+  var _useState2 = _sliced_to_array$d(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+  var _useState3 = _sliced_to_array$d(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+  var _useState4 = _sliced_to_array$d(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+  var _useState5 = _sliced_to_array$d(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+  var _useState6 = _sliced_to_array$d(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
   var observer = useRef();
   var chosenValues = value === null || value === void 0 ? void 0 : value.include;
   var translates = useMemo(function() {
@@ -15364,7 +15609,7 @@ function MultiSelectList(param) {
     var checkboxValue = param2.value, isSelected = param2.isSelected;
     if (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);
@@ -15396,14 +15641,14 @@ function MultiSelectList(param) {
       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]
             ])
           }));
@@ -15451,7 +15696,7 @@ function MultiSelectList(param) {
             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) {
@@ -15601,7 +15846,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (isArrayNotEmpty(unchosenOptions) || !isArrayNotEmpty(allOptions));
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && (isArrayNotEmpty(allOptions) || isArrayNotEmpty(chosenValues));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$w({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$v({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -15705,7 +15950,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$w(obj, key, value) {
+function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15718,7 +15963,7 @@ function _define_property$w(obj, key, value) {
   }
   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);
@@ -15728,15 +15973,15 @@ function _object_spread$v(target) {
       }));
     }
     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,
@@ -15749,7 +15994,7 @@ function _define_property$v(obj, key, value) {
   }
   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);
@@ -15759,19 +16004,19 @@ function _object_spread$u(target) {
       }));
     }
     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,
@@ -15900,20 +16145,20 @@ var searchInputStyles$1 = {
   }
 };
 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 {
@@ -15944,7 +16189,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$u(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15957,11 +16202,11 @@ function _define_property$u(obj, key, value) {
   }
   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;
@@ -15989,13 +16234,13 @@ function _iterable_to_array_limit$d(arr, i) {
   }
   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);
@@ -16005,12 +16250,12 @@ function _object_spread$t(target) {
       }));
     }
     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);
@@ -16023,35 +16268,35 @@ function ownKeys$s(object, enumerableOnly) {
   }
   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, _ = {
@@ -16157,7 +16402,7 @@ function _ts_generator$1(thisArg, body) {
 }
 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({
@@ -16180,12 +16425,12 @@ function FilterSelect(param) {
     locale2
   ]);
   var observer = useRef();
-  var _useState = _sliced_to_array$d(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-  var _useState1 = _sliced_to_array$d(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-  var _useState2 = _sliced_to_array$d(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-  var _useState3 = _sliced_to_array$d(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-  var _useState4 = _sliced_to_array$d(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-  var _useState5 = _sliced_to_array$d(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+  var _useState = _sliced_to_array$c(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+  var _useState1 = _sliced_to_array$c(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+  var _useState2 = _sliced_to_array$c(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+  var _useState3 = _sliced_to_array$c(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+  var _useState4 = _sliced_to_array$c(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+  var _useState5 = _sliced_to_array$c(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var hasFooter = isReactNodeNotEmpty(footer);
   var handleSearchInputChange = useCallback(function() {
@@ -16301,7 +16546,7 @@ function FilterSelect(param) {
             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);
@@ -16432,7 +16677,7 @@ function FilterSelect(param) {
     }();
     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: [
@@ -16532,7 +16777,7 @@ function FilterSelect(param) {
             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,
@@ -17645,7 +17890,7 @@ var locale = {
   }
 };
 const ru = locale;
-var useStyles$r = createThemedStyles("FilterWithDates", {
+var useStyles$q = createThemedStyles("FilterWithDates", {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -17701,18 +17946,18 @@ var endDatePickerWithButtonStyles = {
     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,
@@ -17725,7 +17970,7 @@ function _define_property$t(obj, key, value) {
   }
   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;
@@ -17753,10 +17998,10 @@ function _iterable_to_array_limit$c(arr, i) {
   }
   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);
@@ -17766,12 +18011,12 @@ function _object_spread$s(target) {
       }));
     }
     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);
@@ -17784,36 +18029,36 @@ function ownKeys$r(object, enumerableOnly) {
   }
   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({
@@ -17841,8 +18086,8 @@ var FilterWithDates = function(param) {
     className: "tweakEndDatePicker",
     currentComponentName: "FilterWithDates"
   });
-  var _useState = _sliced_to_array$c(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-  var _useState1 = _sliced_to_array$c(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+  var _useState = _sliced_to_array$b(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+  var _useState1 = _sliced_to_array$b(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
   var ref = useRef(null);
   var dateLocale = localeKey === "ru" ? ru : enUS;
   var translates = useMemo(function() {
@@ -17900,7 +18145,7 @@ var FilterWithDates = function(param) {
     }
   };
   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: [
@@ -17909,7 +18154,7 @@ var FilterWithDates = function(param) {
         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,
@@ -17924,7 +18169,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__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,
@@ -17980,7 +18225,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$q = createThemedStyles("FilterWithPeriod", {
+var useStyles$p = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -17990,22 +18235,22 @@ var filterSelectStyles = {
     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,
@@ -18018,11 +18263,11 @@ function _define_property$s(obj, key, value) {
   }
   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;
@@ -18050,13 +18295,13 @@ function _iterable_to_array_limit$b(arr, i) {
   }
   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);
@@ -18066,12 +18311,12 @@ function _object_spread$r(target) {
       }));
     }
     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);
@@ -18084,39 +18329,39 @@ function ownKeys$q(object, enumerableOnly) {
   }
   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 = useMemo(function() {
@@ -18125,11 +18370,11 @@ var FilterWithPeriod = function(param) {
     localeKey,
     locale2
   ]);
-  var _useState = _sliced_to_array$b(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-  var _useState1 = _sliced_to_array$b(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-  var _useState2 = _sliced_to_array$b(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+  var _useState = _sliced_to_array$a(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+  var _useState1 = _sliced_to_array$a(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+  var _useState2 = _sliced_to_array$a(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = 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];
@@ -18141,7 +18386,7 @@ var FilterWithPeriod = function(param) {
   ]);
   var periodsList = 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;
@@ -18175,7 +18420,7 @@ var FilterWithPeriod = function(param) {
       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)
       }));
     }
@@ -18195,7 +18440,7 @@ var FilterWithPeriod = function(param) {
   };
   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 {
@@ -18267,7 +18512,7 @@ var FilterWithPeriod = function(param) {
     ]
   });
 };
-function _define_property$r(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18280,7 +18525,7 @@ function _define_property$r(obj, key, value) {
   }
   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);
@@ -18290,12 +18535,12 @@ function _object_spread$q(target) {
       }));
     }
     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);
@@ -18308,12 +18553,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18331,7 +18576,7 @@ function Filter(props) {
     filter.locale
   ]);
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$p({
       value,
       onChange,
       onClose,
@@ -18341,8 +18586,8 @@ function Filter(props) {
     }, 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,
@@ -18355,10 +18600,10 @@ function Filter(props) {
       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"
           }));
         },
@@ -18372,7 +18617,7 @@ function Filter(props) {
     });
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$p({
       value,
       onChange,
       onClose,
@@ -18382,7 +18627,7 @@ function Filter(props) {
     }, filter));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx(FilterInterval, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterInterval, _object_spread$p({
       value,
       onChange,
       localeKey: translatesLocaleKey,
@@ -18396,14 +18641,14 @@ function Filter(props) {
   }
   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",
@@ -18501,18 +18746,18 @@ var selectStyles = {
     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,
@@ -18525,7 +18770,7 @@ function _define_property$q(obj, key, value) {
   }
   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;
@@ -18553,10 +18798,10 @@ function _iterable_to_array_limit$a(arr, i) {
   }
   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);
@@ -18566,12 +18811,12 @@ function _object_spread$p(target) {
       }));
     }
     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);
@@ -18584,36 +18829,36 @@ function ownKeys$o(object, enumerableOnly) {
   }
   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({
@@ -18628,8 +18873,8 @@ function FiltersPaneSearch(param) {
     className: "tweakSelect",
     currentComponentName: "FiltersPaneSearch"
   });
-  var _useState = _sliced_to_array$a(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-  var _useState1 = _sliced_to_array$a(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+  var _useState = _sliced_to_array$9(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+  var _useState1 = _sliced_to_array$9(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
   var refRoot = useRef(null);
   var translates = useMemo(function() {
     return getLocale$1(localeKey, locale2);
@@ -18659,8 +18904,8 @@ function FiltersPaneSearch(param) {
     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)), {
@@ -18725,7 +18970,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$o = createThemedStyles("FilterValueView", {
+var useStyles$n = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -18744,7 +18989,7 @@ function _instanceof$1(left2, right2) {
 }
 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;
@@ -18895,247 +19140,6 @@ function FilterValueView(param) {
     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(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 = useFloating({
-    open: isOpen,
-    middleware: [
-      offset$2(popupOffset)
-    ].concat(_to_consumable_array$1(canBeFlipped ? [
-      flip$2()
-    ] : []), _to_consumable_array$1(middlewares)),
-    whileElementsMounted: autoUpdate,
-    placement,
-    onOpenChange: handleToggle
-  }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-  var hover = useHover(context, {
-    enabled: eventType === "hover",
-    delay: typeof hoverDelay === "number" ? {
-      open: hoverDelay,
-      close: 0
-    } : hoverDelay,
-    handleClose: safePolygon()
-  });
-  var focus = useFocus(context, {
-    enabled: eventType === "hover"
-  });
-  var click = useClick(context, {
-    enabled: eventType === "click"
-  });
-  var dismiss = useDismiss(context, {
-    enabled: eventType === "click",
-    ancestorScroll: shouldHideOnScroll
-  });
-  var _useInteractions = useInteractions([
-    hover,
-    click,
-    focus,
-    dismiss
-  ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-  var _useTransitionStatus = useTransitionStatus(context, {
-    duration: {
-      close: 500
-    }
-  }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
-  var referenceProps = getReferenceProps({
-    ref: refs.setReference
-  });
-  var triggerElement = 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, addDataTestId(testId), addDataAttributes(data)), {
-        children: triggerElement
-      })) : triggerElement,
-      isMounted && /* @__PURE__ */ jsx(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: isFunction$1(children) ? children({
-              onClose: handleClose
-            }) : children
-          })
-        }))
-      })
-    ]
-  });
-};
 var isContentNotEmpty = function(value) {
   if (Array.isArray(value)) {
     return value.some(isContentNotEmpty);
@@ -19431,7 +19435,7 @@ function _object_spread_props$l(target, source) {
 }
 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({