@true-engineering/true-react-common-ui-kit 2.3.2 → 2.5.0

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

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-transition-group"), require("clsx"), require("@true-engineering/true-react-platform-helpers"), require("react-jss"), require("react-input-mask"), require("hex-to-rgba"), require("react-datepicker"), require("react-overlays"), require("date-fns"), require("ts-debounce"), require("country-flag-icons"), require("react-remove-scroll"), require("scroll-into-view-if-needed")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-transition-group", "clsx", "@true-engineering/true-react-platform-helpers", "react-jss", "react-input-mask", "hex-to-rgba", "react-datepicker", "react-overlays", "date-fns", "ts-debounce", "country-flag-icons", "react-remove-scroll", "scroll-into-view-if-needed"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactTransitionGroup, global2.clsx, global2.trueReactPlatformHelpers, global2.reactJss, global2.InputMask, global2.hexToRgba, global2.ReactDatePicker, global2.reactOverlays, global2.dateFns, global2.tsDebounce, global2.countryFlagIcons, global2.reactRemoveScroll, global2.scrollIntoViewIfNeeded));
-})(this, function(exports2, React, reactTransitionGroup, clsx, trueReactPlatformHelpers, reactJss, InputMask, hexToRgba, ReactDatePicker, reactOverlays, dateFns, tsDebounce, countryFlagIcons, reactRemoveScroll, scrollIntoViewIfNeeded) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-transition-group"), require("clsx"), require("@true-engineering/true-react-platform-helpers"), require("react-jss"), require("react-input-mask"), require("hex-to-rgba"), require("date-fns"), require("react-overlays"), require("ts-debounce"), require("react-datepicker"), require("country-flag-icons"), require("react-remove-scroll"), require("scroll-into-view-if-needed")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-transition-group", "clsx", "@true-engineering/true-react-platform-helpers", "react-jss", "react-input-mask", "hex-to-rgba", "date-fns", "react-overlays", "ts-debounce", "react-datepicker", "country-flag-icons", "react-remove-scroll", "scroll-into-view-if-needed"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactTransitionGroup, global2.clsx, global2.trueReactPlatformHelpers, global2.reactJss, global2.InputMask, global2.hexToRgba, global2.dateFns, global2.reactOverlays, global2.tsDebounce, global2.ReactDatePicker, global2.countryFlagIcons, global2.reactRemoveScroll, global2.scrollIntoViewIfNeeded));
+})(this, function(exports2, React, reactTransitionGroup, clsx, trueReactPlatformHelpers, reactJss, InputMask, hexToRgba, dateFns, reactOverlays, tsDebounce, ReactDatePicker, countryFlagIcons, reactRemoveScroll, scrollIntoViewIfNeeded) {
   "use strict";
   var colors = {
     FONT_MAIN: "#222a37",
@@ -1115,7 +1115,7 @@
       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++)
@@ -1124,7 +1124,7 @@
   }
   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)
@@ -1134,20 +1134,20 @@
     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;
@@ -1230,18 +1230,18 @@
     }
     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;
@@ -1269,24 +1269,24 @@
     }
     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) {
@@ -1409,7 +1409,7 @@
   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 trueReactPlatformHelpers.isString(value) && trueReactPlatformHelpers.isStringNotEmpty(value) || trueReactPlatformHelpers.isNotEmpty(value) ? [
         "data-".concat(transformToKebab(key)),
         value
@@ -3844,7 +3844,7 @@
     }, [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++)
@@ -3853,9 +3853,9 @@
   }
   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,
@@ -3885,26 +3885,26 @@
         }));
       }
       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;
@@ -4045,7 +4045,7 @@
   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,
@@ -4068,7 +4068,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$O(target, key, source[key]);
+        _define_property$P(target, key, source[key]);
       });
     }
     return target;
@@ -4076,20 +4076,23 @@
   var ComplexIconBoilerplate = function(param) {
     var type = param.type;
     var theme = React.useContext(ThemeContext).theme;
-    var icons2 = React.useMemo(function() {
+    var icons = React.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 isComplexIcon = function(type) {
+    return type in complexIcons;
+  };
   var checkIcons = function(ico) {
     return ico;
   };
-  var icons = checkIcons({
+  var iconsList = checkIcons({
     "vendor-service": {
       paths: [
         {
@@ -4912,7 +4915,7 @@
       ]
     }
   });
-  function _define_property$N(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -4935,7 +4938,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$N(target, key, source[key]);
+        _define_property$O(target, key, source[key]);
       });
     }
     return target;
@@ -4968,10 +4971,10 @@
     var type = param.type;
     var _icon_paths, _icon_rects, _icon_circles;
     var theme = React.useContext(ThemeContext).theme;
-    var icons$1 = React.useMemo(function() {
-      return _object_spread$L({}, icons, theme.icons);
+    var icons = React.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%",
@@ -5007,7 +5010,7 @@
       alignItems: "center"
     }
   };
-  function _define_property$M(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -5030,7 +5033,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$M(target, key, source[key]);
+        _define_property$N(target, key, source[key]);
       });
     }
     return target;
@@ -5059,9 +5062,6 @@
     }
     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;
@@ -5126,7 +5126,7 @@
     },
     content: {}
   };
-  function _define_property$L(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -5149,7 +5149,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$L(target, key, source[key]);
+        _define_property$M(target, key, source[key]);
       });
     }
     return target;
@@ -5197,7 +5197,7 @@
               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);
               }
