@true-engineering/true-react-common-ui-kit 2.3.1 → 2.4.0

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

@@ -1,14 +1,14 @@
-import React, { useRef, useEffect, useCallback, createContext, useContext, useMemo, useState, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, useLayoutEffect } from "react";
+import React, { useRef, useEffect, useCallback, createContext, useContext, useMemo, useState, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, useLayoutEffect, memo } from "react";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import { isNotEmpty as isNotEmpty$1, isEmpty as isEmpty$1, isString, isStringNotEmpty as isStringNotEmpty$1, isNumberInteger, addClickHandler as addClickHandler$1, addDataTestId as addDataTestId$1, createFilter as createFilter$1, getSelectKeyHandler as getSelectKeyHandler$1, getTestId as getTestId$1, isReactNodeNotEmpty } from "@true-engineering/true-react-platform-helpers";
 import { createUseStyles } from "react-jss";
 import InputMask from "react-input-mask";
 import hexToRgba from "hex-to-rgba";
-import ReactDatePicker from "react-datepicker";
-import { Portal } from "react-overlays";
 import { getYear, getMonth, format as format$1, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
+import { Portal } from "react-overlays";
 import { debounce as debounce$1 } from "ts-debounce";
+import ReactDatePicker from "react-datepicker";
 import { hasFlag } from "country-flag-icons";
 import { RemoveScroll } from "react-remove-scroll";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
@@ -1125,7 +1125,7 @@ var minWidthModifier = {
     state.elements.popper.style.minWidth = "".concat(state.elements.reference.offsetWidth, "px");
   }
 };