@@ -5223,7 +5223,8 @@
       })
     }));
   };
-  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,
@@ -5246,7 +5247,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$K(target, key, source[key]);
+        _define_property$L(target, key, source[key]);
       });
     }
     return target;
@@ -5319,18 +5320,18 @@
   }, 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,
@@ -5343,7 +5344,7 @@
     }
     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;
@@ -5371,7 +5372,7 @@
     }
     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) {
@@ -5384,7 +5385,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$J(target, key, source[key]);
+        _define_property$K(target, key, source[key]);
       });
     }
     return target;
@@ -5413,23 +5414,22 @@
     }
     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, {
@@ -5437,7 +5437,7 @@
     }), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var nameRef = React.useRef(null);
     var dropdownRef = React.useRef(null);
-    var _useState = _sliced_to_array$n(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+    var _useState = _sliced_to_array$o(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
     var toggleMenu = function(event) {
       event.stopPropagation();
       setIsMenuOpen(function(v) {
@@ -5525,7 +5525,7 @@
       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,
@@ -5548,7 +5548,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$I(target, key, source[key]);
+        _define_property$J(target, key, source[key]);
       });
     }
     return target;
@@ -5742,7 +5742,7 @@
     },
     tweakPreloaderComponent: {}
   };
-  function _define_property$H(obj, key, value) {
+  function _define_property$I(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -5765,7 +5765,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
@@ -5799,7 +5799,7 @@
     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
@@ -5979,7 +5979,7 @@
       }
     }
   };
-  function _define_property$G(obj, key, value) {
+  function _define_property$H(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6002,7 +6002,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$G(target, key, source[key]);
+        _define_property$H(target, key, source[key]);
       });
     }
     return target;
@@ -6031,15 +6031,6 @@
     }
     return target;
   }
-  var BUTTON_VIEWS = [
-    "primary",
-    "secondary",
-    "outline",
-    "warning",
-    "destructive",
-    "text",
-    "custom"
-  ];
   var Button = /* @__PURE__ */ React.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;
@@ -6056,7 +6047,7 @@
     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,
@@ -6064,7 +6055,7 @@
     }, trueReactPlatformHelpers.addDataTestId(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,
@@ -6143,18 +6134,18 @@
       }
     }
   };
-  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,
@@ -6167,7 +6158,7 @@
     }
     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;
@@ -6195,7 +6186,7 @@
     }
     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) {
@@ -6208,7 +6199,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$F(target, key, source[key]);
+        _define_property$G(target, key, source[key]);
       });
     }
     return target;
@@ -6237,21 +6228,21 @@
     }
     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;
@@ -6260,7 +6251,7 @@
       alignItems,
       textMargin
     }).classes;
-    var _useState = _sliced_to_array$m(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
+    var _useState = _sliced_to_array$n(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
     var hasAction = !isDisabled && !isReadonly;
     var onToggle = function() {
       var newValue = !isSelected;
@@ -6277,7 +6268,7 @@
     ]);
     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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("input", _object_spread$D({
@@ -6328,7 +6319,7 @@
       }
     }
   };
-  function _define_property$E(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6351,7 +6342,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$E(target, key, source[key]);
+        _define_property$F(target, key, source[key]);
       });
     }
     return target;
@@ -6428,18 +6419,18 @@
       ]
     }
   };
-  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;
@@ -6467,24 +6458,24 @@
     }
     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;
@@ -6493,7 +6484,7 @@
     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,
@@ -6526,7 +6517,7 @@
     },
     root: {}
   };
-  function _define_property$D(obj, key, value) {
+  function _define_property$E(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6549,7 +6540,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$D(target, key, source[key]);
+        _define_property$E(target, key, source[key]);
       });
     }
     return target;
@@ -6561,6 +6552,7 @@
       className: classes.root
     }, addDataAttributes(data)));
   };
+  var DEFAULT_SIZE = 6;
   var PADDING_X$1 = 12;
   var AUTOSIZE_MAX_WIDTH = 480;
   var styles$x = {
@@ -6837,14 +6829,14 @@
     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;
   }
@@ -6877,7 +6869,7 @@
       });
     };
   }
-  function _define_property$C(obj, key, value) {
+  function _define_property$D(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6890,7 +6882,7 @@
     }
     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;
@@ -6918,7 +6910,7 @@
     }
     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) {
@@ -6931,7 +6923,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$C(target, key, source[key]);
+        _define_property$D(target, key, source[key]);
       });
     }
     return target;
@@ -6960,21 +6952,21 @@
     }
     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, _ = {
@@ -7078,11 +7070,10 @@
       };
     }
   };
-  var DEFAULT_SIZE = 6;
   var Input = /* @__PURE__ */ React.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 _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, shouldAlwaysShowPlaceholder = param.shouldAlwaysShowPlaceholder, beforeMaskedStateChange = param.beforeMaskedStateChange;
     var _useTheme = useTheme("Input", styles$x, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
-    var _useState = _sliced_to_array$k(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+    var _useState = _sliced_to_array$l(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var inputRef = React.useRef(null);
     var handleChange = function(event) {
       onChange(event.currentTarget.value, event);
@@ -7125,11 +7116,11 @@
     var hasValue = value !== void 0 && value !== "";
     var hasUnits = units !== void 0 && units !== "";
     var hasLabel = trueReactPlatformHelpers.isStringNotEmpty(label);
-    var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
+    var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     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,
@@ -7152,7 +7143,7 @@
       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: [
@@ -7166,12 +7157,12 @@
               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,
@@ -7203,7 +7194,7 @@
                   })
                 }),
                 trueReactPlatformHelpers.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)
                 })
@@ -7233,7 +7224,7 @@
     },
     tweakInput: {}
   };
-  function _define_property$B(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7256,7 +7247,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$B(target, key, source[key]);
+        _define_property$C(target, key, source[key]);
       });
     }
     return target;
@@ -7406,7 +7397,7 @@
       }
     }
   };
-  function _define_property$A(obj, key, value) {
+  function _define_property$B(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7429,7 +7420,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$A(target, key, source[key]);
+        _define_property$B(target, key, source[key]);
       });
     }
     return target;
@@ -7520,6 +7511,15 @@
       ]
     }));
   };
+  var ScrollIntoViewIfNeededDefaultElementType = "div";
+  var ScrollIntoViewIfNeededDefaultProps = {
+    active: true,
+    elementType: ScrollIntoViewIfNeededDefaultElementType,
+    options: {
+      behavior: "smooth",
+      scrollMode: "if-needed"
+    }
+  };
   function _assert_this_initialized(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -7548,7 +7548,7 @@
       _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,
@@ -7591,7 +7591,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$z(target, key, source[key]);
+        _define_property$A(target, key, source[key]);
       });
     }
     return target;
@@ -7673,15 +7673,6 @@
       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(PureComponent) {
     _inherits(ScrollIntoViewIfNeeded2, PureComponent);
     var _super = _create_super(ScrollIntoViewIfNeeded2);
@@ -7689,8 +7680,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$z(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$z(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$A(_assert_this_initialized(_this), "node", React.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) {
@@ -7740,8 +7731,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.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,
@@ -7764,7 +7757,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$y(target, key, source[key]);
+        _define_property$z(target, key, source[key]);
       });
     }
     return target;
@@ -7842,7 +7835,7 @@
       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,
@@ -7865,7 +7858,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$x(target, key, source[key]);
+        _define_property$y(target, key, source[key]);
       });
     }
     return target;
@@ -7903,7 +7896,7 @@
       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,
@@ -7925,9 +7918,7 @@
       }) : 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,
@@ -7977,7 +7968,7 @@
     };
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, _define_property$w({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
+      className: clsx(classes.root, _define_property$x({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
           className: classes.listHeader,
@@ -8134,20 +8125,20 @@
       }
     }
   };
-  function _array_like_to_array$j(arr, len) {
+  function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$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 {
@@ -8178,7 +8169,7 @@
       });
     };
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8195,7 +8186,7 @@
     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;
@@ -8223,7 +8214,7 @@
     }
     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() {
@@ -8239,7 +8230,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$v(target, key, source[key]);
+        _define_property$w(target, key, source[key]);
       });
     }
     return target;
@@ -8300,24 +8291,24 @@
     }
     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, _ = {
@@ -8455,12 +8446,12 @@
     ]);
     var _useTheme = useTheme("Select", styles$t, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var isMounted = useIsMounted();
-    var _useState = _sliced_to_array$j(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-    var _useState1 = _sliced_to_array$j(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+    var _useState = _sliced_to_array$k(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
+    var _useState1 = _sliced_to_array$k(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
     var hasDefaultOption = trueReactPlatformHelpers.isStringNotEmpty(defaultOptionLabel);
-    var _useState2 = _sliced_to_array$j(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-    var _useState3 = _sliced_to_array$j(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-    var _useState4 = _sliced_to_array$j(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+    var _useState2 = _sliced_to_array$k(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+    var _useState3 = _sliced_to_array$k(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
+    var _useState4 = _sliced_to_array$k(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
     var inputWrapper = React.useRef(null);
     var list = React.useRef(null);
     var input = React.useRef(null);
@@ -8774,7 +8765,7 @@
     ]);
     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
@@ -9014,7 +9005,16 @@
       ]
     });
   };
+  var PopperContainer = function(param) {
+    var children = param.children;
+    return /* @__PURE__ */ jsx(reactOverlays.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 trueReactPlatformHelpers.isNotEmpty(date) ? dateFns.format(date, dateFormat) : "";
@@ -9061,18 +9061,18 @@
     },
     tweakDateInput: {}
   };
-  function _array_like_to_array$i(arr, len) {
+  function _array_like_to_array$j(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$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,
@@ -9085,7 +9085,7 @@
     }
     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;
@@ -9113,7 +9113,7 @@
     }
     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) {
@@ -9126,7 +9126,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$u(target, key, source[key]);
+        _define_property$v(target, key, source[key]);
       });
     }
     return target;
@@ -9187,31 +9187,22 @@
     }
     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(reactOverlays.Portal, {
-      container: document.body,
-      children
-    });
-  };
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
     var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_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",