-function _array_like_to_array$q(arr, len) {
+function _array_like_to_array$r(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -1134,7 +1134,7 @@ function _array_like_to_array$q(arr, len) {
 }
 function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$q(arr);
+    return _array_like_to_array$r(arr);
 }
 function _iterable_to_array$6(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
@@ -1144,20 +1144,20 @@ 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 _to_consumable_array$6(arr) {
-  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
+  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$6();
 }
-function _unsupported_iterable_to_array$q(o, minLen) {
+function _unsupported_iterable_to_array$r(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$q(o, minLen);
+    return _array_like_to_array$r(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$q(o, minLen);
+    return _array_like_to_array$r(o, minLen);
 }
 var findCountryByCode = function(countryCode) {
   var countriesList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : phoneInfo;
@@ -1240,18 +1240,18 @@ var getPhoneMask = function(countryCode) {
   }
   return mask;
 };
-function _array_like_to_array$p(arr, len) {
+function _array_like_to_array$q(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$o(arr) {
+function _array_with_holes$p(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$o(arr, i) {
+function _iterable_to_array_limit$p(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -1279,24 +1279,24 @@ function _iterable_to_array_limit$o(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$o() {
+function _non_iterable_rest$p() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$o(arr, i) {
-  return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$o();
+function _sliced_to_array$p(arr, i) {
+  return _array_with_holes$p(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$p();
 }
-function _unsupported_iterable_to_array$p(o, minLen) {
+function _unsupported_iterable_to_array$q(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$p(o, minLen);
+    return _array_like_to_array$q(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$p(o, minLen);
+    return _array_like_to_array$q(o, minLen);
 }
 var rgba = hexToRgba;
 var transformToKebab = function(string) {
@@ -1419,7 +1419,7 @@ var trimStringToMaxLength = function(val, maxLength) {
 var addDataAttributes = function() {
   var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return Object.fromEntries(Object.entries(data).map(function(param) {
-    var _param = _sliced_to_array$o(param, 2), key = _param[0], value = _param[1];
+    var _param = _sliced_to_array$p(param, 2), key = _param[0], value = _param[1];
     return isString(value) && isStringNotEmpty$1(value) || isNotEmpty$1(value) ? [
       "data-".concat(transformToKebab(key)),
       value
@@ -3854,7 +3854,7 @@ function usePopper(referenceElement, popperElement, _temp) {
   }, [enabled, referenceElement, popperElement]);
   return popperState;
 }
-function _array_like_to_array$o(arr, len) {
+function _array_like_to_array$p(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -3863,9 +3863,9 @@ function _array_like_to_array$o(arr, len) {
 }
 function _array_without_holes$5(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$o(arr);
+    return _array_like_to_array$p(arr);
 }
-function _define_property$P(obj, key, value) {
+function _define_property$Q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -3895,26 +3895,26 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$P(target, key, source[key]);
+      _define_property$Q(target, key, source[key]);
     });
   }
   return target;
 }
 function _to_consumable_array$5(arr) {
-  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
+  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$5();
 }
-function _unsupported_iterable_to_array$o(o, minLen) {
+function _unsupported_iterable_to_array$p(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$o(o, minLen);
+    return _array_like_to_array$p(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$o(o, minLen);
+    return _array_like_to_array$p(o, minLen);
 }
 var useDropdown = function(param) {
   var isOpen = param.isOpen, onDropdownClose = param.onDropdownClose, referenceElement = param.referenceElement, dropdownElement = param.dropdownElement, options = param.options, _param_dependenciesForPositionUpdating = param.dependenciesForPositionUpdating, dependenciesForPositionUpdating = _param_dependenciesForPositionUpdating === void 0 ? [] : _param_dependenciesForPositionUpdating;
@@ -4055,7 +4055,7 @@ const avatarGreen = `  <svg\r
 var complexIcons = {
   avatar: avatarGreen
 };
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4078,7 +4078,7 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
@@ -4086,26 +4086,23 @@ function _object_spread$M(target) {
 var ComplexIconBoilerplate = function(param) {
   var type = param.type;
   var theme = useContext(ThemeContext).theme;
-  var icons2 = useMemo(function() {
+  var icons = useMemo(function() {
     return _object_spread$M({}, complexIcons, theme.complexIcons);
   }, []);
-  var ComplexIcon = icons2[type];
+  var ComplexIcon = icons[type];
   return /* @__PURE__ */ jsx("div", {
     dangerouslySetInnerHTML: {
       __html: ComplexIcon
     }
   });
 };
-var styles$J = {
-  root: {
-    display: "flex",
-    alignItems: "center"
-  }
+var isComplexIcon = function(type) {
+  return type in complexIcons;
 };
 var checkIcons = function(ico) {
   return ico;
 };
-var icons = checkIcons({
+var iconsList = checkIcons({
   "vendor-service": {
     paths: [
       {
@@ -4928,7 +4925,7 @@ var icons = checkIcons({
     ]
   }
 });
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4951,7 +4948,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
@@ -4984,10 +4981,10 @@ var IconBoilerplate = function(param) {
   var type = param.type;
   var _icon_paths, _icon_rects, _icon_circles;
   var theme = useContext(ThemeContext).theme;
-  var icons$1 = useMemo(function() {
-    return _object_spread$L({}, icons, theme.icons);
+  var icons = useMemo(function() {
+    return _object_spread$L({}, iconsList, theme.icons);
   }, []);
-  var icon = icons$1[type];
+  var icon = icons[type];
   var _icon_viewBox, _path_fill, _path_stroke;
   return /* @__PURE__ */ jsxs("svg", {
     width: "100%",
@@ -5017,7 +5014,13 @@ var IconBoilerplate = function(param) {
     ]
   });
 };
-function _define_property$M(obj, key, value) {
+var styles$J = {
+  root: {
+    display: "flex",
+    alignItems: "center"
+  }
+};
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5040,7 +5043,7 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
@@ -5069,9 +5072,6 @@ function _object_spread_props$B(target, source) {
   }
   return target;
 }
-var isComplexIcon = function(type) {
-  return type in complexIcons;
-};
 var Icon = function(param) {
   var type = param.type, data = param.data, tweakStyles = param.tweakStyles;
   var classes = useTheme("Icon", styles$J, tweakStyles).classes;
@@ -5136,7 +5136,7 @@ var styles$I = {
   },
   content: {}
 };
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5159,7 +5159,7 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
@@ -5207,7 +5207,7 @@ var List = function(param) {
             className: classes.spacer
           }),
           /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$J({
-            className: clsx(classes.item, (_obj = {}, _define_property$L(_obj, classes.disabledItem, item.disabled), _define_property$L(_obj, classes.withIconGap, item.withIconGap), _obj)),
+            className: clsx(classes.item, (_obj = {}, _define_property$M(_obj, classes.disabledItem, item.disabled), _define_property$M(_obj, classes.withIconGap, item.withIconGap), _obj)),
             onClick: item.disabled ? void 0 : function() {
               return handleItemClick(item);
             }
@@ -5233,7 +5233,8 @@ var List = function(param) {
     })
   }));
 };
-function _define_property$K(obj, key, value) {
+var ANIMATION_TIMEOUT = 150;
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5256,7 +5257,7 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
@@ -5329,18 +5330,18 @@ var styles$H = _object_spread_props$z(_object_spread$I({
 }, animations.slideUp), {
   tweakList: {}
 });
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$o(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$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5353,7 +5354,7 @@ function _define_property$J(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$n(arr, i) {
+function _iterable_to_array_limit$o(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -5381,7 +5382,7 @@ function _iterable_to_array_limit$n(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$n() {
+function _non_iterable_rest$o() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$H(target) {
@@ -5394,7 +5395,7 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
@@ -5423,23 +5424,22 @@ function _object_spread_props$y(target, source) {
   }
   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$o(arr, i) {
+  return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$o(arr, i) || _non_iterable_rest$o();
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$o(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$o(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$o(o, minLen);
 }
-var ANIMATION_TIMEOUT = 150;
 var AccountInfo = function(param) {
   var data = param.data, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
   var _useTheme = useTheme("AccountInfo", styles$H, tweakStyles, {
@@ -5447,7 +5447,7 @@ var AccountInfo = function(param) {
   }), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   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$o(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
   var toggleMenu = function(event) {
     event.stopPropagation();
     setIsMenuOpen(function(v) {
@@ -5535,7 +5535,7 @@ var styles$G = {
     width: "100%"
   }
 };
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5558,7 +5558,7 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
@@ -5610,18 +5610,6 @@ var AddButton = function(param) {
   }));
 };
 var styles$F = {
-  root: {
-    display: "flex"
-  },
-  dots: {},
-  default: {},
-  logo: {},
-  currentColor: {
-    color: "currentColor"
-  },
-  tweakPreloaderComponent: {}
-};
-var styles$E = {
   root: {
     display: "flex",
     gap: 4,
@@ -5666,7 +5654,7 @@ var styles$E = {
 };
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useTheme("DotsPreloader", styles$E, tweakStyles).classes;
+  var classes = useTheme("DotsPreloader", styles$F, tweakStyles).classes;
   return /* @__PURE__ */ jsx("div", {
     className: classes.root,
     children: /* @__PURE__ */ jsx("span", {
@@ -5730,7 +5718,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var styles$D = {
+var styles$E = {
   root: {
     display: "flex",
     width: "100%",
@@ -5740,7 +5728,7 @@ var styles$D = {
 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 = useTheme("SvgPreloader", styles$D, tweakStyles).classes;
+  var classes = useTheme("SvgPreloader", styles$E, tweakStyles).classes;
   var theme = useContext(ThemeContext).theme;
   var _theme_preloaders_type;
   var PreloaderIcon = (_theme_preloaders_type = (_theme_preloaders = theme.preloaders) === null || _theme_preloaders === void 0 ? void 0 : _theme_preloaders[type]) !== null && _theme_preloaders_type !== void 0 ? _theme_preloaders_type : DefaultPreloader;
@@ -5752,7 +5740,19 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-function _define_property$H(obj, key, value) {
+var styles$D = {
+  root: {
+    display: "flex"
+  },
+  dots: {},
+  default: {},
+  logo: {},
+  currentColor: {
+    color: "currentColor"
+  },
+  tweakPreloaderComponent: {}
+};
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5775,7 +5775,7 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
@@ -5806,10 +5806,10 @@ function _object_spread_props$w(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, tweakStyles = param.tweakStyles;
-  var _useTheme = useTheme("ThemedPreloader", styles$F, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("ThemedPreloader", styles$D, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var preloaderComponentStyles = useTweakStyles(componentStyles, tweakStyles, "tweakPreloaderComponent");
   return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$F({
-    className: clsx(classes.root, classes[type], _define_property$H({}, classes.currentColor, useCurrentColor))
+    className: clsx(classes.root, classes[type], _define_property$I({}, classes.currentColor, useCurrentColor))
   }, addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: preloaderComponentStyles
@@ -5989,7 +5989,7 @@ var dotsPreloaderStyles = {
     }
   }
 };
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6012,7 +6012,7 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
@@ -6041,15 +6041,6 @@ function _object_spread_props$v(target, source) {
   }
   return target;
 }
-var BUTTON_VIEWS = [
-  "primary",
-  "secondary",
-  "outline",
-  "warning",
-  "destructive",
-  "text",
-  "custom"
-];
 var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
   var _useTheme = useTheme("Button", styles$C, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
@@ -6066,7 +6057,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
     ref,
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$G(_obj, classes.disabled, isDisabled), _define_property$G(_obj, classes.fullWidth, isFullWidth), _define_property$G(_obj, classes.inline, isInline), _define_property$G(_obj, classes.active, isActive), _define_property$G(_obj, classes.loading, isLoading), _define_property$G(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$H(_obj, classes.disabled, isDisabled), _define_property$H(_obj, classes.fullWidth, isFullWidth), _define_property$H(_obj, classes.inline, isInline), _define_property$H(_obj, classes.active, isActive), _define_property$H(_obj, classes.loading, isLoading), _define_property$H(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction,
     onClick: !hasNoAction ? onClick : void 0,
@@ -6074,7 +6065,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   }, addDataTestId$1(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$G(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$G(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$H(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$H(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -6153,18 +6144,18 @@ var styles$B = {
     }
   }
 };
-function _array_like_to_array$m(arr, len) {
+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$m(arr) {
+function _array_with_holes$n(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6177,7 +6168,7 @@ function _define_property$F(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$m(arr, i) {
+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;
@@ -6205,7 +6196,7 @@ function _iterable_to_array_limit$m(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$m() {
+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 _object_spread$D(target) {
@@ -6218,7 +6209,7 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
@@ -6247,21 +6238,21 @@ function _object_spread_props$u(target, source) {
   }
   return target;
 }
-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$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 _unsupported_iterable_to_array$m(o, minLen) {
+function _unsupported_iterable_to_array$n(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$m(o, minLen);
+    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$m(o, minLen);
+    return _array_like_to_array$n(o, minLen);
 }
 function Checkbox(param) {
   var children = param.children, isDisabled = param.isDisabled, isReadonly = param.isReadonly, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, value = param.value, _param_size = param.size, size = _param_size === void 0 ? 18 : _param_size, _param_alignItems = param.alignItems, alignItems = _param_alignItems === void 0 ? "center" : _param_alignItems, textMargin = param.textMargin, data = param.data, testId = param.testId, isSemiChecked = param.isSemiChecked, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
@@ -6270,7 +6261,7 @@ function Checkbox(param) {
     alignItems,
     textMargin
   }).classes;
-  var _useState = _sliced_to_array$m(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
+  var _useState = _sliced_to_array$n(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
   var hasAction = !isDisabled && !isReadonly;
   var onToggle = function() {
     var newValue = !isSelected;
@@ -6287,7 +6278,7 @@ function Checkbox(param) {
   ]);
   var _obj;
   return /* @__PURE__ */ jsxs("label", _object_spread_props$u(_object_spread$D({
-    className: clsx(classes.root, (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
+    className: clsx(classes.root, (_obj = {}, _define_property$G(_obj, classes.disabled, isDisabled), _define_property$G(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId$1(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsx("input", _object_spread$D({
@@ -6338,7 +6329,7 @@ var styles$A = {
     }
   }
 };
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6361,7 +6352,7 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
@@ -6438,18 +6429,18 @@ var styles$z = {
     ]
   }
 };
-function _array_like_to_array$l(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$l(arr) {
+function _array_with_holes$m(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$l(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;
@@ -6477,24 +6468,24 @@ function _iterable_to_array_limit$l(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$l() {
+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 _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$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$l(o, minLen) {
+function _unsupported_iterable_to_array$m(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$l(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$l(o, minLen);
+    return _array_like_to_array$m(o, minLen);
 }
 var Colors = function() {
   var classes = useTheme("Colors", styles$z).classes;
@@ -6503,7 +6494,7 @@ var Colors = function() {
   return /* @__PURE__ */ jsx("div", {
     className: classes.root,
     children: Object.entries(colors2).map(function(param) {
-      var _param = _sliced_to_array$l(param, 2), colorName = _param[0], color = _param[1];
+      var _param = _sliced_to_array$m(param, 2), colorName = _param[0], color = _param[1];
       var name = colorName.split("_").join(" ").toLowerCase();
       return /* @__PURE__ */ jsxs("div", {
         className: classes.colorCard,
@@ -6536,7 +6527,7 @@ var styles$y = {
   },
   root: {}
 };
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6559,7 +6550,7 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
@@ -6571,6 +6562,7 @@ var CssBaseline = function(param) {
     className: classes.root
   }, addDataAttributes(data)));
 };
+var DEFAULT_SIZE = 6;
 var PADDING_X$1 = 12;
 var AUTOSIZE_MAX_WIDTH = 480;
 var styles$x = {
@@ -6847,14 +6839,14 @@ var styles$x = {
   withUnits: {},
   tweakPreloader: {}
 };
-function _array_like_to_array$k(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$k(arr) {
+function _array_with_holes$l(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -6887,7 +6879,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6900,7 +6892,7 @@ function _define_property$C(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$k(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;
@@ -6928,7 +6920,7 @@ function _iterable_to_array_limit$k(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$k() {
+function _non_iterable_rest$l() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$A(target) {
@@ -6941,7 +6933,7 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$C(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
@@ -6970,21 +6962,21 @@ function _object_spread_props$s(target, source) {
   }
   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$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$k(o, minLen) {
+function _unsupported_iterable_to_array$l(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$k(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$k(o, minLen);
+    return _array_like_to_array$l(o, minLen);
 }
 var __generator$5 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -7088,11 +7080,10 @@ var __generator$5 = globalThis && globalThis.__generator || function(thisArg, bo
     };
   }
 };
-var DEFAULT_SIZE = 6;
 var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_value = param.value, value = _param_value === void 0 ? "" : _param_value, label = param.label, placeholder = param.placeholder, _param_type = param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = param.isDisabled, isReadonly = param.isReadonly, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = param.infoMessage, errorMessage = param.errorMessage, _param_errorPosition = param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = param.inlineStyle, border = param.border, isRequired = param.isRequired, isLoading = param.isLoading, isAutoSizeable = param.isAutoSizeable, _param_defaultSize = param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = param.iconType, name = param.name, hasRequiredLabel = param.hasRequiredLabel, data = param.data, tweakStyles = param.tweakStyles, maxLength = param.maxLength, shouldFocusOnMount = param.shouldFocusOnMount, units = param.units, testId = param.testId, tabIndex = param.tabIndex, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur, onIconClick = param.onIconClick, onKeyDown = param.onKeyDown, mask = param.mask, maskPlaceholder = param.maskPlaceholder, alwaysShowMask = param.alwaysShowMask, beforeMaskedStateChange = param.beforeMaskedStateChange;
   var _useTheme = useTheme("Input", styles$x, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
-  var _useState = _sliced_to_array$k(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+  var _useState = _sliced_to_array$l(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var inputRef = useRef(null);
   var handleChange = function(event) {
     onChange(event.currentTarget.value, event);
@@ -7139,7 +7130,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj;
   var props = _object_spread$A({
-    className: clsx(classes.input, (_obj = {}, _define_property$C(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$C(_obj, classes.withIcons, hasControls), _define_property$C(_obj, classes.withControls, hasControls), _define_property$C(_obj, classes.withUnits, shouldShowUnits), _define_property$C(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
+    className: clsx(classes.input, (_obj = {}, _define_property$D(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$D(_obj, classes.withIcons, hasControls), _define_property$D(_obj, classes.withControls, hasControls), _define_property$D(_obj, classes.withUnits, shouldShowUnits), _define_property$D(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -7162,7 +7153,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
     className: classes.root,
     children: [
       /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$A({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$C(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$C(_obj1, classes.invalid, isInvalid), _define_property$C(_obj1, classes.focused, hasFocus), _define_property$C(_obj1, classes.disabled, isDisabled), _define_property$C(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$D(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$D(_obj1, classes.invalid, isInvalid), _define_property$D(_obj1, classes.focused, hasFocus), _define_property$D(_obj1, classes.disabled, isDisabled), _define_property$D(_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: [
@@ -7176,12 +7167,12 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj2 = {}, _define_property$C(_obj2, classes.invalidLabel, isInvalid), _define_property$C(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$C(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$C(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$C(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
+            className: clsx(classes.label, (_obj2 = {}, _define_property$D(_obj2, classes.invalidLabel, isInvalid), _define_property$D(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$D(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$D(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$D(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
             children: label
           }),
           shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$C({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+            className: clsx(classes.unitsWrapper, _define_property$D({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -7213,7 +7204,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
                 })
               }),
               isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$C({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$D({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -7232,6 +7223,8 @@ 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 styles$w = {
   root: {
     width: "100%",
@@ -7241,9 +7234,7 @@ var styles$w = {
   },
   tweakInput: {}
 };
-var EMPTY_DATE_INPUT_VALUE = "__.__.____";
-var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7266,7 +7257,7 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
@@ -7378,40 +7369,8 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 const reactDatepicker = "";
-var styles$v = {
-  root: {
-    width: "100%",
-    height: "100%"
-  },
-  day: {},
-  datepicker: {},
-  popper: {
-    zIndex: 10,
-    marginTop: function(param) {
-      var topPosition = param.topPosition;
-      return topPosition;
-    },
-    marginLeft: function(param) {
-      var leftPosition = param.leftPosition;
-      return leftPosition;
-    },
-    '&[data-placement^="bottom"]': {
-      paddingTop: 6
-    },
-    '&[data-placement^="top"]': {
-      paddingBottom: 6
-    },
-    '&[data-placement^="left"]': {
-      paddingRight: 6
-    },
-    '&[data-placement^="right"]': {
-      paddingLeft: 6
-    }
-  },
-  tweakDateInput: {}
-};
 var LEFT_PADDING = 44;
-var styles$u = {
+var styles$v = {
   root: {
     position: "relative"
   },
@@ -7448,7 +7407,7 @@ var styles$u = {
     }
   }
 };
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7471,7 +7430,7 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$B(target, key, source[key]);
     });
   }
   return target;
@@ -7539,7 +7498,7 @@ var SearchInput = function(_param) {
     "testId",
     "data"
   ]);
-  var _useTheme = useTheme("SearchInput", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("SearchInput", styles$v, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakInput");
   return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$y({
     className: classes.root
@@ -7562,82 +7521,13 @@ var SearchInput = function(_param) {
     ]
   }));
 };
-var styles$t = {
-  root: {
-    width: "100%",
-    position: "relative",
-    boxSizing: "border-box"
-  },
-  inputWrapper: {
-    width: "100%",
-    cursor: "text",
-    position: "relative"
-  },
-  listWrapper: {
-    left: -1,
-    zIndex: 3,
-    width: "fit-content",
-    minWidth: "calc(100% + 1px)"
-  },
-  withoutPopper: {
-    position: "absolute",
-    top: "calc(100% + 6px)"
-  },
-  listWrapperInBody: {
-    minWidth: "auto",
-    width: "auto",
-    maxWidth: "min-content"
-  },
-  arrow: {
-    position: "absolute",
-    right: 12,
-    top: 14,
-    width: 20,
-    height: 20,
-    cursor: "pointer",
-    zIndex: 1,
-    transition: "transform 0.1s ease"
-  },
-  activeArrow: {
-    transform: "rotate(180deg)"
-  },
-  disabled: {
-    "& $arrow": {
-      cursor: "default"
-    }
-  },
-  counter: {
-    "&:not(:last-child)": {
-      paddingRight: 8
-    }
-  },
-  icon: {
-    width: 16,
-    height: 16
-  },
-  tweakInput: {
-    input: {
-      paddingRight: 32
-    },
-    disabled: {
-      "& $input": {
-        cursor: "default"
-      }
-    },
-    controls: {
-      paddingRight: 32
-    }
-  },
-  tweakSelectList: {},
-  tweakSearchInput: {
-    tweakInput: {
-      inputWrapper: {
-        height: 48,
-        borderRadius: 0,
-        border: "none",
-        backgroundColor: "transparent"
-      }
-    }
+var ScrollIntoViewIfNeededDefaultElementType = "div";
+var ScrollIntoViewIfNeededDefaultProps = {
+  active: true,
+  elementType: ScrollIntoViewIfNeededDefaultElementType,
+  options: {
+    behavior: "smooth",
+    scrollMode: "if-needed"
   }
 };
 function _assert_this_initialized(self2) {
@@ -7668,7 +7558,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$z(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7711,7 +7601,7 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
@@ -7793,15 +7683,6 @@ function _create_super(Derived) {
     return _possible_constructor_return(this, result);
   };
 }
-var ScrollIntoViewIfNeededDefaultElementType = "div";
-var ScrollIntoViewIfNeededDefaultProps = {
-  active: true,
-  elementType: ScrollIntoViewIfNeededDefaultElementType,
-  options: {
-    behavior: "smooth",
-    scrollMode: "if-needed"
-  }
-};
 var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   _inherits(ScrollIntoViewIfNeeded2, PureComponent2);
   var _super = _create_super(ScrollIntoViewIfNeeded2);
@@ -7809,8 +7690,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$z(_assert_this_initialized(_this), "node", createRef());
-    _define_property$z(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$A(_assert_this_initialized(_this), "node", createRef());
+    _define_property$A(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -7860,8 +7741,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$z(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
-function _define_property$y(obj, key, value) {
+_define_property$A(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+var DEFAULT_OPTION_INDEX = -2;
+var ALL_OPTION_INDEX = -1;
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7884,7 +7767,7 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
@@ -7895,7 +7778,7 @@ var CELL_PADDING = [
   10,
   20
 ];
-var styles$s = {
+var styles$u = {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -7962,7 +7845,7 @@ var checkboxStyles = {
     display: "none"
   }
 };
-function _define_property$x(obj, key, value) {
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7985,7 +7868,7 @@ function _object_spread$v(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
@@ -8023,7 +7906,7 @@ var SelectListItem = function(param) {
     options: {
       block: "nearest"
     },
-    className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$x(_obj, classes.focused, isFocused), _define_property$x(_obj, classes.active, isActive && !isMultiSelect), _define_property$x(_obj, classes.disabled, isDisabled), _obj))
+    className: clsx(classes.cell, (_obj = {}, _define_property$y(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$y(_obj, classes.focused, isFocused), _define_property$y(_obj, classes.active, isActive && !isMultiSelect), _define_property$y(_obj, classes.disabled, isDisabled), _obj))
   }, addDataAttributes({
     disabled: isDisabled,
     active: isActive,
@@ -8045,9 +7928,7 @@ var SelectListItem = function(param) {
     }) : children
   }));
 };
-var DEFAULT_OPTION_INDEX = -2;
-var ALL_OPTION_INDEX = -1;
-function _define_property$w(obj, key, value) {
+function _define_property$x(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8062,7 +7943,7 @@ function _define_property$w(obj, key, value) {
 }
 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, 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 = useTheme("SelectList", styles$s, tweakStyles).classes;
+  var classes = useTheme("SelectList", styles$u, tweakStyles).classes;
   var isMultiSelect = isNotEmpty$1(onToggleCheckbox);
   var multiSelectValue = activeValue;
   var _multiSelectValue_length;
@@ -8097,7 +7978,7 @@ function SelectList(param) {
   };
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
     active: shouldScrollToList && !isMultiSelect,
-    className: clsx(classes.root, _define_property$w({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
+    className: clsx(classes.root, _define_property$x({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
     children: [
       isReactNodeNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
         className: classes.listHeader,
@@ -8176,20 +8057,98 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
 var isMultiSelectValue = function(props, _value) {
   return props.isMultiSelect === true;
 };
-function _array_like_to_array$j(arr, len) {
+var styles$t = {
+  root: {
+    width: "100%",
+    position: "relative",
+    boxSizing: "border-box"
+  },
+  inputWrapper: {
+    width: "100%",
+    cursor: "text",
+    position: "relative"
+  },
+  listWrapper: {
+    left: -1,
+    zIndex: 3,
+    width: "fit-content",
+    minWidth: "calc(100% + 1px)"
+  },
+  withoutPopper: {
+    position: "absolute",
+    top: "calc(100% + 6px)"
+  },
+  listWrapperInBody: {
+    minWidth: "auto",
+    width: "auto",
+    maxWidth: "min-content"
+  },
+  arrow: {
+    position: "absolute",
+    right: 12,
+    top: 14,
+    width: 20,
+    height: 20,
+    cursor: "pointer",
+    zIndex: 1,
+    transition: "transform 0.1s ease"
+  },
+  activeArrow: {
+    transform: "rotate(180deg)"
+  },
+  disabled: {
+    "& $arrow": {
+      cursor: "default"
+    }
+  },
+  counter: {
+    "&:not(:last-child)": {
+      paddingRight: 8
+    }
+  },
+  icon: {
+    width: 16,
+    height: 16
+  },
+  tweakInput: {
+    input: {
+      paddingRight: 32
+    },
+    disabled: {
+      "& $input": {
+        cursor: "default"
+      }
+    },
+    controls: {
+      paddingRight: 32
+    }
+  },
+  tweakSelectList: {},
+  tweakSearchInput: {
+    tweakInput: {
+      inputWrapper: {
+        height: 48,
+        borderRadius: 0,
+        border: "none",
+        backgroundColor: "transparent"
+      }
+    }
+  }
+};
+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$j(arr) {
+function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$4(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$j(arr);
+    return _array_like_to_array$k(arr);
 }
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -8220,7 +8179,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$v(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8237,7 +8196,7 @@ 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$j(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;
@@ -8265,7 +8224,7 @@ function _iterable_to_array_limit$j(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$j() {
+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 _non_iterable_spread$4() {
@@ -8281,7 +8240,7 @@ function _object_spread$u(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$v(target, key, source[key]);
+      _define_property$w(target, key, source[key]);
     });
   }
   return target;
@@ -8342,24 +8301,24 @@ function _object_without_properties_loose$6(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$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 _to_consumable_array$4(arr) {
-  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$4();
+  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$4();
 }
-function _unsupported_iterable_to_array$j(o, minLen) {
+function _unsupported_iterable_to_array$k(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$j(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$j(o, minLen);
+    return _array_like_to_array$k(o, minLen);
 }
 var __generator$4 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -8497,12 +8456,12 @@ function Select(props) {
   ]);
   var _useTheme = useTheme("Select", styles$t, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var isMounted = useIsMounted();
-  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 _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 hasDefaultOption = isStringNotEmpty$1(defaultOptionLabel);
-  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 _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 inputWrapper = useRef(null);
   var list = useRef(null);
   var input = useRef(null);
@@ -8816,7 +8775,7 @@ function Select(props) {
   ]);
   var _obj;
   var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$u({
-    className: clsx(classes.listWrapper, (_obj = {}, _define_property$v(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$v(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
+    className: clsx(classes.listWrapper, (_obj = {}, _define_property$w(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$w(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
     onBlur: handleBlur
@@ -8910,7 +8869,7 @@ function Select(props) {
 }
 var SELECT_PADDING_LEFT = 12;
 var SELECT_PADDING_RIGHT = 24;
-var styles$r = {
+var styles$s = {
   btn: {
     width: 36,
     height: 36,
@@ -8979,7 +8938,7 @@ var styles$r = {
 };
 var DatePickerHeader = function(param) {
   var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-  var _useTheme = useTheme("DatePickerHeader", styles$r), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("DatePickerHeader", styles$s), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var years = useMemo(function() {
     return Array.from(Array(41)).map(function(_, i) {
       return getYear(new Date()) - 30 + i;
@@ -9056,7 +9015,16 @@ var DatePickerHeader = function(param) {
     ]
   });
 };
+var PopperContainer = function(param) {
+  var children = param.children;
+  return /* @__PURE__ */ jsx(Portal, {
+    container: document.body,
+    children
+  });
+};
 var DEFAULT_DATE_FORMAT$2 = "dd.MM.yyyy";
+var _ReactDatePicker_default;
+var DatePickerComponent = (_ReactDatePicker_default = ReactDatePicker.default) !== null && _ReactDatePicker_default !== void 0 ? _ReactDatePicker_default : ReactDatePicker;
 var getDateFormatter = function(dateFormat) {
   return function(date) {
     return isNotEmpty$1(date) ? format$1(date, dateFormat) : "";
@@ -9071,18 +9039,50 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty$1(date1) && isEmpty$1(date2) || isNotEmpty$1(date1) && isNotEmpty$1(date2) && isSameDay(date1, date2);
 };
-function _array_like_to_array$i(arr, len) {
+var styles$r = {
+  root: {
+    width: "100%",
+    height: "100%"
+  },
+  day: {},
+  datepicker: {},
+  popper: {
+    zIndex: 10,
+    marginTop: function(param) {
+      var topPosition = param.topPosition;
+      return topPosition;
+    },
+    marginLeft: function(param) {
+      var leftPosition = param.leftPosition;
+      return leftPosition;
+    },
+    '&[data-placement^="bottom"]': {
+      paddingTop: 6
+    },
+    '&[data-placement^="top"]': {
+      paddingBottom: 6
+    },
+    '&[data-placement^="left"]': {
+      paddingRight: 6
+    },
+    '&[data-placement^="right"]': {
+      paddingLeft: 6
+    }
+  },
+  tweakDateInput: {}
+};
+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$i(arr) {
+function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$u(obj, key, value) {
+function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9095,7 +9095,7 @@ function _define_property$u(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$i(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;
@@ -9123,7 +9123,7 @@ function _iterable_to_array_limit$i(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$i() {
+function _non_iterable_rest$j() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$t(target) {
@@ -9136,7 +9136,7 @@ function _object_spread$t(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$u(target, key, source[key]);
+      _define_property$v(target, key, source[key]);
     });
   }
   return target;
@@ -9197,31 +9197,22 @@ function _object_without_properties_loose$5(source, excluded) {
   }
   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$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 _unsupported_iterable_to_array$i(o, minLen) {
+function _unsupported_iterable_to_array$j(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$i(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$i(o, minLen);
+    return _array_like_to_array$j(o, minLen);
 }
-var _ReactDatePicker_default;
-var DatePickerComponent = (_ReactDatePicker_default = ReactDatePicker.default) !== null && _ReactDatePicker_default !== void 0 ? _ReactDatePicker_default : ReactDatePicker;
-var PopperContainer = function(param) {
-  var children = param.children;
-  return /* @__PURE__ */ jsx(Portal, {
-    container: document.body,
-    children
-  });
-};
 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_topPosition = _param.topPosition, topPosition = _param_topPosition === void 0 ? 0 : _param_topPosition, _param_leftPosition = _param.leftPosition, leftPosition = _param_leftPosition === void 0 ? 0 : _param_leftPosition, _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, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _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, 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$5(_param, [
     "data",
@@ -9270,7 +9261,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var _useTheme = useTheme("DatePicker", styles$v, tweakStyles, {
+  var _useTheme = useTheme("DatePicker", styles$r, tweakStyles, {
     leftPosition,
     topPosition
   }), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
@@ -9283,12 +9274,12 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     dateFormat
   ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-  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 _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 hasDateInputValue = isRange ? isStringNotEmpty$1(startDateValue) || isStringNotEmpty$1(endDateValue) : isStringNotEmpty$1(dateValue);
   var dateInputProps = _object_spread$t(_object_spread_props$n(_object_spread$t({}, inputProps), {
     isRange,
@@ -9458,6 +9449,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }))
   }));
 });
+var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
 var styles$q = {
   root: {},
   button: {
@@ -9488,18 +9480,18 @@ var styles$q = {
     }
   }
 };
-function _array_like_to_array$h(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$h(arr) {
+function _array_with_holes$i(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$t(obj, key, value) {
+function _define_property$u(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9512,7 +9504,7 @@ function _define_property$t(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$h(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;
@@ -9540,7 +9532,7 @@ function _iterable_to_array_limit$h(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$h() {
+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$s(target) {
@@ -9553,7 +9545,7 @@ function _object_spread$s(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$t(target, key, source[key]);
+      _define_property$u(target, key, source[key]);
     });
   }
   return target;
@@ -9582,28 +9574,27 @@ function _object_spread_props$m(target, source) {
   }
   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$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$h(o, minLen) {
+function _unsupported_iterable_to_array$i(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$h(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$h(o, minLen);
+    return _array_like_to_array$i(o, minLen);
 }
-var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
 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, data = param.data, tweakStyles = param.tweakStyles;
   var classes = useTheme("Description", styles$q, tweakStyles).classes;
   var isTooShort = text.length < truncateIndex;
-  var _useState = _sliced_to_array$h(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState = _sliced_to_array$i(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, "");
@@ -9643,6 +9634,151 @@ var Description = function(param) {
     ]
   }));
 };
+var PERIODS = [
+  "THIS_MONTH",
+  "LAST_MONTH",
+  "THIS_YEAR",
+  "LAST_YEAR",
+  "CUSTOM"
+];
+var SelectLocales = {
+  ru: {
+    clear: "Очистить",
+    all: "Все",
+    chosen: "Выбранные",
+    nothingFound: "Ничего не найдено",
+    searchPlaceholder: "Поиск"
+  },
+  en: {
+    clear: "Clear",
+    all: "All",
+    chosen: "Chosen",
+    nothingFound: "Nothing found",
+    searchPlaceholder: "Search"
+  }
+};
+var FilterLocales = {
+  ru: {
+    clear: "Очистить",
+    all: "Все",
+    other: "Остальные",
+    chosen: "Выбранные",
+    nothingFound: "Не найдено",
+    from: "От",
+    to: "До",
+    back: "Назад",
+    searchPlaceholder: "Поиск",
+    displayedFields: "Поля для поиска",
+    months: [
+      "Январь",
+      "Февраль",
+      "Март",
+      "Апрель",
+      "Май",
+      "Июнь",
+      "Июль",
+      "Август",
+      "Сентябрь",
+      "Октябрь",
+      "Ноябрь",
+      "Декабрь"
+    ],
+    periods: {
+      THIS_MONTH: "Этот месяц",
+      LAST_MONTH: "Прошлый месяц",
+      THIS_YEAR: "Этот год",
+      LAST_YEAR: "Прошлый год",
+      CUSTOM: "Другой период"
+    }
+  },
+  en: {
+    clear: "Clear",
+    all: "All",
+    other: "Others",
+    chosen: "Chosen",
+    nothingFound: "Nothing found",
+    from: "From",
+    to: "To",
+    back: "Back",
+    searchPlaceholder: "Search",
+    displayedFields: "Displayed fields",
+    months: [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    periods: {
+      THIS_MONTH: "This month",
+      LAST_MONTH: "Previous month",
+      THIS_YEAR: "This year",
+      LAST_YEAR: "Previous year",
+      CUSTOM: "Custom"
+    }
+  }
+};
+var DEFAULT_LOCALE$1 = "en";
+var DEFAULT_SELECT_LOCALE = "en";
+var DEFAULT_DATE_FORMAT$1 = "dd.MM.yyyy";
+var DEFAULT_PICKER_PROPS = {};
+var PERIODS_GETTERS = {
+  THIS_MONTH: function() {
+    var today = new Date();
+    return {
+      from: startOfMonth(today),
+      to: endOfMonth(today)
+    };
+  },
+  LAST_MONTH: function() {
+    var day = sub(new Date(), {
+      months: 1
+    });
+    return {
+      from: startOfMonth(day),
+      to: endOfMonth(day)
+    };
+  },
+  THIS_YEAR: function() {
+    var today = new Date();
+    return {
+      from: startOfYear(today),
+      to: endOfYear(today)
+    };
+  },
+  LAST_YEAR: function() {
+    var day = sub(new Date(), {
+      years: 1
+    });
+    return {
+      from: startOfYear(day),
+      to: endOfYear(day)
+    };
+  }
+};
+var getLocale$1 = function() {
+  var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE$1, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
+  return merge$1({}, FilterLocales[key], custom, custom2);
+};
+var getSelectLocale = function() {
+  var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_SELECT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
+  return merge$1({}, SelectLocales[key], custom, custom2);
+};
+var sortValues = function(arr) {
+  return arr.includes(void 0) ? arr : arr.sort(function(a, b) {
+    return a < b ? -1 : 1;
+  });
+};
+var defaultConvertFunction$1 = function(val) {
+  return String(val);
+};
 var getPrevSpaces = function(val, position) {
   return val.slice(0, position - 1).split("").filter(isSpaceChar).length;
 };
@@ -9670,14 +9806,14 @@ var constructRegExp = function(param) {
   var negativePart = "(\\-)?";
   return "^".concat(canBeNegative ? negativePart : "").concat(basePart).concat(canBeFloat ? floatPart : "", "$");
 };
-function _array_like_to_array$g(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$g(arr) {
+function _array_with_holes$h(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -9710,7 +9846,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$s(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9723,7 +9859,7 @@ function _define_property$s(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$g(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;
@@ -9751,7 +9887,7 @@ function _iterable_to_array_limit$g(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$g() {
+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$r(target) {
@@ -9764,7 +9900,7 @@ function _object_spread$r(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$s(target, key, source[key]);
+      _define_property$t(target, key, source[key]);
     });
   }
   return target;
@@ -9801,21 +9937,21 @@ function _object_without_properties_loose$4(source, excluded) {
   }
   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$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$g(o, minLen) {
+function _unsupported_iterable_to_array$h(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$g(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$g(o, minLen);
+    return _array_like_to_array$h(o, minLen);
 }
 var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -9932,10 +10068,10 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "min",
     "max"
   ]);
-  var _useState = _sliced_to_array$g(useState(function() {
+  var _useState = _sliced_to_array$h(useState(function() {
     return formatNumberWithDefault(value, defaultValue);
   }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-  var _useState1 = _sliced_to_array$g(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+  var _useState1 = _sliced_to_array$h(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
   var handleKeyDown = function(event) {
     setIsDeleteForwardAction(event.key === "Delete");
   };
@@ -10031,93 +10167,20 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ref
   }, props));
 });
-var FilterLocales = {
-  ru: {
-    clear: "Очистить",
-    all: "Все",
-    other: "Остальные",
-    chosen: "Выбранные",
-    nothingFound: "Не найдено",
-    from: "От",
-    to: "До",
-    back: "Назад",
-    searchPlaceholder: "Поиск",
-    displayedFields: "Поля для поиска",
-    months: [
-      "Январь",
-      "Февраль",
-      "Март",
-      "Апрель",
-      "Май",
-      "Июнь",
-      "Июль",
-      "Август",
-      "Сентябрь",
-      "Октябрь",
-      "Ноябрь",
-      "Декабрь"
+var styles$p = {
+  root: {
+    padding: 8,
+    background: colors.CLASSIC_WHITE
+  },
+  inputWrapper: {
+    padding: [
+      4,
+      12
     ],
-    periods: {
-      THIS_MONTH: "Этот месяц",
-      LAST_MONTH: "Прошлый месяц",
-      THIS_YEAR: "Этот год",
-      LAST_YEAR: "Прошлый год",
-      CUSTOM: "Другой период"
-    }
-  },
-  en: {
-    clear: "Clear",
-    all: "All",
-    other: "Others",
-    chosen: "Chosen",
-    nothingFound: "Nothing found",
-    from: "From",
-    to: "To",
-    back: "Back",
-    searchPlaceholder: "Search",
-    displayedFields: "Displayed fields",
-    months: [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ],
-    periods: {
-      THIS_MONTH: "This month",
-      LAST_MONTH: "Previous month",
-      THIS_YEAR: "This year",
-      LAST_YEAR: "Previous year",
-      CUSTOM: "Custom"
-    }
-  }
-};
-var DEFAULT_LOCALE$2 = "en";
-var getLocale$2 = function() {
-  var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE$2, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
-  return merge$1({}, FilterLocales[key], custom, custom2);
-};
-var styles$p = {
-  root: {
-    padding: 8,
-    background: colors.CLASSIC_WHITE
-  },
-  inputWrapper: {
-    padding: [
-      4,
-      12
-    ],
-    display: "grid",
-    gridTemplateColumns: "repeat(2, 1fr)",
-    gap: 20,
-    marginBottom: 12
+    display: "grid",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: 20,
+    marginBottom: 12
   },
   autosize: {
     minWidth: 120,
@@ -10157,7 +10220,7 @@ var styles$p = {
     }
   }
 };
-function _define_property$r(obj, key, value) {
+function _define_property$s(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10180,7 +10243,7 @@ function _object_spread$q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$r(target, key, source[key]);
+      _define_property$s(target, key, source[key]);
     });
   }
   return target;
@@ -10209,16 +10272,11 @@ function _object_spread_props$l(target, source) {
   }
   return target;
 }
-var sortValues = function(arr) {
-  return arr.includes(void 0) ? arr : arr.sort(function(a, b) {
-    return a < b ? -1 : 1;
-  });
-};
 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 _useTheme = useTheme("FilterInterval", styles$p, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var translates = useMemo(function() {
-    return getLocale$2(localeKey, locale2);
+    return getLocale$1(localeKey, locale2);
   }, [
     localeKey,
     locale2
@@ -10321,7 +10379,31 @@ var FilterInterval = function(param) {
     ]
   }));
 };
-function _define_property$q(obj, key, value) {
+var MultiSelectLocales = {
+  ru: {
+    clear: "Очистить",
+    all: "Все",
+    chosen: "Выбранные",
+    nothingFound: "Не найдено",
+    searchPlaceholder: "Поиск"
+  },
+  en: {
+    clear: "Clear",
+    all: "All",
+    chosen: "Chosen",
+    nothingFound: "Nothing found",
+    searchPlaceholder: "Search"
+  }
+};
+var DEFAULT_LOCALE = "en";
+var defaultConvertFunction = function(val) {
+  return String(val);
+};
+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$r(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10344,7 +10426,7 @@ function _object_spread$p(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$q(target, key, source[key]);
+      _define_property$r(target, key, source[key]);
     });
   }
   return target;
@@ -10469,41 +10551,20 @@ var styles$o = {
     }
   }
 };
-var MultiSelectLocales = {
-  ru: {
-    clear: "Очистить",
-    all: "Все",
-    chosen: "Выбранные",
-    nothingFound: "Не найдено",
-    searchPlaceholder: "Поиск"
-  },
-  en: {
-    clear: "Clear",
-    all: "All",
-    chosen: "Chosen",
-    nothingFound: "Nothing found",
-    searchPlaceholder: "Search"
-  }
-};
-var DEFAULT_LOCALE$1 = "en";
-var getLocale$1 = function() {
-  var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE$1, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
-  return merge$1({}, MultiSelectLocales[key], custom, custom2);
-};
-function _array_like_to_array$f(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$f(arr) {
+function _array_with_holes$g(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$f(arr);
+    return _array_like_to_array$g(arr);
 }
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -10534,7 +10595,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10551,7 +10612,7 @@ 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$f(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;
@@ -10579,7 +10640,7 @@ function _iterable_to_array_limit$f(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$f() {
+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$3() {
@@ -10595,7 +10656,7 @@ function _object_spread$o(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$p(target, key, source[key]);
+      _define_property$q(target, key, source[key]);
     });
   }
   return target;
@@ -10624,24 +10685,24 @@ function _object_spread_props$k(target, source) {
   }
   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$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$3(arr) {
-  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$3();
+  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$g(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$f(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$f(o, minLen);
+    return _array_like_to_array$g(o, minLen);
 }
 var __generator$2 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -10745,11 +10806,8 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
     };
   }
 };
-var defaultConvertFunction$1 = function(val) {
-  return String(val);
-};
 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, width = param.width, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE$1 : _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$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_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
+  var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, width = param.width, _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 handleOnChange = function handleOnChange2(inputValue) {
     setSearchValue(inputValue);
     if (fetchOptions === void 0) {
@@ -10772,7 +10830,7 @@ function MultiSelectList(param) {
   var tweakSearchInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSearchInput");
   var tweakClearButtonStyles = useTweakStyles(componentStyles, tweakStyles, "tweakClearButton");
   var translates = useMemo(function() {
-    return getLocale$1(localeKey, locale2);
+    return getLocale(localeKey, locale2);
   }, [
     localeKey,
     locale2
@@ -10784,13 +10842,13 @@ function MultiSelectList(param) {
     getValueId,
     chosenValues
   ]);
-  var _useState = _sliced_to_array$f(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-  var _useState1 = _sliced_to_array$f(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-  var _useState2 = _sliced_to_array$f(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-  var _useState3 = _sliced_to_array$f(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-  var _useState4 = _sliced_to_array$f(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-  var _useState5 = _sliced_to_array$f(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-  var _useState6 = _sliced_to_array$f(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+  var _useState = _sliced_to_array$g(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+  var _useState1 = _sliced_to_array$g(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+  var _useState2 = _sliced_to_array$g(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+  var _useState3 = _sliced_to_array$g(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+  var _useState4 = _sliced_to_array$g(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+  var _useState5 = _sliced_to_array$g(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+  var _useState6 = _sliced_to_array$g(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
   var observer = useRef();
   var unchosenOptions = useMemo(function() {
     return allOptions.filter(function(v) {
@@ -11214,7 +11272,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$o(obj, key, value) {
+function _define_property$p(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11237,7 +11295,7 @@ function _object_spread$n(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$o(target, key, source[key]);
+      _define_property$p(target, key, source[key]);
     });
   }
   return target;
@@ -11245,7 +11303,7 @@ function _object_spread$n(target) {
 function FilterMultiSelect(props) {
   return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$n({}, props));
 }
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11268,7 +11326,7 @@ function _object_spread$m(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$n(target, key, source[key]);
+      _define_property$o(target, key, source[key]);
     });
   }
   return target;
@@ -11421,41 +11479,20 @@ var styles$n = {
     }
   }
 };
-var SelectLocales = {
-  ru: {
-    clear: "Очистить",
-    all: "Все",
-    chosen: "Выбранные",
-    nothingFound: "Ничего не найдено",
-    searchPlaceholder: "Поиск"
-  },
-  en: {
-    clear: "Clear",
-    all: "All",
-    chosen: "Chosen",
-    nothingFound: "Nothing found",
-    searchPlaceholder: "Search"
-  }
-};
-var DEFAULT_LOCALE = "en";
-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({}, SelectLocales[key], custom, custom2);
-};
-function _array_like_to_array$e(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$e(arr) {
+function _array_with_holes$f(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$2(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$e(arr);
+    return _array_like_to_array$f(arr);
 }
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -11486,7 +11523,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11503,7 +11540,7 @@ 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$e(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;
@@ -11531,7 +11568,7 @@ function _iterable_to_array_limit$e(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$e() {
+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$2() {
@@ -11547,7 +11584,7 @@ function _object_spread$l(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$m(target, key, source[key]);
+      _define_property$n(target, key, source[key]);
     });
   }
   return target;
@@ -11576,24 +11613,24 @@ function _object_spread_props$j(target, source) {
   }
   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$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$2(arr) {
-  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$2();
+  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$e(o, minLen) {
+function _unsupported_iterable_to_array$f(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$e(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$e(o, minLen);
+    return _array_like_to_array$f(o, minLen);
 }
 var __generator$1 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -11697,28 +11734,25 @@ var __generator$1 = globalThis && globalThis.__generator || function(thisArg, bo
     };
   }
 };
-var defaultConvertFunction = function(val) {
-  return String(val);
-};
 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, width = param.width, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _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_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
+  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, width = param.width, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, 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 isMounted = useIsMounted();
   var _useTheme = useTheme("FilterSelect", styles$n, tweakStyles, {
     width
   }), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var translates = useMemo(function() {
-    return getLocale(localeKey, locale2);
+    return getSelectLocale(localeKey, locale2);
   }, [
     localeKey,
     locale2
   ]);
   var observer = useRef();
-  var _useState = _sliced_to_array$e(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-  var _useState1 = _sliced_to_array$e(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-  var _useState2 = _sliced_to_array$e(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-  var _useState3 = _sliced_to_array$e(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-  var _useState4 = _sliced_to_array$e(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-  var _useState5 = _sliced_to_array$e(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+  var _useState = _sliced_to_array$f(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+  var _useState1 = _sliced_to_array$f(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+  var _useState2 = _sliced_to_array$f(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+  var _useState3 = _sliced_to_array$f(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+  var _useState4 = _sliced_to_array$f(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+  var _useState5 = _sliced_to_array$f(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var hasFooter = isReactNodeNotEmpty(footer);
   var handleSearchInputChange = useCallback(function() {
@@ -12063,7 +12097,7 @@ function FilterSelect(param) {
             children: translates.nothingFound
           }),
           (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.panel, _define_property$m({}, classes.panelWithFooter, hasFooter)),
+            className: clsx(classes.panel, _define_property$n({}, classes.panelWithFooter, hasFooter)),
             children: [
               hasFooter && /* @__PURE__ */ jsx("div", {
                 className: classes.footer,
@@ -12093,239 +12127,67 @@ function FilterSelect(param) {
     ]
   }));
 }
-var styles$m = {
-  text: {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
+var formatDistanceLocale$1 = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
   },
-  count: {
-    whiteSpace: "pre"
-  }
-};
-function _instanceof$1(left2, right2) {
-  if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
-    return !!right2[Symbol.hasInstance](left2);
-  } else {
-    return left2 instanceof right2;
-  }
-}
-var DEFAULT_DATE_FORMAT$1 = "dd.MM.yyyy";
-var defaultGetValueView = function(v) {
-  return String(v);
-};
-function FilterValueView(param) {
-  var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value;
-  var classes = useTheme("FilterWrapper", styles$m).classes;
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
-  var _filter_localeKey;
-  var translatesLocaleKey = (_filter_localeKey = filter.localeKey) !== null && _filter_localeKey !== void 0 ? _filter_localeKey : localeKey;
-  var translates = useMemo(function() {
-    return getLocale$2(translatesLocaleKey, locale2, filter.locale);
-  }, [
-    localeKey,
-    locale2,
-    filter.locale
-  ]);
-  if (filter.getSelectedValueView !== void 0) {
-    return /* @__PURE__ */ jsx("span", {
-      className: classes.text,
-      children: filter.getSelectedValueView(value)
-    });
-  }
-  var isMultiple = filter.type === "custom" && filter.valueViewType === "multiple";
-  var isRange = filter.type === "custom" && filter.valueViewType === "range";
-  var isDate = filter.type === "dateRange" || filter.type === "dateRangeWithoutPeriod";
-  var displayValue = function(v) {
-    if (v === void 0 || v === null) {
-      return "";
-    }
-    if (_instanceof$1(v, Date)) {
-      return format$1(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
-    }
-    if (typeof v === "object" && v.value !== void 0) {
-      return String(v.value);
-    }
-    if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
-      return String(v);
-    }
-    console.warn("%c Ошибка конфигурации фильтра ".concat(filter.name, ". Невозможно отобразить значение фильтра. Задайте filterValueViewComponent или filterValueViewType."), "background: orange; color: black");
-    return "";
-  };
-  if (filter.type === "select") {
-    var _filter_getValueView;
-    var getView = (_filter_getValueView = filter.getValueView) !== null && _filter_getValueView !== void 0 ? _filter_getValueView : defaultGetValueView;
-    return /* @__PURE__ */ jsx("span", {
-      className: classes.text,
-      children: getView(value)
-    });
-  }
-  if (filter.type === "multiSelect") {
-    var multiSelectValue = value;
-    var _filter_getValueView1;
-    var getView1 = (_filter_getValueView1 = filter.getValueView) !== null && _filter_getValueView1 !== void 0 ? _filter_getValueView1 : defaultGetValueView;
-    var include = multiSelectValue.include;
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: Array.isArray(include) && include.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: classes.text,
-            children: getView1(include[0])
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: classes.count,
-            children: include.length > 1 && " (+".concat(include.length - 1, ")")
-          })
-        ]
-      })
-    });
-  }
-  if (filter.type === "interval") {
-    var intervalValue = value;
-    var intervalValueFrom = intervalValue[0];
-    var intervalValueTo = intervalValue[1];
-    var intervals = [];
-    if (intervalValueFrom !== void 0) {
-      intervals.push("".concat(translates.from.toLowerCase(), " ").concat(String(intervalValueFrom)));
-    }
-    if (intervalValueTo !== void 0) {
-      intervals.push("".concat(translates.to.toLowerCase(), " ").concat(String(intervalValueTo)));
-    }
-    return /* @__PURE__ */ jsx("span", {
-      className: classes.text,
-      children: intervals.join(" ")
-    });
-  }
-  if (isMultiple) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: classes.text,
-            children: displayValue(value[0])
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: classes.count,
-            children: value.length > 1 && " (+".concat(value.length - 1, ")")
-          })
-        ]
-      })
-    });
-  }
-  if (isDate) {
-    var from = value.from, to = value.to, periodType = value.periodType, label = value.label;
-    var hasFrom = from !== void 0 && from !== null;
-    var hasTo = to !== void 0 && to !== null;
-    if (periodType !== "CUSTOM") {
-      return /* @__PURE__ */ jsx("span", {
-        className: classes.text,
-        children: displayValue(label)
-      });
-    }
-    var range = [];
-    if (hasFrom) {
-      if (!hasTo) {
-        range.push(translates.from.toLowerCase());
-      }
-      range.push(displayValue(from));
-    }
-    if (hasTo) {
-      if (hasFrom) {
-        range.push("—");
-      } else {
-        range.push(translates.to.toLowerCase());
-      }
-      range.push(displayValue(to));
-    }
-    return /* @__PURE__ */ jsx("span", {
-      className: classes.text,
-      children: range.join(" ")
-    });
-  }
-  if (isRange && Array.isArray(value)) {
-    var rangeValue = value;
-    var rangeValueFrom = rangeValue[0];
-    var rangeValueTo = rangeValue[1];
-    var range1 = [];
-    if (rangeValueFrom !== void 0) {
-      range1.push("".concat(translates.from.toLowerCase(), " ").concat(String(rangeValueFrom)));
-    }
-    if (rangeValueTo !== void 0) {
-      range1.push("".concat(translates.to.toLowerCase(), " ").concat(String(rangeValueTo)));
-    }
-    return /* @__PURE__ */ jsx("span", {
-      className: classes.text,
-      children: range1.join(" ")
-    });
-  }
-  return /* @__PURE__ */ jsx("span", {
-    className: classes.text,
-    children: displayValue(value)
-  });
-}
-var formatDistanceLocale$1 = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
   }
 };
 var formatDistance$2 = function formatDistance(token, count, options) {
@@ -13348,7 +13210,7 @@ var locale = {
   }
 };
 const ru = locale;
-var styles$l = {
+var styles$m = {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -13396,18 +13258,18 @@ var styles$l = {
     }
   }
 };
-function _array_like_to_array$d(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$d(arr) {
+function _array_with_holes$e(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$l(obj, key, value) {
+function _define_property$m(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13420,7 +13282,7 @@ function _define_property$l(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$d(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;
@@ -13448,7 +13310,7 @@ function _iterable_to_array_limit$d(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$d() {
+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$k(target) {
@@ -13461,7 +13323,7 @@ function _object_spread$k(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$l(target, key, source[key]);
+      _define_property$m(target, key, source[key]);
     });
   }
   return target;
@@ -13490,32 +13352,30 @@ function _object_spread_props$i(target, source) {
   }
   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$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$d(o, minLen) {
+function _unsupported_iterable_to_array$e(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$d(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$d(o, minLen);
+    return _array_like_to_array$e(o, minLen);
 }
-var emptyPickerProps = {};
-var DATE_FORMAT = "dd.MM.yyyy";
 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 ? emptyPickerProps : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? emptyPickerProps : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-  var _useTheme = useTheme("FilterWithDates", styles$l, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
-  var _useState = _sliced_to_array$d(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-  var _useState1 = _sliced_to_array$d(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+  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 _useTheme = useTheme("FilterWithDates", styles$m, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useState = _sliced_to_array$e(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+  var _useState1 = _sliced_to_array$e(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
   var dateLocale = localeKey === "ru" ? ru : enUS;
   var translates = useMemo(function() {
-    return getLocale$2(localeKey, locale2);
+    return getLocale$1(localeKey, locale2);
   }, [
     localeKey,
     locale2
@@ -13655,14 +13515,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var PERIODS = [
-  "THIS_MONTH",
-  "LAST_MONTH",
-  "THIS_YEAR",
-  "LAST_YEAR",
-  "CUSTOM"
-];
-var styles$k = {
+var styles$l = {
   root: {},
   main: {},
   picker: {},
@@ -13672,22 +13525,22 @@ var styles$k = {
     }
   }
 };
-function _array_like_to_array$c(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$c(arr) {
+function _array_with_holes$d(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$1(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$c(arr);
+    return _array_like_to_array$d(arr);
 }
-function _define_property$k(obj, key, value) {
+function _define_property$l(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13704,7 +13557,7 @@ 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$c(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;
@@ -13732,7 +13585,7 @@ function _iterable_to_array_limit$c(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$c() {
+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$1() {
@@ -13748,7 +13601,7 @@ function _object_spread$j(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$k(target, key, source[key]);
+      _define_property$l(target, key, source[key]);
     });
   }
   return target;
@@ -13777,71 +13630,37 @@ function _object_spread_props$h(target, source) {
   }
   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$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$1(arr) {
-  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$1();
+  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$1();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$c(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$c(o, minLen);
+    return _array_like_to_array$d(o, minLen);
 }
-var PERIODS_GETTERS = {
-  THIS_MONTH: function() {
-    var today = new Date();
-    return {
-      from: startOfMonth(today),
-      to: endOfMonth(today)
-    };
-  },
-  LAST_MONTH: function() {
-    var day = sub(new Date(), {
-      months: 1
-    });
-    return {
-      from: startOfMonth(day),
-      to: endOfMonth(day)
-    };
-  },
-  THIS_YEAR: function() {
-    var today = new Date();
-    return {
-      from: startOfYear(today),
-      to: endOfYear(today)
-    };
-  },
-  LAST_YEAR: function() {
-    var day = sub(new Date(), {
-      years: 1
-    });
-    return {
-      from: startOfYear(day),
-      to: endOfYear(day)
-    };
-  }
-};
 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 _useTheme = useTheme("FilterWithPeriod", styles$k, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("FilterWithPeriod", styles$l, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var translates = useMemo(function() {
-    return getLocale$2(localeKey, locale2);
+    return getLocale$1(localeKey, locale2);
   }, [
     localeKey,
     locale2
   ]);
-  var _useState = _sliced_to_array$c(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-  var _useState1 = _sliced_to_array$c(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-  var _useState2 = _sliced_to_array$c(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+  var _useState = _sliced_to_array$d(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+  var _useState1 = _sliced_to_array$d(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+  var _useState2 = _sliced_to_array$d(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = useMemo(function() {
     var result = _object_spread$j({}, PERIODS_GETTERS);
     periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
@@ -13976,189 +13795,18 @@ var FilterWithPeriod = function(param) {
     ]
   });
 };
-var FILTER_HEIGHT = 36;
-var styles$j = {
-  root: {
-    display: "flex",
-    flexWrap: "wrap",
-    gap: 8,
-    width: "100%"
-  },
-  settings: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 18,
-    boxSizing: "border-box",
-    width: 40,
-    height: FILTER_HEIGHT,
-    cursor: "pointer",
-    transition: "background-color 0.25s ease-in-out"
-  },
-  settingsIcon: {
-    width: 16,
-    height: 16
-  },
-  clear: {
-    display: "flex",
-    alignItems: "center",
-    height: FILTER_HEIGHT
-  },
-  filterWithClearButton: {
-    display: "flex",
-    gap: 16,
-    minWidth: 0
-  },
-  // TODO: удалить когда появятся текстовые кнопки
-  tweakClearButton: {
-    s: {
-      paddingLeft: 0,
-      paddingRight: 0,
-      minWidth: "unset"
-    },
-    text: {
-      background: "none",
-      color: colors.GREY_ACTIVE,
-      "&:hover, &:focus": {
-        color: colors.FONT_MEDIUM
-      },
-      "&:active": {
-        color: colors.FONT_MAIN
-      },
-      "&:hover, &:focus, &:active": {
-        background: "none",
-        borderColor: "transparent"
-      }
-    }
-  }
-};
-var styles$i = {
-  root: {
-    position: "relative",
-    transition: "0.25s ease-in-out",
-    transitionProperty: "background-color, border-color",
-    border: [
-      1,
-      "solid",
-      colors.BORDER_MAIN
-    ],
-    borderRadius: 18,
-    boxSizing: "border-box",
-    height: FILTER_HEIGHT,
-    minWidth: 0
-  },
-  item: {
-    display: "flex",
-    padding: [
-      0,
-      8,
-      0,
-      16
-    ],
-    cursor: "pointer"
-  },
-  booleanItem: {
-    padding: 0
-  },
-  name: {
-    fontSize: 14,
-    lineHeight: "34px",
-    whiteSpace: "nowrap"
-  },
-  boolean: {
-    padding: [
-      0,
-      16
-    ]
-  },
-  noValue: {},
-  openNoValue: {},
-  openWithValue: {},
-  disabled: {
-    "& > $item": {
-      cursor: "default"
-    }
-  },
-  withValue: {},
-  iconContainer: {
-    width: 20,
-    height: 20,
-    transition: "transform .2s ease-in-out",
-    alignSelf: "center",
-    marginLeft: 6,
-    marginRight: 4,
-    flexShrink: 0
-  },
-  open: {
-    transform: "rotate(180deg)"
-  },
-  dropdown: {
-    position: "absolute",
-    zIndex: 20,
-    marginTop: 6,
-    border: [
-      1,
-      colors.BORDER_MAIN,
-      "solid"
-    ]
-  },
-  left: {
-    left: 0
-  },
-  right: {
-    right: 0
-  },
-  value: {
-    alignSelf: "center",
-    fontSize: 14,
-    lineHeight: "16px",
-    margin: [
-      0,
-      2,
-      0,
-      8
-    ],
-    fontWeight: "bold",
-    display: "flex",
-    minWidth: 0
-  },
-  animationEnd: {
-    opacity: 0,
-    transform: "translateY(15px)",
-    transition: "0.15s ease-in-out",
-    transitionProperty: "opacity, transform"
-  },
-  animationStart: {
-    opacity: 1,
-    transform: "translateY(0)",
-    transition: "0.15s ease-in-out",
-    transitionProperty: "opacity, transform"
-  },
-  "dropdown-enter": {
-    extend: "animationEnd"
-  },
-  "dropdown-enter-active": {
-    extend: "animationStart"
-  },
-  "dropdown-exit-active": {
-    extend: "animationStart"
-  },
-  "dropdown-exit": {
-    extend: "animationEnd"
-  }
-};
-function _array_like_to_array$b(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$b(arr) {
+function _array_with_holes$c(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$j(obj, key, value) {
+function _define_property$k(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14171,7 +13819,7 @@ function _define_property$j(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$b(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;
@@ -14199,7 +13847,7 @@ function _iterable_to_array_limit$b(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$b() {
+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 _object_spread$i(target) {
@@ -14212,7 +13860,7 @@ function _object_spread$i(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$j(target, key, source[key]);
+      _define_property$k(target, key, source[key]);
     });
   }
   return target;
@@ -14241,132 +13889,30 @@ function _object_spread_props$g(target, source) {
   }
   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$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 _unsupported_iterable_to_array$b(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$b(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$b(o, minLen);
-}
-function FilterWrapper(param) {
-  var filter = param.filter, value = param.value, isDisabled = param.isDisabled, onChange = param.onChange, locale2 = param.locale, localeKey = param.localeKey, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles;
-  var handleChange = function handleChange2(v) {
-    if (type === "select") {
-      setIsOpen(false);
-    }
-    onChange(v);
-  };
-  var classes = useTheme("FilterWrapper", styles$i, tweakStyles).classes;
-  var _useState = _sliced_to_array$b(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-  var refItem = useRef(null);
-  var type = filter.type;
-  var hasValue = false;
-  if (Array.isArray(value) && value.length > 0) {
-    hasValue = true;
-  } else if (typeof value === "object" && Object.values(value).some(function(v) {
-    return Array.isArray(v) ? v.length > 0 : Boolean(v);
-  })) {
-    hasValue = true;
-  } else if (!Array.isArray(value) && typeof value !== "object") {
-    hasValue = Boolean(value);
-  }
-  var handleLabelClick = function() {
-    if (!isBoolean && !isDisabled) {
-      setIsOpen(!isOpen);
-    }
-    if (isBoolean) {
-      onChange(!value);
-    }
-  };
-  var handleOnClose = function() {
-    setIsOpen(false);
-  };
-  var isBoolean = filter.type === "boolean";
-  var _obj;
-  return !filter.isInline ? /* @__PURE__ */ jsxs("div", {
-    className: clsx(classes.root, (_obj = {}, _define_property$j(_obj, classes.noValue, !hasValue), _define_property$j(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$j(_obj, classes.withValue, !isOpen && hasValue), _define_property$j(_obj, classes.openWithValue, isOpen && hasValue), _define_property$j(_obj, classes.boolean, isBoolean), _define_property$j(_obj, classes.disabled, isDisabled), _obj)),
-    "data-testid": testId,
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        ref: refItem,
-        onClick: handleLabelClick,
-        className: clsx(classes.item, _define_property$j({}, classes.booleanItem, isBoolean)),
-        children: [
-          /* @__PURE__ */ jsx("div", {
-            className: classes.name,
-            children: filter.name
-          }),
-          !isBoolean && value !== void 0 && value !== null && /* @__PURE__ */ jsx("div", {
-            className: classes.value,
-            children: /* @__PURE__ */ jsx(FilterValueView, {
-              value,
-              filter,
-              localeKey,
-              locale: locale2
-            })
-          }),
-          !isBoolean && /* @__PURE__ */ jsx("div", {
-            className: clsx(classes.iconContainer, isOpen && classes.open),
-            children: /* @__PURE__ */ jsx(Icon, {
-              type: "chevron-down"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(CSSTransition, {
-        in: isOpen,
-        timeout: 150,
-        unmountOnExit: true,
-        classNames: {
-          enter: classes["dropdown-enter"],
-          enterActive: classes["dropdown-enter-active"],
-          exit: classes["dropdown-exit"],
-          exitActive: classes["dropdown-exit-active"]
-        },
-        children: /* @__PURE__ */ jsx(Filter, {
-          value,
-          filter,
-          localeKey,
-          locale: locale2,
-          onClose: handleOnClose,
-          onChange: handleChange,
-          parentRef: refItem,
-          filtersPaneRef,
-          testId,
-          classes
-        })
-      })
-    ]
-  }) : /* @__PURE__ */ jsx(Filter, {
-    value,
-    filter,
-    localeKey,
-    locale: locale2,
-    onClose: handleOnClose,
-    onChange,
-    isInline: true,
-    filtersPaneRef,
-    testId,
-    classes
-  });
+    return _array_like_to_array$c(o, minLen);
 }
 function Filter(param) {
   var filter = param.filter, value = param.value, parentRef = param.parentRef, isInline = param.isInline, onChange = param.onChange, onClose = param.onClose, localeKey = param.localeKey, locale2 = param.locale, filtersPaneRef = param.filtersPaneRef, testId = param.testId, classes = param.classes;
   var ref = useRef(null);
-  var _useState = _sliced_to_array$b(useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
+  var _useState = _sliced_to_array$c(useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
   var _filter_localeKey;
   var translatesLocaleKey = (_filter_localeKey = filter.localeKey) !== null && _filter_localeKey !== void 0 ? _filter_localeKey : localeKey;
   var translates = useMemo(function() {
-    return getLocale$2(translatesLocaleKey, locale2, filter.locale);
+    return getLocale$1(translatesLocaleKey, locale2, filter.locale);
   }, [
     localeKey,
     locale2,
@@ -14395,7 +13941,7 @@ function Filter(param) {
   ]);
   var props = {
     ref,
-    className: clsx(classes[dropdownPosition], _define_property$j({}, classes.dropdown, !isInline))
+    className: clsx(classes[dropdownPosition], _define_property$k({}, classes.dropdown, !isInline))
   };
   var handleOnClose = function() {
     if (onClose !== void 0) {
@@ -14490,7 +14036,63 @@ function Filter(param) {
   console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
   return null;
 }
-var styles$h = {
+var FILTER_HEIGHT = 36;
+var styles$k = {
+  root: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: 8,
+    width: "100%"
+  },
+  settings: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 18,
+    boxSizing: "border-box",
+    width: 40,
+    height: FILTER_HEIGHT,
+    cursor: "pointer",
+    transition: "background-color 0.25s ease-in-out"
+  },
+  settingsIcon: {
+    width: 16,
+    height: 16
+  },
+  clear: {
+    display: "flex",
+    alignItems: "center",
+    height: FILTER_HEIGHT
+  },
+  filterWithClearButton: {
+    display: "flex",
+    gap: 16,
+    minWidth: 0
+  },
+  // TODO: удалить когда появятся текстовые кнопки
+  tweakClearButton: {
+    s: {
+      paddingLeft: 0,
+      paddingRight: 0,
+      minWidth: "unset"
+    },
+    text: {
+      background: "none",
+      color: colors.GREY_ACTIVE,
+      "&:hover, &:focus": {
+        color: colors.FONT_MEDIUM
+      },
+      "&:active": {
+        color: colors.FONT_MAIN
+      },
+      "&:hover, &:focus, &:active": {
+        background: "none",
+        borderColor: "transparent"
+      }
+    }
+  }
+};
+var styles$j = {
   root: {
     display: "flex",
     position: "relative",
@@ -14587,18 +14189,18 @@ var styles$h = {
     }
   }
 };
-function _array_like_to_array$a(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$a(arr) {
+function _array_with_holes$b(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$i(obj, key, value) {
+function _define_property$j(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14611,7 +14213,7 @@ function _define_property$i(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$a(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;
@@ -14639,7 +14241,7 @@ function _iterable_to_array_limit$a(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$a() {
+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$h(target) {
@@ -14652,7 +14254,7 @@ function _object_spread$h(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$i(target, key, source[key]);
+      _define_property$j(target, key, source[key]);
     });
   }
   return target;
@@ -14681,30 +14283,30 @@ function _object_spread_props$f(target, source) {
   }
   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$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$a(o, minLen) {
+function _unsupported_iterable_to_array$b(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$a(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$a(o, minLen);
+    return _array_like_to_array$b(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, _param_selectWidth = param.selectWidth, selectWidth = _param_selectWidth === void 0 ? "100%" : _param_selectWidth, 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 _useTheme = useTheme("FiltersPaneSearch", styles$h, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
-  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 _useTheme = useTheme("FiltersPaneSearch", styles$j, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useState = _sliced_to_array$b(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+  var _useState1 = _sliced_to_array$b(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
   var refRoot = useRef(null);
   var translates = useMemo(function() {
-    return getLocale$2(localeKey, locale2);
+    return getLocale$1(localeKey, locale2);
   }, [
     localeKey,
     locale2
@@ -14734,7 +14336,7 @@ function FiltersPaneSearch(param) {
   var tweakSelectStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSelect");
   var _obj;
   return /* @__PURE__ */ jsxs("div", _object_spread_props$f(_object_spread$h({
-    className: clsx(classes.root, (_obj = {}, _define_property$i(_obj, classes.focused, isInputFocused), _define_property$i(_obj, classes.disabled, isDisabled), _obj)),
+    className: clsx(classes.root, (_obj = {}, _define_property$j(_obj, classes.focused, isInputFocused), _define_property$j(_obj, classes.disabled, isDisabled), _obj)),
     ref: refRoot,
     "data-testid": testId
   }, addDataAttributes(data)), {
@@ -14777,28 +14379,484 @@ function FiltersPaneSearch(param) {
               })
             ]
           }),
-          isOpen && /* @__PURE__ */ jsx("div", {
-            className: classes.dropdown,
-            children: /* @__PURE__ */ jsx(FilterSelect, {
-              tweakStyles: tweakSelectStyles,
-              value: field,
-              options: fields,
-              getValueView,
-              getValueId,
-              getValueString,
+          isOpen && /* @__PURE__ */ jsx("div", {
+            className: classes.dropdown,
+            children: /* @__PURE__ */ jsx(FilterSelect, {
+              tweakStyles: tweakSelectStyles,
+              value: field,
+              options: fields,
+              getValueView,
+              getValueId,
+              getValueString,
+              localeKey,
+              locale: translates,
+              onChange: handleFieldsChange,
+              width: selectWidth,
+              isSearchEnabled: isSelectSearchEnabled,
+              hasClearButton: hasClearSelectButton,
+              testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
+            })
+          })
+        ]
+      })
+    ]
+  }));
+}
+var styles$i = {
+  text: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  count: {
+    whiteSpace: "pre"
+  }
+};
+function _instanceof$1(left2, right2) {
+  if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
+    return !!right2[Symbol.hasInstance](left2);
+  } else {
+    return left2 instanceof right2;
+  }
+}
+function FilterValueView(param) {
+  var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value;
+  var classes = useTheme("FilterValueView", styles$i).classes;
+  if (value === void 0 || value === null) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  var _filter_localeKey;
+  var translatesLocaleKey = (_filter_localeKey = filter.localeKey) !== null && _filter_localeKey !== void 0 ? _filter_localeKey : localeKey;
+  var translates = useMemo(function() {
+    return getLocale$1(translatesLocaleKey, locale2, filter.locale);
+  }, [
+    localeKey,
+    locale2,
+    filter.locale
+  ]);
+  if (filter.getSelectedValueView !== void 0) {
+    return /* @__PURE__ */ jsx("span", {
+      className: classes.text,
+      children: filter.getSelectedValueView(value)
+    });
+  }
+  var isMultiple = filter.type === "custom" && filter.valueViewType === "multiple";
+  var isRange = filter.type === "custom" && filter.valueViewType === "range";
+  var isDate = filter.type === "dateRange" || filter.type === "dateRangeWithoutPeriod";
+  var displayValue = function(v) {
+    if (v === void 0 || v === null) {
+      return "";
+    }
+    if (_instanceof$1(v, Date)) {
+      return format$1(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
+    }
+    if (typeof v === "object" && v.value !== void 0) {
+      return String(v.value);
+    }
+    if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+      return String(v);
+    }
+    console.warn("%c Ошибка конфигурации фильтра ".concat(filter.name, ". Невозможно отобразить значение фильтра. Задайте filterValueViewComponent или filterValueViewType."), "background: orange; color: black");
+    return "";
+  };
+  if (filter.type === "select") {
+    var _filter_getValueView;
+    var getView = (_filter_getValueView = filter.getValueView) !== null && _filter_getValueView !== void 0 ? _filter_getValueView : defaultConvertFunction$1;
+    return /* @__PURE__ */ jsx("span", {
+      className: classes.text,
+      children: getView(value)
+    });
+  }
+  if (filter.type === "multiSelect") {
+    var multiSelectValue = value;
+    var _filter_getValueView1;
+    var getView1 = (_filter_getValueView1 = filter.getValueView) !== null && _filter_getValueView1 !== void 0 ? _filter_getValueView1 : defaultConvertFunction$1;
+    var include = multiSelectValue.include;
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: Array.isArray(include) && include.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: classes.text,
+            children: getView1(include[0])
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: classes.count,
+            children: include.length > 1 && " (+".concat(include.length - 1, ")")
+          })
+        ]
+      })
+    });
+  }
+  if (filter.type === "interval") {
+    var intervalValue = value;
+    var intervalValueFrom = intervalValue[0];
+    var intervalValueTo = intervalValue[1];
+    var intervals = [];
+    if (intervalValueFrom !== void 0) {
+      intervals.push("".concat(translates.from.toLowerCase(), " ").concat(String(intervalValueFrom)));
+    }
+    if (intervalValueTo !== void 0) {
+      intervals.push("".concat(translates.to.toLowerCase(), " ").concat(String(intervalValueTo)));
+    }
+    return /* @__PURE__ */ jsx("span", {
+      className: classes.text,
+      children: intervals.join(" ")
+    });
+  }
+  if (isMultiple) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: classes.text,
+            children: displayValue(value[0])
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: classes.count,
+            children: value.length > 1 && " (+".concat(value.length - 1, ")")
+          })
+        ]
+      })
+    });
+  }
+  if (isDate) {
+    var from = value.from, to = value.to, periodType = value.periodType, label = value.label;
+    var hasFrom = from !== void 0 && from !== null;
+    var hasTo = to !== void 0 && to !== null;
+    if (periodType !== "CUSTOM") {
+      return /* @__PURE__ */ jsx("span", {
+        className: classes.text,
+        children: displayValue(label)
+      });
+    }
+    var range = [];
+    if (hasFrom) {
+      if (!hasTo) {
+        range.push(translates.from.toLowerCase());
+      }
+      range.push(displayValue(from));
+    }
+    if (hasTo) {
+      if (hasFrom) {
+        range.push("—");
+      } else {
+        range.push(translates.to.toLowerCase());
+      }
+      range.push(displayValue(to));
+    }
+    return /* @__PURE__ */ jsx("span", {
+      className: classes.text,
+      children: range.join(" ")
+    });
+  }
+  if (isRange && Array.isArray(value)) {
+    var rangeValue = value;
+    var rangeValueFrom = rangeValue[0];
+    var rangeValueTo = rangeValue[1];
+    var range1 = [];
+    if (rangeValueFrom !== void 0) {
+      range1.push("".concat(translates.from.toLowerCase(), " ").concat(String(rangeValueFrom)));
+    }
+    if (rangeValueTo !== void 0) {
+      range1.push("".concat(translates.to.toLowerCase(), " ").concat(String(rangeValueTo)));
+    }
+    return /* @__PURE__ */ jsx("span", {
+      className: classes.text,
+      children: range1.join(" ")
+    });
+  }
+  return /* @__PURE__ */ jsx("span", {
+    className: classes.text,
+    children: displayValue(value)
+  });
+}
+var styles$h = {
+  root: {
+    position: "relative",
+    transition: "0.25s ease-in-out",
+    transitionProperty: "background-color, border-color",
+    border: [
+      1,
+      "solid",
+      colors.BORDER_MAIN
+    ],
+    borderRadius: 18,
+    boxSizing: "border-box",
+    height: FILTER_HEIGHT,
+    minWidth: 0
+  },
+  item: {
+    display: "flex",
+    padding: [
+      0,
+      8,
+      0,
+      16
+    ],
+    cursor: "pointer"
+  },
+  booleanItem: {
+    padding: 0
+  },
+  name: {
+    fontSize: 14,
+    lineHeight: "34px",
+    whiteSpace: "nowrap"
+  },
+  boolean: {
+    padding: [
+      0,
+      16
+    ]
+  },
+  noValue: {},
+  openNoValue: {},
+  openWithValue: {},
+  disabled: {
+    "& > $item": {
+      cursor: "default"
+    }
+  },
+  withValue: {},
+  iconContainer: {
+    width: 20,
+    height: 20,
+    transition: "transform .2s ease-in-out",
+    alignSelf: "center",
+    marginLeft: 6,
+    marginRight: 4,
+    flexShrink: 0
+  },
+  open: {
+    transform: "rotate(180deg)"
+  },
+  dropdown: {
+    position: "absolute",
+    zIndex: 20,
+    marginTop: 6,
+    border: [
+      1,
+      colors.BORDER_MAIN,
+      "solid"
+    ]
+  },
+  left: {
+    left: 0
+  },
+  right: {
+    right: 0
+  },
+  value: {
+    alignSelf: "center",
+    fontSize: 14,
+    lineHeight: "16px",
+    margin: [
+      0,
+      2,
+      0,
+      8
+    ],
+    fontWeight: "bold",
+    display: "flex",
+    minWidth: 0
+  },
+  animationEnd: {
+    opacity: 0,
+    transform: "translateY(15px)",
+    transition: "0.15s ease-in-out",
+    transitionProperty: "opacity, transform"
+  },
+  animationStart: {
+    opacity: 1,
+    transform: "translateY(0)",
+    transition: "0.15s ease-in-out",
+    transitionProperty: "opacity, transform"
+  },
+  "dropdown-enter": {
+    extend: "animationEnd"
+  },
+  "dropdown-enter-active": {
+    extend: "animationStart"
+  },
+  "dropdown-exit-active": {
+    extend: "animationStart"
+  },
+  "dropdown-exit": {
+    extend: "animationEnd"
+  }
+};
+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$a(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property$i(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_limit$a(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$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 _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 _unsupported_iterable_to_array$a(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    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$a(o, minLen);
+}
+function FilterWrapper(param) {
+  var filter = param.filter, value = param.value, isDisabled = param.isDisabled, onChange = param.onChange, locale2 = param.locale, localeKey = param.localeKey, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles;
+  var handleChange = function handleChange2(v) {
+    if (type === "select") {
+      setIsOpen(false);
+    }
+    onChange(v);
+  };
+  var classes = useTheme("FilterWrapper", styles$h, tweakStyles).classes;
+  var _useState = _sliced_to_array$a(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var refItem = useRef(null);
+  var type = filter.type;
+  var hasValue = false;
+  if (Array.isArray(value) && value.length > 0) {
+    hasValue = true;
+  } else if (typeof value === "object" && Object.values(value).some(function(v) {
+    return Array.isArray(v) ? v.length > 0 : Boolean(v);
+  })) {
+    hasValue = true;
+  } else if (!Array.isArray(value) && typeof value !== "object") {
+    hasValue = Boolean(value);
+  }
+  var handleLabelClick = function() {
+    if (!isBoolean && !isDisabled) {
+      setIsOpen(!isOpen);
+    }
+    if (isBoolean) {
+      onChange(!value);
+    }
+  };
+  var handleOnClose = function() {
+    setIsOpen(false);
+  };
+  var isBoolean = filter.type === "boolean";
+  var _obj;
+  return !filter.isInline ? /* @__PURE__ */ jsxs("div", {
+    className: clsx(classes.root, (_obj = {}, _define_property$i(_obj, classes.noValue, !hasValue), _define_property$i(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$i(_obj, classes.withValue, !isOpen && hasValue), _define_property$i(_obj, classes.openWithValue, isOpen && hasValue), _define_property$i(_obj, classes.boolean, isBoolean), _define_property$i(_obj, classes.disabled, isDisabled), _obj)),
+    "data-testid": testId,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        ref: refItem,
+        onClick: handleLabelClick,
+        className: clsx(classes.item, _define_property$i({}, classes.booleanItem, isBoolean)),
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            className: classes.name,
+            children: filter.name
+          }),
+          !isBoolean && value !== void 0 && value !== null && /* @__PURE__ */ jsx("div", {
+            className: classes.value,
+            children: /* @__PURE__ */ jsx(FilterValueView, {
+              value,
+              filter,
               localeKey,
-              locale: translates,
-              onChange: handleFieldsChange,
-              width: selectWidth,
-              isSearchEnabled: isSelectSearchEnabled,
-              hasClearButton: hasClearSelectButton,
-              testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
+              locale: locale2
+            })
+          }),
+          !isBoolean && /* @__PURE__ */ jsx("div", {
+            className: clsx(classes.iconContainer, isOpen && classes.open),
+            children: /* @__PURE__ */ jsx(Icon, {
+              type: "chevron-down"
             })
           })
         ]
+      }),
+      /* @__PURE__ */ jsx(CSSTransition, {
+        in: isOpen,
+        timeout: 150,
+        unmountOnExit: true,
+        classNames: {
+          enter: classes["dropdown-enter"],
+          enterActive: classes["dropdown-enter-active"],
+          exit: classes["dropdown-exit"],
+          exitActive: classes["dropdown-exit-active"]
+        },
+        children: /* @__PURE__ */ jsx(Filter, {
+          value,
+          filter,
+          localeKey,
+          locale: locale2,
+          onClose: handleOnClose,
+          onChange: handleChange,
+          parentRef: refItem,
+          filtersPaneRef,
+          testId,
+          classes
+        })
       })
     ]
-  }));
+  }) : /* @__PURE__ */ jsx(Filter, {
+    value,
+    filter,
+    localeKey,
+    locale: locale2,
+    onClose: handleOnClose,
+    onChange,
+    isInline: true,
+    filtersPaneRef,
+    testId,
+    classes
+  });
 }
 function _define_property$h(obj, key, value) {
   if (key in obj) {
@@ -14854,9 +14912,9 @@ function _object_spread_props$e(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, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear, testId = param.testId;
-  var _useTheme = useTheme("FiltersPane", styles$j, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("FiltersPane", styles$k, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var translates = useMemo(function() {
-    return getLocale$2(localeKey, locale2);
+    return getLocale$1(localeKey, locale2);
   }, [
     localeKey,
     locale2
@@ -14909,7 +14967,7 @@ function FiltersPane(param) {
         })
       }),
       search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$e(_object_spread$g({}, search), {
-        locale: getLocale$2((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
+        locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
         localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
         isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
         testId: testId !== void 0 ? "".concat(testId, "-search") : void 0
@@ -21032,190 +21090,68 @@ const Flags = {
   TK,
   TL,
   TM,
-  TN,
-  TO,
-  TR,
-  TT,
-  TV,
-  TW,
-  TZ,
-  UA,
-  UG,
-  UM,
-  US,
-  UY,
-  UZ,
-  VA,
-  VC,
-  VE,
-  VG,
-  VI,
-  VN,
-  VU,
-  WF,
-  WS,
-  XK,
-  YE,
-  YT,
-  ZA,
-  ZM,
-  ZW
-};
-var styles$g = {
-  root: {
-    // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
-    // если будет нужно, то можно вынести border на уровень пропсов
-    border: [
-      1,
-      "solid",
-      colors.BORDER_MAIN
-    ],
-    borderRadius: 2
-  },
-  noFlag: {
-    width: 20,
-    color: colors.FONT_MEDIUM
-  }
-};
-var Flag = function(param) {
-  var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
-  var classes = useTheme("Flag", styles$g, tweakStyles).classes;
-  var CC3 = countryCode.toUpperCase();
-  var TheFlag = hasFlag(CC3) ? Flags[CC3] : function() {
-    return /* @__PURE__ */ jsx("div", {
-      className: classes.noFlag,
-      children: /* @__PURE__ */ jsx(Icon, {
-        type: "minus"
-      })
-    });
-  };
-  return /* @__PURE__ */ jsx(TheFlag, {
-    className: classes.root
-  });
-};
-var STICKY_SHADOW_PADDING = 12;
-var styles$f = {
-  root: {
-    position: "relative",
-    width: "100%",
-    borderCollapse: "separate",
-    borderSpacing: 0
-  },
-  row: {
-    position: "relative"
-  },
-  scroll: {
-    overflow: "auto",
-    /*
-      Чтобы сделать таблицу на всю высоту проставьте
-      height у родителя таблицы у себя в проекте.
-      Например: height: calc(100vh -{высота шапки}px)
-    */
-    maxHeight: "100%"
-  },
-  horizontallyScrolled: {
-    "& $cellSticky": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    },
-    "& $headerSticky::before": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    }
-  },
-  loader: {
-    position: "sticky",
-    left: 0,
-    maxWidth: "100vw",
-    height: 48,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  headerRow: {
-    verticalAlign: "bottom"
-  },
-  activeRow: {},
-  cell: {
-    position: "relative",
-    boxSizing: "content-box",
-    padding: [
-      14,
-      7,
-      14,
-      7
-    ],
-    fontSize: 14,
-    lineHeight: 1.42,
-    zIndex: 5,
-    verticalAlign: "top"
-  },
-  cellSticky: {
-    zIndex: 19,
-    paddingLeft: 24,
-    paddingRight: 12,
-    transition: [
-      "box-shadow",
-      "0.25s",
-      "ease-in-out"
-    ]
-  },
-  cellSecond: {
-    paddingLeft: STICKY_SHADOW_PADDING
-  },
-  header: {
-    position: "sticky",
-    boxSizing: "content-box",
-    top: 0,
-    zIndex: 10,
-    fontSize: 12,
-    fontWeight: "normal",
-    padding: [
-      0,
-      7,
-      16,
-      7
-    ]
-  },
-  headerSticky: {
-    zIndex: 20,
-    left: 0,
-    paddingLeft: 24,
-    paddingRight: 12,
-    "&::before": {
-      content: '""',
-      display: "block",
-      width: "100%",
-      height: "100%",
-      position: "absolute",
-      left: 0,
-      top: 0,
-      background: "transparent",
-      pointerEvents: "none",
-      zIndex: 1,
-      transition: [
-        "box-shadow",
-        "0.25s",
-        "ease-in-out"
-      ]
-    },
-    "&::after": {
-      content: '""',
-      display: "block",
-      width: STICKY_SHADOW_PADDING,
-      height: "100%",
-      position: "absolute",
-      left: "100%",
-      top: 0,
-      background: "linear-gradient(90deg, ".concat(colors.CLASSIC_WHITE, ", ").concat(rgba(colors.CLASSIC_WHITE, 0), ")"),
-      zIndex: 0
-    }
-  },
-  headerSecond: {
-    paddingLeft: STICKY_SHADOW_PADDING
+  TN,
+  TO,
+  TR,
+  TT,
+  TV,
+  TW,
+  TZ,
+  UA,
+  UG,
+  UM,
+  US,
+  UY,
+  UZ,
+  VA,
+  VC,
+  VE,
+  VG,
+  VI,
+  VN,
+  VU,
+  WF,
+  WS,
+  XK,
+  YE,
+  YT,
+  ZA,
+  ZM,
+  ZW
+};
+var styles$g = {
+  root: {
+    // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
+    // если будет нужно, то можно вынести border на уровень пропсов
+    border: [
+      1,
+      "solid",
+      colors.BORDER_MAIN
+    ],
+    borderRadius: 2
   },
-  editableRow: {
-    cursor: "pointer"
+  noFlag: {
+    width: 20,
+    color: colors.FONT_MEDIUM
   }
 };
+var Flag = function(param) {
+  var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
+  var classes = useTheme("Flag", styles$g, tweakStyles).classes;
+  var CC3 = countryCode.toUpperCase();
+  var TheFlag = hasFlag(CC3) ? Flags[CC3] : function() {
+    return /* @__PURE__ */ jsx("div", {
+      className: classes.noFlag,
+      children: /* @__PURE__ */ jsx(Icon, {
+        type: "minus"
+      })
+    });
+  };
+  return /* @__PURE__ */ jsx(TheFlag, {
+    className: classes.root
+  });
+};
+var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
 function _instanceof(left2, right2) {
   if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
     return !!right2[Symbol.hasInstance](left2);
@@ -21223,7 +21159,6 @@ function _instanceof(left2, right2) {
     return left2 instanceof right2;
   }
 }
-var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
 function TableValue(param) {
   var item = param.item, columnName = param.columnName, config = param.config, classes = param.classes, isFocusedRow = param.isFocusedRow, isSecond = param.isSecond, isSticky = param.isSticky, isNestedComponentExpanded = param.isNestedComponentExpanded, isRowNestedComponentExpanded = param.isRowNestedComponentExpanded, onSetNestedComponent = param.onSetNestedComponent;
   var itemConfig = config === null || config === void 0 ? void 0 : config[columnName];
@@ -21366,7 +21301,7 @@ function _unsupported_iterable_to_array$9(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$9(o, minLen);
 }
-function TableRow(param) {
+function TableRowInner(param) {
   var item = param.item, uniqueField = param.uniqueField, isFirstColumnSticky = param.isFirstColumnSticky, isActive = param.isActive, config = param.config, enabledColumns = param.enabledColumns, onRowHover = param.onRowHover, onRowClick = param.onRowClick, rowAttributes = param.rowAttributes, expandableRowComponent = param.expandableRowComponent, classes = param.classes;
   var _useState = _sliced_to_array$9(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var _useState1 = _sliced_to_array$9(useState({
@@ -21459,7 +21394,130 @@ function TableRow(param) {
     ]
   });
 }
-const TableRow$1 = /* @__PURE__ */ React.memo(TableRow);
+var TableRow = /* @__PURE__ */ memo(TableRowInner);
+var STICKY_SHADOW_PADDING = 12;
+var styles$f = {
+  root: {
+    position: "relative",
+    width: "100%",
+    borderCollapse: "separate",
+    borderSpacing: 0
+  },
+  row: {
+    position: "relative"
+  },
+  scroll: {
+    overflow: "auto",
+    /*
+      Чтобы сделать таблицу на всю высоту проставьте
+      height у родителя таблицы у себя в проекте.
+      Например: height: calc(100vh -{высота шапки}px)
+    */
+    maxHeight: "100%"
+  },
+  horizontallyScrolled: {
+    "& $cellSticky": {
+      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+    },
+    "& $headerSticky::before": {
+      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+    }
+  },
+  loader: {
+    position: "sticky",
+    left: 0,
+    maxWidth: "100vw",
+    height: 48,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  headerRow: {
+    verticalAlign: "bottom"
+  },
+  activeRow: {},
+  cell: {
+    position: "relative",
+    boxSizing: "content-box",
+    padding: [
+      14,
+      7,
+      14,
+      7
+    ],
+    fontSize: 14,
+    lineHeight: 1.42,
+    zIndex: 5,
+    verticalAlign: "top"
+  },
+  cellSticky: {
+    zIndex: 19,
+    paddingLeft: 24,
+    paddingRight: 12,
+    transition: [
+      "box-shadow",
+      "0.25s",
+      "ease-in-out"
+    ]
+  },
+  cellSecond: {
+    paddingLeft: STICKY_SHADOW_PADDING
+  },
+  header: {
+    position: "sticky",
+    boxSizing: "content-box",
+    top: 0,
+    zIndex: 10,
+    fontSize: 12,
+    fontWeight: "normal",
+    padding: [
+      0,
+      7,
+      16,
+      7
+    ]
+  },
+  headerSticky: {
+    zIndex: 20,
+    left: 0,
+    paddingLeft: 24,
+    paddingRight: 12,
+    "&::before": {
+      content: '""',
+      display: "block",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      left: 0,
+      top: 0,
+      background: "transparent",
+      pointerEvents: "none",
+      zIndex: 1,
+      transition: [
+        "box-shadow",
+        "0.25s",
+        "ease-in-out"
+      ]
+    },
+    "&::after": {
+      content: '""',
+      display: "block",
+      width: STICKY_SHADOW_PADDING,
+      height: "100%",
+      position: "absolute",
+      left: "100%",
+      top: 0,
+      background: "linear-gradient(90deg, ".concat(colors.CLASSIC_WHITE, ", ").concat(rgba(colors.CLASSIC_WHITE, 0), ")"),
+      zIndex: 0
+    }
+  },
+  headerSecond: {
+    paddingLeft: STICKY_SHADOW_PADDING
+  },
+  editableRow: {
+    cursor: "pointer"
+  }
+};
 function _array_like_to_array$8(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -21675,7 +21733,7 @@ function FlexibleTable(param) {
               })
             }),
             content.map(function(item, idx) {
-              return jsx(TableRow$1, {
+              return jsx(TableRow, {
                 item,
                 uniqueField,
                 isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
@@ -22351,8 +22409,8 @@ var Modal = function(_param) {
     "unmountOnExit",
     "onClose"
   ]);
-  var _ref;
-  var isModalOpen = (_ref = isOpen !== null && isOpen !== void 0 ? isOpen : restProps.in) !== null && _ref !== void 0 ? _ref : false;
+  var _restProps_in;
+  var isModalOpen = (_restProps_in = restProps.in) !== null && _restProps_in !== void 0 ? _restProps_in : isOpen;
   var _useTheme = useTheme("Modal", styles$d, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakCloseButtonStyles = useTweakStyles(componentStyles, tweakStyles, "tweakCloseButton");
   var _useState = _sliced_to_array$7(useState(false), 2), isClickOnOverlay = _useState[0], setIsClickOnOverlay = _useState[1];
@@ -22644,78 +22702,36 @@ var MoreMenu = function(param) {
     onMenuClose === null || onMenuClose === void 0 ? void 0 : onMenuClose();
   };
   useOnClickOutsideWithRef(list, handleCloseMenu, button);
-  var _obj;
-  return /* @__PURE__ */ jsxs("div", {
-    className: classes.root,
-    children: [
-      /* @__PURE__ */ jsx("button", _object_spread_props$9(_object_spread$b({
-        ref: button,
-        className: clsx(classes.button, (_obj = {}, _define_property$c(_obj, classes.hasCircle, hasDefaultStateBackground), _define_property$c(_obj, classes.disabled, isButtonDisabled), _define_property$c(_obj, classes.active, isMenuShown), _obj)),
-        onClick: !isButtonDisabled ? toggleMenu : void 0
-      }, addDataTestId$1(testId), addDataAttributes(data)), {
-        children: /* @__PURE__ */ jsx("div", {
-          className: classes.icon,
-          children: /* @__PURE__ */ jsx(Icon, {
-            type: "menu"
-          })
-        })
-      })),
-      isMenuShown && !isButtonDisabled && /* @__PURE__ */ jsx("div", {
-        className: classes.menu,
-        ref: list,
-        children: /* @__PURE__ */ jsx(List, {
-          items,
-          testId: getTestId$1(testId, "list"),
-          tweakStyles: tweakListStyles,
-          onClick: handleCloseMenu
-        })
-      })
-    ]
-  });
-};
-var styles$b = {
-  root: {
-    position: "relative",
-    boxSizing: "border-box",
-    height: "100%",
-    width: "100%",
-    cursor: "pointer",
-    fontSize: 16
-  },
-  required: {
-    "&:before": {
-      content: '""',
-      position: "absolute",
-      left: -12,
-      top: "50%",
-      transform: "translate(0, -50%)",
-      width: 6,
-      height: 6,
-      borderRadius: "50%"
-    }
-  },
-  disabled: {
-    cursor: "default"
-  },
-  listContainer: {
-    position: "absolute",
-    top: "calc(100% + 4px)",
-    left: -1,
-    right: -1,
-    zIndex: 2
-  },
-  invalid: {},
-  open: {},
-  full: {},
-  left: {},
-  right: {},
-  tweakMultiSelectList: {
-    root: {
-      width: "100%"
-    }
-  }
+  var _obj;
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.root,
+    children: [
+      /* @__PURE__ */ jsx("button", _object_spread_props$9(_object_spread$b({
+        ref: button,
+        className: clsx(classes.button, (_obj = {}, _define_property$c(_obj, classes.hasCircle, hasDefaultStateBackground), _define_property$c(_obj, classes.disabled, isButtonDisabled), _define_property$c(_obj, classes.active, isMenuShown), _obj)),
+        onClick: !isButtonDisabled ? toggleMenu : void 0
+      }, addDataTestId$1(testId), addDataAttributes(data)), {
+        children: /* @__PURE__ */ jsx("div", {
+          className: classes.icon,
+          children: /* @__PURE__ */ jsx(Icon, {
+            type: "menu"
+          })
+        })
+      })),
+      isMenuShown && !isButtonDisabled && /* @__PURE__ */ jsx("div", {
+        className: classes.menu,
+        ref: list,
+        children: /* @__PURE__ */ jsx(List, {
+          items,
+          testId: getTestId$1(testId, "list"),
+          tweakStyles: tweakListStyles,
+          onClick: handleCloseMenu
+        })
+      })
+    ]
+  });
 };
-var styles$a = {
+var styles$b = {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -22783,7 +22799,7 @@ var styles$a = {
 };
 function MultiSelectInput(param) {
   var v = param.value, isOpen = param.isOpen, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, onToggle = param.onToggle;
-  var classes = useTheme("MultiSelectInput", styles$a).classes;
+  var classes = useTheme("MultiSelectInput", styles$b).classes;
   var value = v === null || v === void 0 ? void 0 : v.include;
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
@@ -22828,6 +22844,48 @@ function MultiSelectInput(param) {
     ]
   });
 }
+var styles$a = {
+  root: {
+    position: "relative",
+    boxSizing: "border-box",
+    height: "100%",
+    width: "100%",
+    cursor: "pointer",
+    fontSize: 16
+  },
+  required: {
+    "&:before": {
+      content: '""',
+      position: "absolute",
+      left: -12,
+      top: "50%",
+      transform: "translate(0, -50%)",
+      width: 6,
+      height: 6,
+      borderRadius: "50%"
+    }
+  },
+  disabled: {
+    cursor: "default"
+  },
+  listContainer: {
+    position: "absolute",
+    top: "calc(100% + 4px)",
+    left: -1,
+    right: -1,
+    zIndex: 2
+  },
+  invalid: {},
+  open: {},
+  full: {},
+  left: {},
+  right: {},
+  tweakMultiSelectList: {
+    root: {
+      width: "100%"
+    }
+  }
+};
 function _array_like_to_array$5(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -22888,7 +22946,7 @@ function _unsupported_iterable_to_array$5(o, minLen) {
 }
 function MultiSelect(param) {
   var value = param.value, _param_corners = param.corners, corners = _param_corners === void 0 ? "full" : _param_corners, isInvalid = param.isInvalid, isRequired = param.isRequired, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, fetchOptions = param.fetchOptions, tweakStyles = param.tweakStyles;
-  var _useTheme = useTheme("MultiSelect", styles$b, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("MultiSelect", styles$a, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var _useState = _sliced_to_array$5(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
   var ref = useRef(null);
   var handleOnClose = function() {
@@ -23046,11 +23104,17 @@ var Notification = function(param) {
     ]
   }));
 };
-var transformCaseSensitive = function(smartType, map, symbol) {
-  var isUpperCase = symbol.toUpperCase() === symbol;
-  var _map_symbol_toLowerCase;
-  var result = smartType.endsWith("RuEn") ? symbol.toLowerCase() : (_map_symbol_toLowerCase = map[symbol.toLowerCase()]) !== null && _map_symbol_toLowerCase !== void 0 ? _map_symbol_toLowerCase : symbol;
-  return isUpperCase ? result.toUpperCase() : result;
+var SMART_INPUT_REGEX_MAP = {
+  default: /./i,
+  agencyName: /^[a-zA-Z\s0-9-]*$/i,
+  surname: /^[a-zA-Z\s-]*$/i,
+  name: /^[a-zA-Z\s-.`']*$/i,
+  surnameRuEn: /^[a-zA-Zа-яА-Я\s-]*$/i,
+  nameRuEn: /^[a-zA-Zа-яА-Я\s-.`']*$/i,
+  email: /^[a-zA-Z0-9@_\-.+']*$/i,
+  digits: /^[0-9]*$/i,
+  docNumber: /^[a-zA-Z0-9]*$/i,
+  benefitCert: /^[a-zA-Z0-9/]*$/i
 };
 var CharactersMap = {
   й: "q",
@@ -23122,6 +23186,12 @@ var TransliterationMap = {
   ю: "iu",
   ё: "e"
 };
+var transformCaseSensitive = function(smartType, map, symbol) {
+  var isUpperCase = symbol.toUpperCase() === symbol;
+  var _map_symbol_toLowerCase;
+  var result = smartType.endsWith("RuEn") ? symbol.toLowerCase() : (_map_symbol_toLowerCase = map[symbol.toLowerCase()]) !== null && _map_symbol_toLowerCase !== void 0 ? _map_symbol_toLowerCase : symbol;
+  return isUpperCase ? result.toUpperCase() : result;
+};
 function _array_like_to_array$4(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -23264,18 +23334,6 @@ function _unsupported_iterable_to_array$4(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$4(o, minLen);
 }
-var SMART_INPUT_REGEX_MAP = {
-  default: /./i,
-  agencyName: /^[a-zA-Z\s0-9-]*$/i,
-  surname: /^[a-zA-Z\s-]*$/i,
-  name: /^[a-zA-Z\s-.`']*$/i,
-  surnameRuEn: /^[a-zA-Zа-яА-Я\s-]*$/i,
-  nameRuEn: /^[a-zA-Zа-яА-Я\s-.`']*$/i,
-  email: /^[a-zA-Z0-9@_\-.+']*$/i,
-  digits: /^[0-9]*$/i,
-  docNumber: /^[a-zA-Z0-9]*$/i,
-  benefitCert: /^[a-zA-Z0-9/]*$/i
-};
 var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var getUpperCaseIfNeeded = function getUpperCaseIfNeeded2(str) {
     return isUpperCase ? str.toUpperCase() : str;
@@ -23361,75 +23419,6 @@ var SmartInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     value: currentValue
   }));
 });
-var COUNTRY_SELECT_WIDTH = 80;
-var styles$8 = {
-  root: {
-    width: "100%",
-    position: "relative",
-    boxSizing: "border-box"
-  },
-  countrySelectContainer: {
-    position: "absolute",
-    left: 1,
-    top: 1,
-    width: COUNTRY_SELECT_WIDTH,
-    height: dimensions.CONTROL_HEIGHT - 2,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRight: [
-      "solid",
-      1,
-      colors.BORDER_MAIN
-    ],
-    transition: "border-color 0.2s ease-in",
-    cursor: "pointer",
-    zIndex: 2
-  },
-  disabledCountrySelect: {
-    cursor: "default"
-  },
-  flag: {
-    width: 22,
-    height: 16
-  },
-  arrow: {
-    width: 20,
-    color: colors.GREY_ACTIVE,
-    marginLeft: 8,
-    transition: "transform .2s ease"
-  },
-  up: {
-    transform: "rotate(180deg)"
-  },
-  invalidArrow: {
-    color: colors.RED_WARNING
-  },
-  focusedBorder: {},
-  invalidBorder: {
-    borderColor: colors.RED_WARNING
-  },
-  inputContainer: {
-    position: "relative",
-    flex: 1
-  },
-  flagListContainer: {
-    position: "absolute",
-    width: "100%",
-    top: dimensions.CONTROL_HEIGHT + 6,
-    left: -1,
-    zIndex: 3
-  },
-  tweakInput: {
-    inputWrapper: {
-      paddingLeft: COUNTRY_SELECT_WIDTH
-    },
-    label: {
-      marginLeft: COUNTRY_SELECT_WIDTH
-    }
-  },
-  tweakCountryList: {}
-};
 var phoneInfo = [
   {
     countryEn: "Afghanistan",
@@ -26067,7 +26056,7 @@ function _object_spread$8(target) {
 }
 var ROW_HEIGHT = 40;
 var LIST_PADDING = 10;
-var styles$7 = {
+var styles$8 = {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     backgroundColor: colors.CLASSIC_WHITE,
@@ -26245,7 +26234,7 @@ function _unsupported_iterable_to_array$3(o, minLen) {
 }
 var PhoneInputCountryList = function(param) {
   var locale2 = param.locale, placeholder = param.placeholder, selectedCountryCode = param.selectedCountryCode, closeList = param.closeList, noMatchesLabel = param.noMatchesLabel, onChange = param.onChange, tweakStyles = param.tweakStyles;
-  var _useTheme = useTheme("PhoneInputCountryList", styles$7, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("PhoneInputCountryList", styles$8, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakInput");
   var sortedCountries = useMemo(function() {
     return sortCountriesByLocale(phoneInfo, locale2);
@@ -26362,6 +26351,79 @@ var PhoneInputCountryList = function(param) {
     ]
   });
 };
+var DEFAULT_VALUE$1 = {
+  phoneNumber: "",
+  dialCode: ""
+};
+var COUNTRY_SELECT_WIDTH = 80;
+var styles$7 = {
+  root: {
+    width: "100%",
+    position: "relative",
+    boxSizing: "border-box"
+  },
+  countrySelectContainer: {
+    position: "absolute",
+    left: 1,
+    top: 1,
+    width: COUNTRY_SELECT_WIDTH,
+    height: dimensions.CONTROL_HEIGHT - 2,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRight: [
+      "solid",
+      1,
+      colors.BORDER_MAIN
+    ],
+    transition: "border-color 0.2s ease-in",
+    cursor: "pointer",
+    zIndex: 2
+  },
+  disabledCountrySelect: {
+    cursor: "default"
+  },
+  flag: {
+    width: 22,
+    height: 16
+  },
+  arrow: {
+    width: 20,
+    color: colors.GREY_ACTIVE,
+    marginLeft: 8,
+    transition: "transform .2s ease"
+  },
+  up: {
+    transform: "rotate(180deg)"
+  },
+  invalidArrow: {
+    color: colors.RED_WARNING
+  },
+  focusedBorder: {},
+  invalidBorder: {
+    borderColor: colors.RED_WARNING
+  },
+  inputContainer: {
+    position: "relative",
+    flex: 1
+  },
+  flagListContainer: {
+    position: "absolute",
+    width: "100%",
+    top: dimensions.CONTROL_HEIGHT + 6,
+    left: -1,
+    zIndex: 3
+  },
+  tweakInput: {
+    inputWrapper: {
+      paddingLeft: COUNTRY_SELECT_WIDTH
+    },
+    label: {
+      marginLeft: COUNTRY_SELECT_WIDTH
+    }
+  },
+  tweakCountryList: {}
+};
 function _array_like_to_array$2(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -26480,10 +26542,6 @@ function _unsupported_iterable_to_array$2(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$2(o, minLen);
 }
-var DEFAULT_VALUE$1 = {
-  phoneNumber: "",
-  dialCode: ""
-};
 var PhoneInput = function(_param) {
   var _param_locale = _param.locale, locale2 = _param_locale === void 0 ? "ru" : _param_locale, _param_value = _param.value, value = _param_value === void 0 ? DEFAULT_VALUE$1 : _param_value, onChange = _param.onChange, testId = _param.testId, isDisabled = _param.isDisabled, isInvalid = _param.isInvalid, isActive = _param.isActive, tweakStyles = _param.tweakStyles, _param_codeSearchPlaceholder = _param.codeSearchPlaceholder, codeSearchPlaceholder = _param_codeSearchPlaceholder === void 0 ? "Поиск" : _param_codeSearchPlaceholder, _param_noMatchesLabel = _param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Ничего не найдено" : _param_noMatchesLabel, inputProps = _object_without_properties(_param, [
     "locale",
@@ -26497,7 +26555,7 @@ var PhoneInput = function(_param) {
     "codeSearchPlaceholder",
     "noMatchesLabel"
   ]);
-  var _useTheme = useTheme("PhoneInput", styles$8, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+  var _useTheme = useTheme("PhoneInput", styles$7, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var list = useRef(null);
   var inputWrapper = useRef(null);
   var inputRef = useRef(null);
@@ -27126,7 +27184,7 @@ function _unsupported_iterable_to_array$1(o, minLen) {
 }
 var DEFAULT_VALUE = "";
 var TextArea = function(param) {
-  var _param_value = param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur, label = param.label, placeholder = param.placeholder, isDisabled = param.isDisabled, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, infoMessage = param.infoMessage, errorMessage = param.errorMessage, isRequired = param.isRequired, name = param.name, hasRequiredLabel = param.hasRequiredLabel, shouldFocusOnMount = param.shouldFocusOnMount, _param_hasCounter = param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, _param_shouldTrimAfterMaxLength = param.shouldTrimAfterMaxLength, shouldTrimAfterMaxLength = _param_shouldTrimAfterMaxLength === void 0 ? false : _param_shouldTrimAfterMaxLength, maxLength = param.maxLength, rows = param.rows, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
+  var _param_value = param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = param.label, placeholder = param.placeholder, isDisabled = param.isDisabled, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, infoMessage = param.infoMessage, errorMessage = param.errorMessage, isRequired = param.isRequired, name = param.name, hasRequiredLabel = param.hasRequiredLabel, shouldFocusOnMount = param.shouldFocusOnMount, _param_hasCounter = param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, _param_shouldTrimAfterMaxLength = param.shouldTrimAfterMaxLength, shouldTrimAfterMaxLength = _param_shouldTrimAfterMaxLength === void 0 ? false : _param_shouldTrimAfterMaxLength, maxLength = param.maxLength, rows = param.rows, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur;
   var classes = useTheme("TextArea", styles$4, tweakStyles).classes;
   var _useState = _sliced_to_array$1(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var ref = useRef(null);
@@ -27680,6 +27738,7 @@ var TextWithInfo = function(param) {
     })
   }));
 };
+var DEFAULT_TIMEOUT = 7 * 1e3;
 var styles = {
   root: {
     borderRadius: 8,
@@ -27911,7 +27970,6 @@ var __generator = globalThis && globalThis.__generator || function(thisArg, body
     };
   }
 };
-var DEFAULT_TIMEOUT = 7 * 1e3;
 var Toaster = function(param) {
   var title = param.title, _param_type = param.type, type = _param_type === void 0 ? "error" : _param_type, text = param.text, _param_timeout = param.timeout, timeout = _param_timeout === void 0 ? DEFAULT_TIMEOUT : _param_timeout, data = param.data, tweakStyles = param.tweakStyles, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? false : _param_hasCloseButton, _param_shouldCloseOnClick = param.shouldCloseOnClick, shouldCloseOnClick = _param_shouldCloseOnClick === void 0 ? false : _param_shouldCloseOnClick, children = param.children, onClose = param.onClose, onTimeEnd = param.onTimeEnd;
   var _useTheme = useTheme("Toaster", styles, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
@@ -27994,27 +28052,25 @@ var Toaster = function(param) {
 export {
   AccountInfo,
   AddButton,
-  BUTTON_VIEWS,
   Button,
   Checkbox,
   CloseButton,
   Colors,
   CssBaseline,
-  DATE_FORMAT,
-  DEFAULT_LOCALE$2 as DEFAULT_LOCALE,
   DEFAULT_PHONE_MASK,
-  DEFAULT_SIZE,
   DateInput,
   DatePicker,
   Description,
   EMPTY_DATE_INPUT_VALUE,
   EMPTY_DATE_RANGE_INPUT_VALUE,
+  Filter,
   FilterInterval,
-  FilterLocales,
   FilterMultiSelect,
   FilterSelect,
+  FilterValueView,
   FilterWithDates,
   FilterWithPeriod,
+  FilterWrapper,
   FiltersPane,
   FiltersPaneSearch,
   Flag,
@@ -28029,10 +28085,8 @@ export {
   MultiSelectList,
   Notification,
   NumberInput,
-  PERIODS,
   PhoneInput,
   RadioButton,
-  SMART_INPUT_REGEX_MAP,
   ScrollIntoViewIfNeeded,
   SearchInput,
   Select,
@@ -28052,7 +28106,6 @@ export {
   checkSearchStringInCountry,
   commonTheme,
   createFilter,
-  defaultConvertFunction,
   findCountryByCode,
   findCountryIndexByCode,
   formatNumber,
@@ -28060,7 +28113,6 @@ export {
   getCountryCodeFromPhone,
   getCountryTextByLocale,
   getFullPhone,
-  getLocale$2 as getLocale,
   getNumberInRange,
   getNumberLength,
   getParentNode$1 as getParentNode,
@@ -28071,6 +28123,7 @@ export {
   getStyleComputedProperty,
   getTestId,
   hasExactParent,
+  iconsList,
   isElementOffScreen,
   isElementOneOfParents,
   isEmpty,