@@ -9273,12 +9264,12 @@
     }, [
       dateFormat
     ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-    var _useState = _sliced_to_array$i(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-    var _useState1 = _sliced_to_array$i(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-    var _useState2 = _sliced_to_array$i(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-    var _useState3 = _sliced_to_array$i(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-    var _useState4 = _sliced_to_array$i(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-    var _useState5 = _sliced_to_array$i(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+    var _useState = _sliced_to_array$j(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState1 = _sliced_to_array$j(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+    var _useState2 = _sliced_to_array$j(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+    var _useState3 = _sliced_to_array$j(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+    var _useState4 = _sliced_to_array$j(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+    var _useState5 = _sliced_to_array$j(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
     var dateInputProps = _object_spread$t(_object_spread_props$n(_object_spread$t({}, inputProps), {
       isRange,
@@ -9448,6 +9439,7 @@
       }))
     }));
   });
+  var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
   var styles$q = {
     root: {},
     button: {
@@ -9478,18 +9470,18 @@
       }
     }
   };
-  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,
@@ -9502,7 +9494,7 @@
     }
     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;
@@ -9530,7 +9522,7 @@
     }
     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) {
@@ -9543,7 +9535,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$t(target, key, source[key]);
+        _define_property$u(target, key, source[key]);
       });
     }
     return target;
@@ -9572,28 +9564,27 @@
     }
     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(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState = _sliced_to_array$i(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var link = text.match(LINK_REGEXP);
     var linkText = link && link[0];
     var textWithNoLink = text.replace(LINK_REGEXP, "");
@@ -9633,6 +9624,151 @@
       ]
     }));
   };
+  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: dateFns.startOfMonth(today),
+        to: dateFns.endOfMonth(today)
+      };
+    },
+    LAST_MONTH: function() {
+      var day = dateFns.sub(new Date(), {
+        months: 1
+      });
+      return {
+        from: dateFns.startOfMonth(day),
+        to: dateFns.endOfMonth(day)
+      };
+    },
+    THIS_YEAR: function() {
+      var today = new Date();
+      return {
+        from: dateFns.startOfYear(today),
+        to: dateFns.endOfYear(today)
+      };
+    },
+    LAST_YEAR: function() {
+      var day = dateFns.sub(new Date(), {
+        years: 1
+      });
+      return {
+        from: dateFns.startOfYear(day),
+        to: dateFns.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;
   };
@@ -9660,14 +9796,14 @@
     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;
   }
@@ -9700,7 +9836,7 @@
       });
     };
   }
-  function _define_property$s(obj, key, value) {
+  function _define_property$t(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9713,7 +9849,7 @@
     }
     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;
@@ -9741,7 +9877,7 @@
     }
     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) {
@@ -9754,7 +9890,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$s(target, key, source[key]);
+        _define_property$t(target, key, source[key]);
       });
     }
     return target;
@@ -9791,21 +9927,21 @@
     }
     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, _ = {
@@ -9922,10 +10058,10 @@
       "min",
       "max"
     ]);
-    var _useState = _sliced_to_array$g(React.useState(function() {
+    var _useState = _sliced_to_array$h(React.useState(function() {
       return formatNumberWithDefault(value, defaultValue);
     }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-    var _useState1 = _sliced_to_array$g(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+    var _useState1 = _sliced_to_array$h(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
     var handleKeyDown = function(event) {
       setIsDeleteForwardAction(event.key === "Delete");
     };
@@ -10021,93 +10157,20 @@
       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,
@@ -10147,7 +10210,7 @@
       }
     }
   };
-  function _define_property$r(obj, key, value) {
+  function _define_property$s(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10170,7 +10233,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$r(target, key, source[key]);
+        _define_property$s(target, key, source[key]);
       });
     }
     return target;
@@ -10199,16 +10262,11 @@
     }
     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 = React.useMemo(function() {
-      return getLocale$2(localeKey, locale2);
+      return getLocale$1(localeKey, locale2);
     }, [
       localeKey,
       locale2
@@ -10327,12 +10385,15 @@
       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;
+  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$q(obj, key, value) {
+  function _define_property$r(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10355,7 +10416,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$q(target, key, source[key]);
+        _define_property$r(target, key, source[key]);
       });
     }
     return target;
@@ -10480,20 +10541,20 @@
       }
     }
   };
-  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 {
@@ -10524,7 +10585,7 @@
       });
     };
   }
-  function _define_property$p(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10541,7 +10602,7 @@
     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;
@@ -10569,7 +10630,7 @@
     }
     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() {
@@ -10585,7 +10646,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$p(target, key, source[key]);
+        _define_property$q(target, key, source[key]);
       });
     }
     return target;
@@ -10614,24 +10675,24 @@
     }
     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, _ = {
@@ -10735,11 +10796,8 @@
       };
     }
   };
-  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) {
@@ -10762,7 +10820,7 @@
     var tweakSearchInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSearchInput");
     var tweakClearButtonStyles = useTweakStyles(componentStyles, tweakStyles, "tweakClearButton");
     var translates = React.useMemo(function() {
-      return getLocale$1(localeKey, locale2);
+      return getLocale(localeKey, locale2);
     }, [
       localeKey,
       locale2
@@ -10774,13 +10832,13 @@
       getValueId,
       chosenValues
     ]);
-    var _useState = _sliced_to_array$f(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-    var _useState1 = _sliced_to_array$f(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-    var _useState2 = _sliced_to_array$f(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-    var _useState3 = _sliced_to_array$f(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-    var _useState4 = _sliced_to_array$f(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-    var _useState5 = _sliced_to_array$f(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-    var _useState6 = _sliced_to_array$f(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+    var _useState = _sliced_to_array$g(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+    var _useState1 = _sliced_to_array$g(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+    var _useState2 = _sliced_to_array$g(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+    var _useState3 = _sliced_to_array$g(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+    var _useState4 = _sliced_to_array$g(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+    var _useState5 = _sliced_to_array$g(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+    var _useState6 = _sliced_to_array$g(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
     var observer = React.useRef();
     var unchosenOptions = React.useMemo(function() {
       return allOptions.filter(function(v) {
@@ -11204,7 +11262,7 @@
       ]
     }));
   }
-  function _define_property$o(obj, key, value) {
+  function _define_property$p(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11227,7 +11285,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$o(target, key, source[key]);
+        _define_property$p(target, key, source[key]);
       });
     }
     return target;
@@ -11235,28 +11293,7 @@
   function FilterMultiSelect(props) {
     return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$n({}, props));
   }
-  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 _define_property$n(obj, key, value) {
+  function _define_property$o(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11279,7 +11316,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$n(target, key, source[key]);
+        _define_property$o(target, key, source[key]);
       });
     }
     return target;
@@ -11432,20 +11469,20 @@
       }
     }
   };
-  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 {
@@ -11476,7 +11513,7 @@
       });
     };
   }
-  function _define_property$m(obj, key, value) {
+  function _define_property$n(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11493,7 +11530,7 @@
     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;
@@ -11521,7 +11558,7 @@
     }
     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() {
@@ -11537,7 +11574,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$m(target, key, source[key]);
+        _define_property$n(target, key, source[key]);
       });
     }
     return target;
@@ -11566,24 +11603,24 @@
     }
     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, _ = {
@@ -11687,28 +11724,25 @@
       };
     }
   };
-  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 = React.useMemo(function() {
-      return getLocale(localeKey, locale2);
+      return getSelectLocale(localeKey, locale2);
     }, [
       localeKey,
       locale2
     ]);
     var observer = React.useRef();
-    var _useState = _sliced_to_array$e(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-    var _useState1 = _sliced_to_array$e(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-    var _useState2 = _sliced_to_array$e(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-    var _useState3 = _sliced_to_array$e(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-    var _useState4 = _sliced_to_array$e(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-    var _useState5 = _sliced_to_array$e(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+    var _useState = _sliced_to_array$f(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+    var _useState1 = _sliced_to_array$f(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+    var _useState2 = _sliced_to_array$f(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+    var _useState3 = _sliced_to_array$f(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+    var _useState4 = _sliced_to_array$f(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+    var _useState5 = _sliced_to_array$f(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var hasFooter = trueReactPlatformHelpers.isReactNodeNotEmpty(footer);
     var handleSearchInputChange = React.useCallback(function() {
@@ -12053,7 +12087,7 @@
               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,
@@ -12083,274 +12117,102 @@
       ]
     }));
   }
-  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"
+    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"
     }
   };
-  function _instanceof$1(left2, right2) {
-    if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
-      return !!right2[Symbol.hasInstance](left2);
+  var formatDistance$2 = function formatDistance2(token, count, options) {
+    var result;
+    var tokenValue = formatDistanceLocale$1[token];
+    if (typeof tokenValue === "string") {
+      result = tokenValue;
+    } else if (count === 1) {
+      result = tokenValue.one;
     } else {
-      return left2 instanceof right2;
+      result = tokenValue.other.replace("{{count}}", count.toString());
+    }
+    if (options !== null && options !== void 0 && options.addSuffix) {
+      if (options.comparison && options.comparison > 0) {
+        return "in " + result;
+      } else {
+        return result + " ago";
+      }
     }
+    return result;
+  };
+  const formatDistance$3 = formatDistance$2;
+  function buildFormatLongFn(args) {
+    return function() {
+      var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      var width = options.width ? String(options.width) : args.defaultWidth;
+      var format2 = args.formats[width] || args.formats[args.defaultWidth];
+      return format2;
+    };
   }
-  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 = React.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 dateFns.format(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"
-    }
-  };
-  var formatDistance$2 = function formatDistance2(token, count, options) {
-    var result;
-    var tokenValue = formatDistanceLocale$1[token];
-    if (typeof tokenValue === "string") {
-      result = tokenValue;
-    } else if (count === 1) {
-      result = tokenValue.one;
-    } else {
-      result = tokenValue.other.replace("{{count}}", count.toString());
-    }
-    if (options !== null && options !== void 0 && options.addSuffix) {
-      if (options.comparison && options.comparison > 0) {
-        return "in " + result;
-      } else {
-        return result + " ago";
-      }
-    }
-    return result;
-  };
-  const formatDistance$3 = formatDistance$2;
-  function buildFormatLongFn(args) {
-    return function() {
-      var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-      var width = options.width ? String(options.width) : args.defaultWidth;
-      var format2 = args.formats[width] || args.formats[args.defaultWidth];
-      return format2;
-    };
-  }
-  var dateFormats$1 = {
-    full: "EEEE, MMMM do, y",
-    long: "MMMM do, y",
-    medium: "MMM d, y",
-    short: "MM/dd/yyyy"
+  var dateFormats$1 = {
+    full: "EEEE, MMMM do, y",
+    long: "MMMM do, y",
+    medium: "MMM d, y",
+    short: "MM/dd/yyyy"
   };
   var timeFormats$1 = {
     full: "h:mm:ss a zzzz",
@@ -13338,7 +13200,7 @@
     }
   };
   const ru = locale;
-  var styles$l = {
+  var styles$m = {
     root: {
       background: colors.CLASSIC_WHITE,
       position: "relative",
@@ -13386,18 +13248,18 @@
       }
     }
   };
-  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,
@@ -13410,7 +13272,7 @@
     }
     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;
@@ -13438,7 +13300,7 @@
     }
     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) {
@@ -13451,7 +13313,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$l(target, key, source[key]);
+        _define_property$m(target, key, source[key]);
       });
     }
     return target;
@@ -13480,32 +13342,30 @@
     }
     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(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-    var _useState1 = _sliced_to_array$d(React.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(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+    var _useState1 = _sliced_to_array$e(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
     var dateLocale = localeKey === "ru" ? ru : enUS;
     var translates = React.useMemo(function() {
-      return getLocale$2(localeKey, locale2);
+      return getLocale$1(localeKey, locale2);
     }, [
       localeKey,
       locale2
@@ -13645,14 +13505,7 @@
       ]
     }));
   };
-  var PERIODS = [
-    "THIS_MONTH",
-    "LAST_MONTH",
-    "THIS_YEAR",
-    "LAST_YEAR",
-    "CUSTOM"
-  ];
-  var styles$k = {
+  var styles$l = {
     root: {},
     main: {},
     picker: {},
@@ -13662,22 +13515,22 @@
       }
     }
   };
-  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,
@@ -13694,7 +13547,7 @@
     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;
@@ -13722,7 +13575,7 @@
     }
     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() {
@@ -13738,7 +13591,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$k(target, key, source[key]);
+        _define_property$l(target, key, source[key]);
       });
     }
     return target;
@@ -13767,71 +13620,37 @@
     }
     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: dateFns.startOfMonth(today),
-        to: dateFns.endOfMonth(today)
-      };
-    },
-    LAST_MONTH: function() {
-      var day = dateFns.sub(new Date(), {
-        months: 1
-      });
-      return {
-        from: dateFns.startOfMonth(day),
-        to: dateFns.endOfMonth(day)
-      };
-    },
-    THIS_YEAR: function() {
-      var today = new Date();
-      return {
-        from: dateFns.startOfYear(today),
-        to: dateFns.endOfYear(today)
-      };
-    },
-    LAST_YEAR: function() {
-      var day = dateFns.sub(new Date(), {
-        years: 1
-      });
-      return {
-        from: dateFns.startOfYear(day),
-        to: dateFns.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 = React.useMemo(function() {
-      return getLocale$2(localeKey, locale2);
+      return getLocale$1(localeKey, locale2);
     }, [
       localeKey,
       locale2
     ]);
-    var _useState = _sliced_to_array$c(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-    var _useState1 = _sliced_to_array$c(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-    var _useState2 = _sliced_to_array$c(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+    var _useState = _sliced_to_array$d(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+    var _useState1 = _sliced_to_array$d(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+    var _useState2 = _sliced_to_array$d(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
       var result = _object_spread$j({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
@@ -13966,189 +13785,18 @@
       ]
     });
   };
-  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,
@@ -14161,7 +13809,7 @@
     }
     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;
@@ -14189,7 +13837,7 @@
     }
     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) {
@@ -14202,7 +13850,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$j(target, key, source[key]);
+        _define_property$k(target, key, source[key]);
       });
     }
     return target;
@@ -14231,132 +13879,30 @@
     }
     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(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-    var refItem = React.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(reactTransitionGroup.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 = React.useRef(null);
-    var _useState = _sliced_to_array$b(React.useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
+    var _useState = _sliced_to_array$c(React.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 = React.useMemo(function() {
-      return getLocale$2(translatesLocaleKey, locale2, filter.locale);
+      return getLocale$1(translatesLocaleKey, locale2, filter.locale);
     }, [
       localeKey,
       locale2,
@@ -14385,7 +13931,7 @@
     ]);
     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) {
@@ -14480,7 +14026,63 @@
     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",
@@ -14577,6 +14179,502 @@
       }
     }
   };
+  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$b(arr) {
+    if (Array.isArray(arr))
+      return arr;
+  }
+  function _define_property$j(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$b(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$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) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$j(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$f(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _object_spread_props$f(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$f(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _sliced_to_array$b(arr, i) {
+    return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
+  }
+  function _unsupported_iterable_to_array$b(o, minLen) {
+    if (!o)
+      return;
+    if (typeof o === "string")
+      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$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$j, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
+    var _useState = _sliced_to_array$b(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+    var _useState1 = _sliced_to_array$b(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+    var refRoot = React.useRef(null);
+    var translates = React.useMemo(function() {
+      return getLocale$1(localeKey, locale2);
+    }, [
+      localeKey,
+      locale2
+    ]);
+    useOnClickOutside(refRoot, function() {
+      return setIsOpen(false);
+    });
+    var handleSearchChange = function(v) {
+      onChange({
+        value: v,
+        field
+      });
+    };
+    var handleFieldsChange = function(v) {
+      onChange({
+        value,
+        field: v
+      });
+      setIsOpen(false);
+    };
+    var selectedFieldLabel = React.useMemo(function() {
+      return field !== void 0 && getValueView !== void 0 ? getValueView(field) : void 0;
+    }, [
+      field
+    ]);
+    var tweakSearchInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSearchInput");
+    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$j(_obj, classes.focused, isInputFocused), _define_property$j(_obj, classes.disabled, isDisabled), _obj)),
+      ref: refRoot,
+      "data-testid": testId
+    }, addDataAttributes(data)), {
+      children: [
+        /* @__PURE__ */ jsx(SearchInput, {
+          value,
+          onChange: handleSearchChange,
+          placeholder: translates.searchPlaceholder,
+          tweakStyles: tweakSearchInputStyles,
+          onFocus: function() {
+            return setIsInputFocused(true);
+          },
+          onBlur: function() {
+            return setIsInputFocused(false);
+          },
+          testId: testId !== void 0 ? "".concat(testId, "-input") : void 0,
+          maxLength,
+          isAutoSizeable,
+          isDisabled
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: classes.selectWrapper,
+          children: [
+            fields.length > 0 && /* @__PURE__ */ jsxs("div", {
+              className: classes.selectBlock,
+              onClick: !isDisabled ? function() {
+                return setIsOpen(!isOpen);
+              } : void 0,
+              "data-testid": testId !== void 0 ? "".concat(testId, "-select") : void 0,
+              children: [
+                /* @__PURE__ */ jsx("div", {
+                  className: clsx(classes.selectLabel, selectedFieldLabel !== void 0 && classes.active),
+                  children: selectedFieldLabel !== null && selectedFieldLabel !== void 0 ? selectedFieldLabel : translates.displayedFields
+                }),
+                /* @__PURE__ */ jsx("div", {
+                  className: clsx(classes.chevronIcon, isOpen && classes.open),
+                  children: /* @__PURE__ */ jsx(Icon, {
+                    type: "chevron-down"
+                  })
+                })
+              ]
+            }),
+            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 = React.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 dateFns.format(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;
@@ -14632,45 +14730,6 @@
   function _non_iterable_rest$a() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$h(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-      var ownKeys2 = Object.keys(source);
-      if (typeof Object.getOwnPropertySymbols === "function") {
-        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-        }));
-      }
-      ownKeys2.forEach(function(key) {
-        _define_property$i(target, key, source[key]);
-      });
-    }
-    return target;
-  }
-  function ownKeys$f(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) {
-        symbols = symbols.filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        });
-      }
-      keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _object_spread_props$f(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$f(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
   function _sliced_to_array$a(arr, i) {
     return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
   }
@@ -14687,108 +14746,107 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$a(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(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-    var _useState1 = _sliced_to_array$a(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
-    var refRoot = React.useRef(null);
-    var translates = React.useMemo(function() {
-      return getLocale$2(localeKey, locale2);
-    }, [
-      localeKey,
-      locale2
-    ]);
-    useOnClickOutside(refRoot, function() {
-      return setIsOpen(false);
-    });
-    var handleSearchChange = function(v) {
-      onChange({
-        value: v,
-        field
-      });
+  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 handleFieldsChange = function(v) {
-      onChange({
-        value,
-        field: v
-      });
+    var classes = useTheme("FilterWrapper", styles$h, tweakStyles).classes;
+    var _useState = _sliced_to_array$a(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var refItem = React.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 selectedFieldLabel = React.useMemo(function() {
-      return field !== void 0 && getValueView !== void 0 ? getValueView(field) : void 0;
-    }, [
-      field
-    ]);
-    var tweakSearchInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSearchInput");
-    var tweakSelectStyles = useTweakStyles(componentStyles, tweakStyles, "tweakSelect");
+    var isBoolean = filter.type === "boolean";
     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)),
-      ref: refRoot,
-      "data-testid": testId
-    }, addDataAttributes(data)), {
+    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__ */ jsx(SearchInput, {
-          value,
-          onChange: handleSearchChange,
-          placeholder: translates.searchPlaceholder,
-          tweakStyles: tweakSearchInputStyles,
-          onFocus: function() {
-            return setIsInputFocused(true);
-          },
-          onBlur: function() {
-            return setIsInputFocused(false);
-          },
-          testId: testId !== void 0 ? "".concat(testId, "-input") : void 0,
-          maxLength,
-          isAutoSizeable,
-          isDisabled
-        }),
         /* @__PURE__ */ jsxs("div", {
-          className: classes.selectWrapper,
+          ref: refItem,
+          onClick: handleLabelClick,
+          className: clsx(classes.item, _define_property$i({}, classes.booleanItem, isBoolean)),
           children: [
-            fields.length > 0 && /* @__PURE__ */ jsxs("div", {
-              className: classes.selectBlock,
-              onClick: !isDisabled ? function() {
-                return setIsOpen(!isOpen);
-              } : void 0,
-              "data-testid": testId !== void 0 ? "".concat(testId, "-select") : void 0,
-              children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.selectLabel, selectedFieldLabel !== void 0 && classes.active),
-                  children: selectedFieldLabel !== null && selectedFieldLabel !== void 0 ? selectedFieldLabel : translates.displayedFields
-                }),
-                /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.chevronIcon, isOpen && classes.open),
-                  children: /* @__PURE__ */ jsx(Icon, {
-                    type: "chevron-down"
-                  })
-                })
-              ]
+            /* @__PURE__ */ jsx("div", {
+              className: classes.name,
+              children: filter.name
             }),
-            isOpen && /* @__PURE__ */ jsx("div", {
-              className: classes.dropdown,
-              children: /* @__PURE__ */ jsx(FilterSelect, {
-                tweakStyles: tweakSelectStyles,
-                value: field,
-                options: fields,
-                getValueView,
-                getValueId,
-                getValueString,
+            !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(reactTransitionGroup.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) {
@@ -14844,9 +14902,9 @@
   }
   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 = React.useMemo(function() {
-      return getLocale$2(localeKey, locale2);
+      return getLocale$1(localeKey, locale2);
     }, [
       localeKey,
       locale2
@@ -14899,7 +14957,7 @@
           })
         }),
         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
@@ -21083,6 +21141,7 @@
       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);
@@ -21090,7 +21149,6 @@
       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];
@@ -21233,7 +21291,7 @@
     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(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var _useState1 = _sliced_to_array$9(React.useState({
@@ -21326,7 +21384,7 @@
       ]
     });
   }
-  const TableRow$1 = /* @__PURE__ */ React.memo(TableRow);
+  var TableRow = /* @__PURE__ */ React.memo(TableRowInner);
   var STICKY_SHADOW_PADDING = 12;
   var styles$f = {
     root: {
@@ -21665,7 +21723,7 @@
                 })
               }),
               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,
@@ -23036,11 +23094,17 @@
       ]
     }));
   };
-  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",
@@ -23112,6 +23176,12 @@
     ю: "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;
@@ -23254,18 +23324,6 @@
     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__ */ React.forwardRef(function(_param, ref) {
     var getUpperCaseIfNeeded = function getUpperCaseIfNeeded2(str) {
       return isUpperCase ? str.toUpperCase() : str;
@@ -26283,6 +26341,10 @@
       ]
     });
   };
+  var DEFAULT_VALUE$1 = {
+    phoneNumber: "",
+    dialCode: ""
+  };
   var COUNTRY_SELECT_WIDTH = 80;
   var styles$7 = {
     root: {
@@ -26470,10 +26532,6 @@
     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",
@@ -27116,7 +27174,7 @@
   }
   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(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var ref = React.useRef(null);
@@ -27670,6 +27728,7 @@
       })
     }));
   };
+  var DEFAULT_TIMEOUT = 7 * 1e3;
   var styles = {
     root: {
       borderRadius: 8,
@@ -27901,7 +27960,6 @@
       };
     }
   };
-  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;
@@ -27983,27 +28041,25 @@
   };
   exports2.AccountInfo = AccountInfo;
   exports2.AddButton = AddButton;
-  exports2.BUTTON_VIEWS = BUTTON_VIEWS;
   exports2.Button = Button;
   exports2.Checkbox = Checkbox;
   exports2.CloseButton = CloseButton;
   exports2.Colors = Colors;
   exports2.CssBaseline = CssBaseline;
-  exports2.DATE_FORMAT = DATE_FORMAT;
-  exports2.DEFAULT_LOCALE = DEFAULT_LOCALE$2;
   exports2.DEFAULT_PHONE_MASK = DEFAULT_PHONE_MASK;
-  exports2.DEFAULT_SIZE = DEFAULT_SIZE;
   exports2.DateInput = DateInput;
   exports2.DatePicker = DatePicker;
   exports2.Description = Description;
   exports2.EMPTY_DATE_INPUT_VALUE = EMPTY_DATE_INPUT_VALUE;
   exports2.EMPTY_DATE_RANGE_INPUT_VALUE = EMPTY_DATE_RANGE_INPUT_VALUE;
+  exports2.Filter = Filter;
   exports2.FilterInterval = FilterInterval;
-  exports2.FilterLocales = FilterLocales;
   exports2.FilterMultiSelect = FilterMultiSelect;
   exports2.FilterSelect = FilterSelect;
+  exports2.FilterValueView = FilterValueView;
   exports2.FilterWithDates = FilterWithDates;
   exports2.FilterWithPeriod = FilterWithPeriod;
+  exports2.FilterWrapper = FilterWrapper;
   exports2.FiltersPane = FiltersPane;
   exports2.FiltersPaneSearch = FiltersPaneSearch;
   exports2.Flag = Flag;
@@ -28018,10 +28074,8 @@
   exports2.MultiSelectList = MultiSelectList;
   exports2.Notification = Notification;
   exports2.NumberInput = NumberInput;
-  exports2.PERIODS = PERIODS;
   exports2.PhoneInput = PhoneInput;
   exports2.RadioButton = RadioButton;
-  exports2.SMART_INPUT_REGEX_MAP = SMART_INPUT_REGEX_MAP;
   exports2.ScrollIntoViewIfNeeded = ScrollIntoViewIfNeeded;
   exports2.SearchInput = SearchInput;
   exports2.Select = Select;
@@ -28041,7 +28095,6 @@
   exports2.checkSearchStringInCountry = checkSearchStringInCountry;
   exports2.commonTheme = commonTheme;
   exports2.createFilter = createFilter;
-  exports2.defaultConvertFunction = defaultConvertFunction;
   exports2.findCountryByCode = findCountryByCode;
   exports2.findCountryIndexByCode = findCountryIndexByCode;
   exports2.formatNumber = formatNumber;
@@ -28049,7 +28102,6 @@
   exports2.getCountryCodeFromPhone = getCountryCodeFromPhone;
   exports2.getCountryTextByLocale = getCountryTextByLocale;
   exports2.getFullPhone = getFullPhone;
-  exports2.getLocale = getLocale$2;
   exports2.getNumberInRange = getNumberInRange;
   exports2.getNumberLength = getNumberLength;
   exports2.getParentNode = getParentNode$1;
@@ -28060,6 +28112,7 @@
   exports2.getStyleComputedProperty = getStyleComputedProperty;
   exports2.getTestId = getTestId;
   exports2.hasExactParent = hasExactParent;
+  exports2.iconsList = iconsList;
   exports2.isElementOffScreen = isElementOffScreen;
   exports2.isElementOneOfParents = isElementOneOfParents;
   exports2.isEmpty = isEmpty;