@true-engineering/true-react-common-ui-kit 3.0.0-alpha.2 → 3.0.0-alpha.20

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

@@ -1,6 +1,6 @@
 import React, { createContext, useRef, useEffect, useCallback, useState, useMemo, useContext, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, useLayoutEffect, memo } from "react";
 import { createUseStyles } from "react-jss";
-import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, addDataTestId, getTestId, isReactNodeNotEmpty, getSelectKeyHandler, createFilter, getTransition, isNumberInteger } from "@true-engineering/true-react-platform-helpers";
+import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, getTestId, isReactNodeNotEmpty, getSelectKeyHandler, createFilter, getTransition, indexMap, isNumberInteger } from "@true-engineering/true-react-platform-helpers";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import InputMask from "react-input-mask";
@@ -839,9 +839,9 @@ function requireReactJsxRuntime_development() {
       }
       function validateFragmentProps(fragment) {
         {
-          var keys = Object.keys(fragment.props);
-          for (var i = 0; i < keys.length; i++) {
-            var key = keys[i];
+          var keys2 = Object.keys(fragment.props);
+          for (var i = 0; i < keys2.length; i++) {
+            var key = keys2[i];
             if (key !== "children" && key !== "key") {
               setCurrentlyValidatingElement$1(fragment);
               error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
@@ -1204,12 +1204,12 @@ var root = freeGlobal$1 || freeSelf || Function("return this")();
 const root$1 = root;
 var Symbol$1 = root$1.Symbol;
 const Symbol$2 = Symbol$1;
-var objectProto$a = Object.prototype;
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$a.toString;
+var objectProto$d = Object.prototype;
+var hasOwnProperty$a = objectProto$d.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$d.toString;
 var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$8.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$a.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -1225,8 +1225,8 @@ function getRawTag(value) {
   }
   return result;
 }
-var objectProto$9 = Object.prototype;
-var nativeObjectToString = objectProto$9.toString;
+var objectProto$c = Object.prototype;
+var nativeObjectToString = objectProto$c.toString;
 function objectToString(value) {
   return nativeObjectToString.call(value);
 }
@@ -1242,13 +1242,13 @@ function isObject(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
-var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
 function isFunction(value) {
   if (!isObject(value)) {
     return false;
   }
   var tag = baseGetTag(value);
-  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+  return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 var coreJsData = root$1["__core-js_shared__"];
 const coreJsData$1 = coreJsData;
@@ -1276,11 +1276,11 @@ function toSource(func) {
 }
 var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto$1 = Function.prototype, objectProto$8 = Object.prototype;
+var funcProto$1 = Function.prototype, objectProto$b = Object.prototype;
 var funcToString$1 = funcProto$1.toString;
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
 var reIsNative = RegExp(
-  "^" + funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  "^" + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative(value) {
   if (!isObject(value) || isMasked(value)) {
@@ -1310,21 +1310,21 @@ function hashDelete(key) {
   return result;
 }
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
-var objectProto$7 = Object.prototype;
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+var objectProto$a = Object.prototype;
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate$1) {
     var result = data[key];
     return result === HASH_UNDEFINED$1 ? void 0 : result;
   }
-  return hasOwnProperty$6.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$8.call(data, key) ? data[key] : void 0;
 }
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+var objectProto$9 = Object.prototype;
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$5.call(data, key);
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$7.call(data, key);
 }
 var HASH_UNDEFINED = "__lodash_hash_undefined__";
 function hashSet(key, value) {
@@ -1513,9 +1513,9 @@ function overArg(func, transform) {
 }
 var getPrototype = overArg(Object.getPrototypeOf, Object);
 const getPrototype$1 = getPrototype;
-var objectProto$5 = Object.prototype;
+var objectProto$8 = Object.prototype;
 function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$5;
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$8;
   return value === proto;
 }
 function initCloneObject(object) {
@@ -1524,17 +1524,17 @@ function initCloneObject(object) {
 function isObjectLike(value) {
   return value != null && typeof value == "object";
 }
-var argsTag$1 = "[object Arguments]";
+var argsTag$2 = "[object Arguments]";
 function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+  return isObjectLike(value) && baseGetTag(value) == argsTag$2;
 }
-var objectProto$4 = Object.prototype;
-var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
-var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+var objectProto$7 = Object.prototype;
+var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
 var isArguments = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$4.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+  return isObjectLike(value) && hasOwnProperty$6.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 const isArguments$1 = isArguments;
 var isArray = Array.isArray;
@@ -1559,27 +1559,27 @@ var Buffer = moduleExports$1 ? root$1.Buffer : void 0;
 var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
 var isBuffer = nativeIsBuffer || stubFalse;
 const isBuffer$1 = isBuffer;
-var objectTag$1 = "[object Object]";
-var funcProto = Function.prototype, objectProto$3 = Object.prototype;
+var objectTag$3 = "[object Object]";
+var funcProto = Function.prototype, objectProto$6 = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
 var objectCtorString = funcToString.call(Object);
 function isPlainObject(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag$1) {
+  if (!isObjectLike(value) || baseGetTag(value) != objectTag$3) {
     return false;
   }
   var proto = getPrototype$1(value);
   if (proto === null) {
     return true;
   }
-  var Ctor = hasOwnProperty$3.call(proto, "constructor") && proto.constructor;
+  var Ctor = hasOwnProperty$5.call(proto, "constructor") && proto.constructor;
   return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
 }
-var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", weakMapTag = "[object WeakMap]";
-var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$2 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
+var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
 var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
+typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false;
 function baseIsTypedArray(value) {
   return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
 }
@@ -1615,11 +1615,11 @@ function safeGet(object, key) {
   }
   return object[key];
 }
-var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var objectProto$5 = Object.prototype;
+var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
 function assignValue(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$2.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+  if (!(hasOwnProperty$4.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
     baseAssignValue(object, key, value);
   }
 }
@@ -1655,12 +1655,12 @@ function isIndex(value, length) {
   length = length == null ? MAX_SAFE_INTEGER : length;
   return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
 }
-var objectProto$1 = Object.prototype;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var objectProto$4 = Object.prototype;
+var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$1.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+    if ((inherited || hasOwnProperty$3.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
@@ -1679,15 +1679,15 @@ function nativeKeysIn(object) {
   }
   return result;
 }
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
+var objectProto$3 = Object.prototype;
+var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
 function baseKeysIn(object) {
   if (!isObject(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype(object), result = [];
   for (var key in object) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty.call(object, key)))) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$2.call(object, key)))) {
       result.push(key);
     }
   }
@@ -1888,8 +1888,8 @@ function _object_spread$S(target) {
   }
   return target;
 }
-function ownKeys$G(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$H(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -1897,16 +1897,16 @@ function ownKeys$G(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$G(target, source) {
+function _object_spread_props$H(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$G(Object(source)).forEach(function(key) {
+    ownKeys$H(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -1960,7 +1960,7 @@ function createThemedStyles() {
     return mergeStyles(styles, isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
   });
   return function(data) {
-    return useStyles2(isNotEmpty(data) ? _object_spread_props$G(_object_spread$S({}, data), {
+    return useStyles2(isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
       theme: cleanStyles(data.theme)
     }) : data);
   };
@@ -1981,7 +1981,7 @@ var minWidthModifier = {
     state.elements.popper.style.minWidth = "".concat(state.elements.reference.offsetWidth, "px");
   }
 };
-function _array_like_to_array$r(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++)
@@ -1990,7 +1990,7 @@ function _array_like_to_array$r(arr, len) {
 }
 function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$r(arr);
+    return _array_like_to_array$q(arr);
 }
 function _iterable_to_array$6(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
@@ -2000,20 +2000,20 @@ function _non_iterable_spread$6() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _to_consumable_array$6(arr) {
-  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$6();
+  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
 }
-function _unsupported_iterable_to_array$r(o, minLen) {
+function _unsupported_iterable_to_array$q(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$r(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$r(o, minLen);
+    return _array_like_to_array$q(o, minLen);
 }
 var findCountryByCode = function(countryCode) {
   var countriesList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : phoneInfo;
@@ -2096,18 +2096,18 @@ var getPhoneMask = function(countryCode) {
   }
   return mask;
 };
-function _array_like_to_array$q(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++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$p(arr) {
+function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$p(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;
@@ -2135,24 +2135,24 @@ function _iterable_to_array_limit$p(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$p() {
+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 _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 _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 _unsupported_iterable_to_array$q(o, minLen) {
+function _unsupported_iterable_to_array$p(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$q(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$q(o, minLen);
+    return _array_like_to_array$p(o, minLen);
 }
 var rgba = hexToRgba;
 var transformToKebab = function(string) {
@@ -2275,7 +2275,7 @@ var trimStringToMaxLength = function(val, maxLength) {
 var addDataAttributes = function() {
   var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return Object.fromEntries(Object.entries(data).map(function(param) {
-    var _param = _sliced_to_array$p(param, 2), key = _param[0], value = _param[1];
+    var _param = _sliced_to_array$o(param, 2), key = _param[0], value = _param[1];
     return isString(value) && isStringNotEmpty(value) || isNotEmpty(value) ? [
       "data-".concat(transformToKebab(key)),
       value
@@ -2619,8 +2619,8 @@ function getFreshSideObject() {
 function mergePaddingObject(paddingObject) {
   return Object.assign({}, getFreshSideObject(), paddingObject);
 }
-function expandToHashMap(value, keys) {
-  return keys.reduce(function(hashMap, key) {
+function expandToHashMap(value, keys2) {
+  return keys2.reduce(function(hashMap, key) {
     hashMap[key] = value;
     return hashMap;
   }, {});
@@ -3940,7 +3940,7 @@ function usePopper(referenceElement, popperElement, _temp) {
   }, [enabled, referenceElement, popperElement]);
   return popperState;
 }
-function _array_like_to_array$p(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++)
@@ -3949,7 +3949,7 @@ function _array_like_to_array$p(arr, len) {
 }
 function _array_without_holes$5(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$p(arr);
+    return _array_like_to_array$o(arr);
 }
 function _define_property$T(obj, key, value) {
   if (key in obj) {
@@ -3987,20 +3987,20 @@ function _object_spread$R(target) {
   return target;
 }
 function _to_consumable_array$5(arr) {
-  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$5();
+  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
 }
-function _unsupported_iterable_to_array$p(o, minLen) {
+function _unsupported_iterable_to_array$o(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$p(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$p(o, minLen);
+    return _array_like_to_array$o(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;
@@ -4106,6 +4106,11 @@ var useMixedStyles = function(baseStyles, tweakStyles) {
     tweakStyles
   ]);
 };
+var useMergedRefs = function(refs) {
+  return useMemo(function() {
+    return mergeRefs(refs);
+  }, refs);
+};
 const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -5065,8 +5070,8 @@ function _object_spread$P(target) {
   }
   return target;
 }
-function ownKeys$F(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$G(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5074,16 +5079,16 @@ function ownKeys$F(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$F(target, source) {
+function _object_spread_props$G(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$F(Object(source)).forEach(function(key) {
+    ownKeys$G(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5114,19 +5119,19 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$F(_object_spread$P({}, rect), {
+        return /* @__PURE__ */ createElement("rect", _object_spread_props$G(_object_spread$P({}, rect), {
           key: index
         }));
       }),
       (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-        return /* @__PURE__ */ createElement("circle", _object_spread_props$F(_object_spread$P({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$G(_object_spread$P({}, circle), {
           key: index
         }));
       })
     ]
   });
 };
-var useStyles$L = createThemedStyles("Icon", {
+var useStyles$M = createThemedStyles("Icon", {
   root: {
     display: "flex",
     alignItems: "center"
@@ -5160,8 +5165,8 @@ function _object_spread$O(target) {
   }
   return target;
 }
-function ownKeys$E(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$F(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5169,16 +5174,16 @@ function ownKeys$E(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$E(target, source) {
+function _object_spread_props$F(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$E(Object(source)).forEach(function(key) {
+    ownKeys$F(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5186,10 +5191,10 @@ function _object_spread_props$E(target, source) {
 }
 var Icon = function(param) {
   var type = param.type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$L({
+  var classes = useStyles$M({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$O({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$O({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5207,7 +5212,7 @@ var renderIcon = function(icon) {
 var ITEM_HORIZONTAL_PADDING = 16;
 var ICON_SIZE = 20;
 var ICON_GAP = 12;
-var useStyles$K = createThemedStyles("List", {
+var useStyles$L = createThemedStyles("List", {
   root: {
     minWidth: 180,
     backgroundColor: colors.CLASSIC_WHITE,
@@ -5278,8 +5283,8 @@ function _object_spread$N(target) {
   }
   return target;
 }
-function ownKeys$D(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$E(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5287,16 +5292,16 @@ function ownKeys$D(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$D(target, source) {
+function _object_spread_props$E(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$D(Object(source)).forEach(function(key) {
+    ownKeys$E(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5304,7 +5309,7 @@ function _object_spread_props$D(target, source) {
 }
 var List = function(param) {
   var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
-  var classes = useStyles$K({
+  var classes = useStyles$L({
     theme: tweakStyles
   });
   var handleItemClick = function(item) {
@@ -5312,7 +5317,7 @@ var List = function(param) {
     onClick === null || onClick === void 0 ? void 0 : onClick();
   };
   var _item_testId;
-  return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$N({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$N({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: items.map(function(item, idx) {
@@ -5322,7 +5327,7 @@ var List = function(param) {
           item.shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
             className: classes.spacer
           }),
-          /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$N({
+          /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$N({
             className: clsx(classes.item, (_obj = {}, _define_property$P(_obj, classes.disabledItem, item.disabled), _define_property$P(_obj, classes.withIconGap, item.withIconGap), _obj)),
             onClick: item.disabled ? void 0 : function() {
               return handleItemClick(item);
@@ -5378,7 +5383,7 @@ function _object_spread$M(target) {
   }
   return target;
 }
-var useStyles$J = createThemedStyles("AccountInfo", _object_spread$M({
+var useStyles$K = createThemedStyles("AccountInfo", _object_spread$M({
   root: {
     display: "flex"
   },
@@ -5420,14 +5425,14 @@ var useStyles$J = createThemedStyles("AccountInfo", _object_spread$M({
     height: 32
   }
 }, animations.slideUp));
-function _array_like_to_array$o(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$o(arr) {
+function _array_with_holes$n(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -5444,7 +5449,7 @@ function _define_property$N(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$o(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;
@@ -5472,7 +5477,7 @@ function _iterable_to_array_limit$o(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$o() {
+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$L(target) {
@@ -5490,8 +5495,8 @@ function _object_spread$L(target) {
   }
   return target;
 }
-function ownKeys$C(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$D(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5499,40 +5504,40 @@ function ownKeys$C(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$C(target, source) {
+function _object_spread_props$D(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$C(Object(source)).forEach(function(key) {
+    ownKeys$D(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-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 _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$o(o, minLen) {
+function _unsupported_iterable_to_array$n(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$o(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$o(o, minLen);
+    return _array_like_to_array$n(o, minLen);
 }
 var AccountInfo = function(param) {
   var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-  var classes = useStyles$J({
+  var classes = useStyles$K({
     theme: tweakStyles
   });
   var tweakListStyles = useTweakStyles({
@@ -5542,7 +5547,7 @@ var AccountInfo = function(param) {
   });
   var nameRef = useRef(null);
   var dropdownRef = useRef(null);
-  var _useState = _sliced_to_array$o(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+  var _useState = _sliced_to_array$n(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
   var toggleMenu = function(event) {
     event.stopPropagation();
     setIsMenuOpen(function(v) {
@@ -5552,7 +5557,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$L({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$L({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -5602,7 +5607,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$I = createThemedStyles("AddButton", {
+var useStyles$J = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -5656,8 +5661,8 @@ function _object_spread$K(target) {
   }
   return target;
 }
-function ownKeys$B(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$C(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5665,16 +5670,16 @@ function ownKeys$B(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$B(target, source) {
+function _object_spread_props$C(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$B(Object(source)).forEach(function(key) {
+    ownKeys$C(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5682,10 +5687,10 @@ function _object_spread_props$B(target, source) {
 }
 var AddButton = function(param) {
   var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, isDisabled = param.isDisabled, onClick = param.onClick, isFullWidth = param.isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$I({
+  var classes = useStyles$J({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$B(_object_spread$K({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$C(_object_spread$K({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -5704,7 +5709,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$H = createThemedStyles("DotsPreloader", {
+var useStyles$I = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -5749,7 +5754,7 @@ var useStyles$H = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$H({
+  var classes = useStyles$I({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -5815,7 +5820,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$G = createThemedStyles("SvgPreloader", {
+var useStyles$H = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -5825,7 +5830,7 @@ var useStyles$G = createThemedStyles("SvgPreloader", {
 var SvgPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
   var _theme_preloaders;
-  var classes = useStyles$G({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
   var theme = useContext(ThemeContext).theme;
@@ -5839,7 +5844,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$F = createThemedStyles("ThemedPreloader", {
+var useStyles$G = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -5878,8 +5883,8 @@ function _object_spread$J(target) {
   }
   return target;
 }
-function ownKeys$A(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$B(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -5887,16 +5892,16 @@ function ownKeys$A(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$A(target, source) {
+function _object_spread_props$B(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$A(Object(source)).forEach(function(key) {
+    ownKeys$B(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5904,7 +5909,7 @@ function _object_spread_props$A(target, source) {
 }
 var ThemedPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$F({
+  var classes = useStyles$G({
     theme: tweakStyles
   });
   var tweakDotsPreloaderStyles = useTweakStyles({
@@ -5917,7 +5922,7 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$J({
     className: clsx(classes.root, classes[type], _define_property$L({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -5928,7 +5933,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$E = createThemedStyles("Button", {
+var useStyles$F = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -6128,8 +6133,8 @@ function _object_spread$I(target) {
   }
   return target;
 }
-function ownKeys$z(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$A(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -6137,16 +6142,16 @@ function ownKeys$z(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$z(target, source) {
+function _object_spread_props$A(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$z(Object(source)).forEach(function(key) {
+    ownKeys$A(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -6154,7 +6159,7 @@ function _object_spread_props$z(target, source) {
 }
 var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-  var classes = useStyles$E({
+  var classes = useStyles$F({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -6167,7 +6172,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$z(_object_spread$I({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$A(_object_spread$I({
     ref,
     type,
     className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$K(_obj, classes.disabled, isDisabled), _define_property$K(_obj, classes.fullWidth, isFullWidth), _define_property$K(_obj, classes.inline, isInline), _define_property$K(_obj, classes.active, isActive), _define_property$K(_obj, classes.loading, isLoading), _define_property$K(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
@@ -6201,7 +6206,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
     ]
   }));
 });
-var useStyles$D = createThemedStyles("Checkbox", {
+var useStyles$E = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -6238,14 +6243,14 @@ var useStyles$D = createThemedStyles("Checkbox", {
     flexDirection: "row-reverse"
   }
 });
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$m(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$n(arr) {
+function _array_with_holes$m(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -6262,7 +6267,7 @@ function _define_property$J(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$n(arr, i) {
+function _iterable_to_array_limit$m(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -6290,7 +6295,7 @@ function _iterable_to_array_limit$n(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$n() {
+function _non_iterable_rest$m() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$H(target) {
@@ -6308,8 +6313,8 @@ function _object_spread$H(target) {
   }
   return target;
 }
-function ownKeys$y(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$z(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -6317,43 +6322,43 @@ function ownKeys$y(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$y(target, source) {
+function _object_spread_props$z(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$y(Object(source)).forEach(function(key) {
+    ownKeys$z(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$n(arr, i) {
-  return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+function _sliced_to_array$m(arr, i) {
+  return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$m(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$m(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$m(o, minLen);
 }
 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, 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;
-  var classes = useStyles$D({
+  var classes = useStyles$E({
     theme: tweakStyles
   });
-  var _useState = _sliced_to_array$n(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
+  var _useState = _sliced_to_array$m(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
   var hasAction = !isDisabled && !isReadonly;
   var onToggle = function() {
     var newValue = !isSelected;
@@ -6369,7 +6374,7 @@ function Checkbox(param) {
     isChecked
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$y(_object_spread$H({
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$z(_object_spread$H({
     className: clsx(classes.root, (_obj = {}, _define_property$J(_obj, classes.disabled, isDisabled), _define_property$J(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -6396,7 +6401,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$C = createThemedStyles("CloseButton", {
+var useStyles$D = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -6449,8 +6454,8 @@ function _object_spread$G(target) {
   }
   return target;
 }
-function ownKeys$x(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$y(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -6458,16 +6463,16 @@ function ownKeys$x(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$x(target, source) {
+function _object_spread_props$y(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$x(Object(source)).forEach(function(key) {
+    ownKeys$y(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -6475,10 +6480,10 @@ function _object_spread_props$x(target, source) {
 }
 var CloseButton = function(param) {
   var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-  var classes = useStyles$C({
+  var classes = useStyles$D({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$x(_object_spread$G({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$y(_object_spread$G({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -6488,7 +6493,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$B = createThemedStyles({
+var useStyles$C = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -6522,18 +6527,18 @@ var useStyles$B = createThemedStyles({
     ]
   }
 });
-function _array_like_to_array$m(arr, len) {
+function _array_like_to_array$l(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$m(arr) {
+function _array_with_holes$l(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$m(arr, i) {
+function _iterable_to_array_limit$l(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -6561,33 +6566,33 @@ function _iterable_to_array_limit$m(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$m() {
+function _non_iterable_rest$l() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$m(arr, i) {
-  return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
+function _sliced_to_array$l(arr, i) {
+  return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
 }
-function _unsupported_iterable_to_array$m(o, minLen) {
+function _unsupported_iterable_to_array$l(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$m(o, minLen);
+    return _array_like_to_array$l(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$m(o, minLen);
+    return _array_like_to_array$l(o, minLen);
 }
 var Colors = function() {
-  var classes = useStyles$B();
+  var classes = useStyles$C();
   var theme = useContext(ThemeContext).theme;
   var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
   return /* @__PURE__ */ jsx("div", {
     className: classes.root,
     children: Object.entries(colors2).map(function(param) {
-      var _param = _sliced_to_array$m(param, 2), colorName = _param[0], color = _param[1];
+      var _param = _sliced_to_array$l(param, 2), colorName = _param[0], color = _param[1];
       var name = colorName.split("_").join(" ").toLowerCase();
       return /* @__PURE__ */ jsxs("div", {
         className: classes.colorCard,
@@ -6611,7 +6616,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$A = createThemedStyles("CssBaseline", {
+var useStyles$B = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -6650,7 +6655,7 @@ function _object_spread$F(target) {
 }
 var CssBaseline = function(param) {
   var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$A({
+  var classes = useStyles$B({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", _object_spread$F({
@@ -6660,7 +6665,7 @@ var CssBaseline = function(param) {
 var DEFAULT_SIZE = 6;
 var PADDING_X$1 = 12;
 var AUTOSIZE_MAX_WIDTH = 480;
-var useStyles$z = createThemedStyles("Input", {
+var useStyles$A = createThemedStyles("Input", {
   root: {
     width: "100%",
     boxSizing: "border-box",
@@ -6933,14 +6938,14 @@ var useStyles$z = createThemedStyles("Input", {
   loading: {},
   withUnits: {}
 });
-function _array_like_to_array$l(arr, len) {
+function _array_like_to_array$k(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$l(arr) {
+function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -6986,7 +6991,7 @@ function _define_property$G(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$l(arr, i) {
+function _iterable_to_array_limit$k(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -7014,7 +7019,7 @@ function _iterable_to_array_limit$l(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$l() {
+function _non_iterable_rest$k() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$E(target) {
@@ -7032,8 +7037,8 @@ function _object_spread$E(target) {
   }
   return target;
 }
-function ownKeys$w(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$x(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -7041,36 +7046,36 @@ function ownKeys$w(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$w(target, source) {
+function _object_spread_props$x(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$w(Object(source)).forEach(function(key) {
+    ownKeys$x(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$l(arr, i) {
-  return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
+function _sliced_to_array$k(arr, i) {
+  return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
 }
-function _unsupported_iterable_to_array$l(o, minLen) {
+function _unsupported_iterable_to_array$k(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$l(o, minLen);
+    return _array_like_to_array$k(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$l(o, minLen);
+    return _array_like_to_array$k(o, minLen);
 }
 var __generator$5 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -7176,7 +7181,7 @@ var __generator$5 = globalThis && globalThis.__generator || function(thisArg, bo
 };
 var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_value = param.value, value = _param_value === void 0 ? "" : _param_value, label = param.label, placeholder = param.placeholder, _param_type = param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = param.isDisabled, isReadonly = param.isReadonly, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = param.infoMessage, errorMessage = param.errorMessage, _param_errorPosition = param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = param.inlineStyle, border = param.border, isRequired = param.isRequired, isLoading = param.isLoading, isAutoSizeable = param.isAutoSizeable, _param_defaultSize = param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = param.iconType, name = param.name, hasRequiredLabel = param.hasRequiredLabel, data = param.data, tweakStyles = param.tweakStyles, maxLength = param.maxLength, shouldFocusOnMount = param.shouldFocusOnMount, units = param.units, testId = param.testId, tabIndex = param.tabIndex, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur, onIconClick = param.onIconClick, onKeyDown = param.onKeyDown, mask = param.mask, maskPlaceholder = param.maskPlaceholder, alwaysShowMask = param.alwaysShowMask, shouldAlwaysShowPlaceholder = param.shouldAlwaysShowPlaceholder, beforeMaskedStateChange = param.beforeMaskedStateChange;
-  var classes = useStyles$z({
+  var classes = useStyles$A({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -7184,7 +7189,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
     className: "tweakPreloader",
     currentComponentName: "Input"
   });
-  var _useState = _sliced_to_array$l(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+  var _useState = _sliced_to_array$k(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var inputRef = useRef(null);
   var handleChange = function(event) {
     onChange(event.currentTarget.value, event);
@@ -7252,7 +7257,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$E({
+      /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$E({
         className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$G(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$G(_obj1, classes.invalid, isInvalid), _define_property$G(_obj1, classes.focused, hasFocus), _define_property$G(_obj1, classes.disabled, isDisabled), _define_property$G(_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)), {
@@ -7325,7 +7330,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
 });
 var EMPTY_DATE_INPUT_VALUE = "__.__.____";
 var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-var useStyles$y = createThemedStyles("DateInput", {
+var useStyles$z = createThemedStyles("DateInput", {
   root: {
     width: "100%",
     height: "100%",
@@ -7361,8 +7366,8 @@ function _object_spread$D(target) {
   }
   return target;
 }
-function ownKeys$v(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$w(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -7370,16 +7375,16 @@ function ownKeys$v(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$v(target, source) {
+function _object_spread_props$w(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$v(Object(source)).forEach(function(key) {
+    ownKeys$w(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7418,7 +7423,7 @@ function _object_without_properties_loose$9(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, isRange = _param.isRange, tweakStyles = _param.tweakStyles, testId = _param.testId, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$9(_param, [
+  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, isRange = _param.isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$9(_param, [
     "date",
     "startDate",
     "endDate",
@@ -7428,11 +7433,10 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "data",
     "isRange",
     "tweakStyles",
-    "testId",
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$y({
+  var classes = useStyles$z({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -7459,16 +7463,15 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$D({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$D({
     className: clsx(classes.root, className),
     onClick
-  }, addDataTestId(testId), addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(Input, _object_spread_props$v(_object_spread$D({}, inputProps), {
+  }, addDataAttributes(data)), {
+    children: /* @__PURE__ */ jsx(Input, _object_spread_props$w(_object_spread$D({}, inputProps), {
       ref,
       value: isRange ? "".concat(startDate).concat(endDate) : date,
       mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
       placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : isRange ? EMPTY_DATE_RANGE_INPUT_VALUE : EMPTY_DATE_INPUT_VALUE,
-      testId: getTestId(testId, "input"),
       tweakStyles: tweakInputStyles,
       onChange: handleChange,
       beforeMaskedStateChange
@@ -7477,7 +7480,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 const reactDatepicker = "";
 var LEFT_PADDING = 44;
-var useStyles$x = createThemedStyles("SearchInput", {
+var useStyles$y = createThemedStyles("SearchInput", {
   root: {
     position: "relative"
   },
@@ -7542,8 +7545,8 @@ function _object_spread$C(target) {
   }
   return target;
 }
-function ownKeys$u(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$v(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -7551,16 +7554,16 @@ function ownKeys$u(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$u(target, source) {
+function _object_spread_props$v(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$u(Object(source)).forEach(function(key) {
+    ownKeys$v(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7605,7 +7608,7 @@ var SearchInput = function(_param) {
     "testId",
     "data"
   ]);
-  var classes = useStyles$x({
+  var classes = useStyles$y({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -7614,7 +7617,7 @@ var SearchInput = function(_param) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$C({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$C({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -7892,7 +7895,7 @@ var CELL_PADDING = [
   10,
   20
 ];
-var useStyles$w = createThemedStyles("SelectList", {
+var useStyles$x = createThemedStyles("SelectList", {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -7987,8 +7990,8 @@ function _object_spread$z(target) {
   }
   return target;
 }
-function ownKeys$t(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$u(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -7996,16 +7999,16 @@ function ownKeys$t(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$t(target, source) {
+function _object_spread_props$u(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$t(Object(source)).forEach(function(key) {
+    ownKeys$u(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8015,7 +8018,7 @@ var SelectListItem = function(param) {
   var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var _obj;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$t(_object_spread$z({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$u(_object_spread$z({
     active: isFocused,
     options: {
       block: "nearest"
@@ -8070,8 +8073,8 @@ function _object_spread$y(target) {
   }
   return target;
 }
-function ownKeys$s(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$t(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -8079,16 +8082,16 @@ function ownKeys$s(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$s(target, source) {
+function _object_spread_props$t(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$s(Object(source)).forEach(function(key) {
+    ownKeys$t(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8096,7 +8099,7 @@ function _object_spread_props$s(target, source) {
 }
 function SelectList(param) {
   var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
-  var classes = useStyles$w({
+  var classes = useStyles$x({
     theme: tweakStyles
   });
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
@@ -8139,7 +8142,7 @@ function SelectList(param) {
         className: classes.listHeader,
         children: customListHeader
       }),
-      /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$y({
+      /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$y({
         className: classes.list
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8212,7 +8215,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
 var isMultiSelectValue = function(props, _value) {
   return props.isMultiSelect === true;
 };
-var useStyles$v = createThemedStyles("Select", {
+var useStyles$w = createThemedStyles("Select", {
   root: {
     width: "100%",
     position: "relative",
@@ -8317,20 +8320,20 @@ var searchInputStyles$3 = {
     }
   }
 };
-function _array_like_to_array$k(arr, len) {
+function _array_like_to_array$j(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$k(arr) {
+function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$4(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$k(arr);
+    return _array_like_to_array$j(arr);
 }
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -8378,7 +8381,7 @@ function _iterable_to_array$4(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$k(arr, i) {
+function _iterable_to_array_limit$j(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -8406,7 +8409,7 @@ function _iterable_to_array_limit$k(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$k() {
+function _non_iterable_rest$j() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$4() {
@@ -8427,8 +8430,8 @@ function _object_spread$x(target) {
   }
   return target;
 }
-function ownKeys$r(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$s(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -8436,16 +8439,16 @@ function ownKeys$r(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$r(target, source) {
+function _object_spread_props$s(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$r(Object(source)).forEach(function(key) {
+    ownKeys$s(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8483,24 +8486,24 @@ function _object_without_properties_loose$6(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$k(arr, i) {
-  return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
+function _sliced_to_array$j(arr, i) {
+  return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
 }
 function _to_consumable_array$4(arr) {
-  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$4();
+  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$4();
 }
-function _unsupported_iterable_to_array$k(o, minLen) {
+function _unsupported_iterable_to_array$j(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$k(o, minLen);
+    return _array_like_to_array$j(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$k(o, minLen);
+    return _array_like_to_array$j(o, minLen);
 }
 var __generator$4 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -8636,7 +8639,7 @@ function Select(props) {
     "convertValueToReactNode",
     "optionsFilter"
   ]);
-  var classes = useStyles$v({
+  var classes = useStyles$w({
     theme: tweakStyles
   });
   var shouldRenderSearchInputInList = (searchInput === null || searchInput === void 0 ? void 0 : searchInput.shouldRenderInList) === true;
@@ -8664,12 +8667,12 @@ function Select(props) {
     currentComponentName: "Select"
   });
   var isMounted = useIsMounted();
-  var _useState = _sliced_to_array$k(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-  var _useState1 = _sliced_to_array$k(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+  var _useState = _sliced_to_array$j(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
+  var _useState1 = _sliced_to_array$j(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
   var hasDefaultOption = isStringNotEmpty(defaultOptionLabel);
-  var _useState2 = _sliced_to_array$k(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-  var _useState3 = _sliced_to_array$k(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-  var _useState4 = _sliced_to_array$k(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+  var _useState2 = _sliced_to_array$j(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+  var _useState3 = _sliced_to_array$j(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
+  var _useState4 = _sliced_to_array$j(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
   var inputWrapper = useRef(null);
   var list = useRef(null);
   var input = useRef(null);
@@ -8963,7 +8966,7 @@ function Select(props) {
     isOpen
   ]);
   var _obj;
-  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$x({
+  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$x({
     className: clsx(classes.listWrapper, (_obj = {}, _define_property$z(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$z(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
@@ -9058,7 +9061,7 @@ function Select(props) {
 }
 var SELECT_PADDING_LEFT = 12;
 var SELECT_PADDING_RIGHT = 24;
-var useStyles$u = createThemedStyles("DatePickerHeader", {
+var useStyles$v = createThemedStyles("DatePickerHeader", {
   btn: {
     width: 36,
     height: 36,
@@ -9127,7 +9130,7 @@ var selectStyles$1 = {
 };
 var DatePickerHeader = function(param) {
   var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-  var classes = useStyles$u({
+  var classes = useStyles$v({
     theme: tweakStyles
   });
   var tweakSelectStyles = useTweakStyles({
@@ -9236,7 +9239,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$t = createThemedStyles("DatePicker", {
+var useStyles$u = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -9259,14 +9262,14 @@ var useStyles$t = createThemedStyles("DatePicker", {
     }
   }
 });
-function _array_like_to_array$j(arr, len) {
+function _array_like_to_array$i(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$j(arr) {
+function _array_with_holes$i(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -9283,7 +9286,7 @@ function _define_property$y(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$j(arr, i) {
+function _iterable_to_array_limit$i(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -9311,7 +9314,7 @@ function _iterable_to_array_limit$j(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$j() {
+function _non_iterable_rest$i() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$w(target) {
@@ -9329,8 +9332,8 @@ function _object_spread$w(target) {
   }
   return target;
 }
-function ownKeys$q(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$r(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -9338,16 +9341,16 @@ function ownKeys$q(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$q(target, source) {
+function _object_spread_props$r(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$q(Object(source)).forEach(function(key) {
+    ownKeys$r(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9385,26 +9388,25 @@ function _object_without_properties_loose$5(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$j(arr, i) {
-  return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
+function _sliced_to_array$i(arr, i) {
+  return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
 }
-function _unsupported_iterable_to_array$j(o, minLen) {
+function _unsupported_iterable_to_array$i(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$j(o, minLen);
+    return _array_like_to_array$i(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$j(o, minLen);
+    return _array_like_to_array$i(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var data = _param.data, testId = _param.testId, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, 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, [
+  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, 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",
-    "testId",
     "selectedDate",
     "minDate",
     "maxDate",
@@ -9448,7 +9450,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$t({
+  var classes = useStyles$u({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -9464,14 +9466,14 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     dateFormat
   ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-  var _useState = _sliced_to_array$j(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-  var _useState1 = _sliced_to_array$j(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-  var _useState2 = _sliced_to_array$j(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-  var _useState3 = _sliced_to_array$j(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-  var _useState4 = _sliced_to_array$j(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-  var _useState5 = _sliced_to_array$j(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+  var _useState = _sliced_to_array$i(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState1 = _sliced_to_array$i(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+  var _useState2 = _sliced_to_array$i(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+  var _useState3 = _sliced_to_array$i(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+  var _useState4 = _sliced_to_array$i(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+  var _useState5 = _sliced_to_array$i(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : isStringNotEmpty(dateValue);
-  var dateInputProps = _object_spread$w(_object_spread_props$q(_object_spread$w({}, inputProps), {
+  var dateInputProps = _object_spread$w(_object_spread_props$r(_object_spread$w({}, inputProps), {
     isRange,
     isDisabled,
     isClearable,
@@ -9569,9 +9571,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     startDate,
     endDate
   ]);
-  return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$w({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$w({
     className: classes.root
-  }, addDataTestId(testId), addDataAttributes(data)), {
+  }, addDataAttributes(data)), {
     children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
       ref,
       minDate,
@@ -9603,7 +9605,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       customInputRef,
       customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$w({}, dateInputProps)),
       renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$q(_object_spread$w({}, baseProps), {
+        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$r(_object_spread$w({}, baseProps), {
           months
         }));
       },
@@ -9640,7 +9642,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$s = createThemedStyles("Description", {
+var useStyles$t = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -9670,14 +9672,14 @@ var useStyles$s = createThemedStyles("Description", {
     }
   }
 });
-function _array_like_to_array$i(arr, len) {
+function _array_like_to_array$h(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$i(arr) {
+function _array_with_holes$h(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -9694,7 +9696,7 @@ function _define_property$x(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$i(arr, i) {
+function _iterable_to_array_limit$h(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -9722,7 +9724,7 @@ function _iterable_to_array_limit$i(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$i() {
+function _non_iterable_rest$h() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$v(target) {
@@ -9740,8 +9742,8 @@ function _object_spread$v(target) {
   }
   return target;
 }
-function ownKeys$p(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$q(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -9749,49 +9751,49 @@ function ownKeys$p(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$p(target, source) {
+function _object_spread_props$q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$p(Object(source)).forEach(function(key) {
+    ownKeys$q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$i(arr, i) {
-  return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
+function _sliced_to_array$h(arr, i) {
+  return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
 }
-function _unsupported_iterable_to_array$i(o, minLen) {
+function _unsupported_iterable_to_array$h(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$i(o, minLen);
+    return _array_like_to_array$h(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$i(o, minLen);
+    return _array_like_to_array$h(o, minLen);
 }
 var Description = function(param) {
   var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-  var classes = useStyles$s({
+  var classes = useStyles$t({
     theme: tweakStyles
   });
   var isTooShort = text.length < truncateIndex;
-  var _useState = _sliced_to_array$i(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState = _sliced_to_array$h(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
   var link = text.match(LINK_REGEXP);
   var linkText = link && link[0];
   var textWithNoLink = text.replace(LINK_REGEXP, "");
   var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$v({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$v({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -9998,14 +10000,14 @@ var constructRegExp = function(param) {
   var negativePart = "(\\-)?";
   return "^".concat(canBeNegative ? negativePart : "").concat(basePart).concat(canBeFloat ? floatPart : "", "$");
 };
-function _array_like_to_array$h(arr, len) {
+function _array_like_to_array$g(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$h(arr) {
+function _array_with_holes$g(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -10051,7 +10053,7 @@ function _define_property$w(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$h(arr, i) {
+function _iterable_to_array_limit$g(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -10079,7 +10081,7 @@ function _iterable_to_array_limit$h(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$h() {
+function _non_iterable_rest$g() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$u(target) {
@@ -10129,21 +10131,21 @@ function _object_without_properties_loose$4(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$h(arr, i) {
-  return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
+function _sliced_to_array$g(arr, i) {
+  return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
 }
-function _unsupported_iterable_to_array$h(o, minLen) {
+function _unsupported_iterable_to_array$g(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$h(o, minLen);
+    return _array_like_to_array$g(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$h(o, minLen);
+    return _array_like_to_array$g(o, minLen);
 }
 var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -10260,10 +10262,10 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "min",
     "max"
   ]);
-  var _useState = _sliced_to_array$h(useState(function() {
+  var _useState = _sliced_to_array$g(useState(function() {
     return formatNumberWithDefault(value, defaultValue);
   }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-  var _useState1 = _sliced_to_array$h(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+  var _useState1 = _sliced_to_array$g(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
   var handleKeyDown = function(event) {
     setIsDeleteForwardAction(event.key === "Delete");
   };
@@ -10359,8 +10361,277 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ref
   }, props));
 });
+function arrayEach(array, iteratee) {
+  var index = -1, length = array == null ? 0 : array.length;
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
+  return array;
+}
+var nativeKeys = overArg(Object.keys, Object);
+const nativeKeys$1 = nativeKeys;
+var objectProto$2 = Object.prototype;
+var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
+function baseKeys(object) {
+  if (!isPrototype(object)) {
+    return nativeKeys$1(object);
+  }
+  var result = [];
+  for (var key in Object(object)) {
+    if (hasOwnProperty$1.call(object, key) && key != "constructor") {
+      result.push(key);
+    }
+  }
+  return result;
+}
+function keys(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+}
+function baseAssign(object, source) {
+  return object && copyObject(source, keys(source), object);
+}
+function baseAssignIn(object, source) {
+  return object && copyObject(source, keysIn(source), object);
+}
+function arrayFilter(array, predicate) {
+  var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
+  while (++index < length) {
+    var value = array[index];
+    if (predicate(value, index, array)) {
+      result[resIndex++] = value;
+    }
+  }
+  return result;
+}
+function stubArray() {
+  return [];
+}
+var objectProto$1 = Object.prototype;
+var propertyIsEnumerable = objectProto$1.propertyIsEnumerable;
+var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
+var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
+  if (object == null) {
+    return [];
+  }
+  object = Object(object);
+  return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
+    return propertyIsEnumerable.call(object, symbol);
+  });
+};
+const getSymbols$1 = getSymbols;
+function copySymbols(source, object) {
+  return copyObject(source, getSymbols$1(source), object);
+}
+function arrayPush(array, values) {
+  var index = -1, length = values.length, offset2 = array.length;
+  while (++index < length) {
+    array[offset2 + index] = values[index];
+  }
+  return array;
+}
+var nativeGetSymbols = Object.getOwnPropertySymbols;
+var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
+  var result = [];
+  while (object) {
+    arrayPush(result, getSymbols$1(object));
+    object = getPrototype$1(object);
+  }
+  return result;
+};
+const getSymbolsIn$1 = getSymbolsIn;
+function copySymbolsIn(source, object) {
+  return copyObject(source, getSymbolsIn$1(source), object);
+}
+function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+  var result = keysFunc(object);
+  return isArray$1(object) ? result : arrayPush(result, symbolsFunc(object));
+}
+function getAllKeys(object) {
+  return baseGetAllKeys(object, keys, getSymbols$1);
+}
+function getAllKeysIn(object) {
+  return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
+}
+var DataView = getNative(root$1, "DataView");
+const DataView$1 = DataView;
+var Promise$1 = getNative(root$1, "Promise");
+const Promise$2 = Promise$1;
+var Set$1 = getNative(root$1, "Set");
+const Set$2 = Set$1;
+var WeakMap$1 = getNative(root$1, "WeakMap");
+const WeakMap$2 = WeakMap$1;
+var mapTag$3 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
+var dataViewTag$2 = "[object DataView]";
+var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$2);
+var getTag = baseGetTag;
+if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$2 || Map$2 && getTag(new Map$2()) != mapTag$3 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$3 || WeakMap$2 && getTag(new WeakMap$2()) != weakMapTag$1) {
+  getTag = function(value) {
+    var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+    if (ctorString) {
+      switch (ctorString) {
+        case dataViewCtorString:
+          return dataViewTag$2;
+        case mapCtorString:
+          return mapTag$3;
+        case promiseCtorString:
+          return promiseTag;
+        case setCtorString:
+          return setTag$3;
+        case weakMapCtorString:
+          return weakMapTag$1;
+      }
+    }
+    return result;
+  };
+}
+const getTag$1 = getTag;
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+function initCloneArray(array) {
+  var length = array.length, result = new array.constructor(length);
+  if (length && typeof array[0] == "string" && hasOwnProperty.call(array, "index")) {
+    result.index = array.index;
+    result.input = array.input;
+  }
+  return result;
+}
+function cloneDataView(dataView, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+}
+var reFlags = /\w*$/;
+function cloneRegExp(regexp) {
+  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+  result.lastIndex = regexp.lastIndex;
+  return result;
+}
+var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+function cloneSymbol(symbol) {
+  return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
+}
+var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]";
+var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
+function initCloneByTag(object, tag, isDeep) {
+  var Ctor = object.constructor;
+  switch (tag) {
+    case arrayBufferTag$1:
+      return cloneArrayBuffer(object);
+    case boolTag$1:
+    case dateTag$1:
+      return new Ctor(+object);
+    case dataViewTag$1:
+      return cloneDataView(object, isDeep);
+    case float32Tag$1:
+    case float64Tag$1:
+    case int8Tag$1:
+    case int16Tag$1:
+    case int32Tag$1:
+    case uint8Tag$1:
+    case uint8ClampedTag$1:
+    case uint16Tag$1:
+    case uint32Tag$1:
+      return cloneTypedArray(object, isDeep);
+    case mapTag$2:
+      return new Ctor();
+    case numberTag$1:
+    case stringTag$1:
+      return new Ctor(object);
+    case regexpTag$1:
+      return cloneRegExp(object);
+    case setTag$2:
+      return new Ctor();
+    case symbolTag$1:
+      return cloneSymbol(object);
+  }
+}
+var mapTag$1 = "[object Map]";
+function baseIsMap(value) {
+  return isObjectLike(value) && getTag$1(value) == mapTag$1;
+}
+var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
+var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
+const isMap$1 = isMap;
+var setTag$1 = "[object Set]";
+function baseIsSet(value) {
+  return isObjectLike(value) && getTag$1(value) == setTag$1;
+}
+var nodeIsSet = nodeUtil$1 && nodeUtil$1.isSet;
+var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
+const isSet$1 = isSet;
+var CLONE_DEEP_FLAG$1 = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4;
+var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
+var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var cloneableTags = {};
+cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+function baseClone(value, bitmask, customizer, key, object, stack) {
+  var result, isDeep = bitmask & CLONE_DEEP_FLAG$1, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$1;
+  if (customizer) {
+    result = object ? customizer(value, key, object, stack) : customizer(value);
+  }
+  if (result !== void 0) {
+    return result;
+  }
+  if (!isObject(value)) {
+    return value;
+  }
+  var isArr = isArray$1(value);
+  if (isArr) {
+    result = initCloneArray(value);
+    if (!isDeep) {
+      return copyArray(value, result);
+    }
+  } else {
+    var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
+    if (isBuffer$1(value)) {
+      return cloneBuffer(value, isDeep);
+    }
+    if (tag == objectTag || tag == argsTag || isFunc && !object) {
+      result = isFlat || isFunc ? {} : initCloneObject(value);
+      if (!isDeep) {
+        return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
+      }
+    } else {
+      if (!cloneableTags[tag]) {
+        return object ? value : {};
+      }
+      result = initCloneByTag(value, tag, isDeep);
+    }
+  }
+  stack || (stack = new Stack());
+  var stacked = stack.get(value);
+  if (stacked) {
+    return stacked;
+  }
+  stack.set(value, result);
+  if (isSet$1(value)) {
+    value.forEach(function(subValue) {
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+    });
+  } else if (isMap$1(value)) {
+    value.forEach(function(subValue, key2) {
+      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+    });
+  }
+  var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
+  var props = isArr ? void 0 : keysFunc(value);
+  arrayEach(props || value, function(subValue, key2) {
+    if (props) {
+      key2 = subValue;
+      subValue = value[key2];
+    }
+    assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+  });
+  return result;
+}
+var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
+function cloneDeep(value) {
+  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
+}
 var FILTER_HEIGHT = 36;
-var useStyles$r = createThemedStyles("FiltersPane", {
+var useStyles$s = createThemedStyles("FiltersPane", {
   root: {
     display: "flex",
     flexWrap: "wrap",
@@ -10425,7 +10696,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$q = createThemedStyles("FilterInterval", {
+var useStyles$r = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -10467,7 +10738,7 @@ var inputStyles$3 = {
     }
   }
 };
-var clearButtonStyles$3 = innerTextButtonStyles;
+var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
 function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -10496,8 +10767,8 @@ function _object_spread$t(target) {
   }
   return target;
 }
-function ownKeys$o(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$p(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -10505,16 +10776,16 @@ function ownKeys$o(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$o(target, source) {
+function _object_spread_props$p(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$o(Object(source)).forEach(function(key) {
+    ownKeys$p(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10522,7 +10793,7 @@ function _object_spread_props$o(target, source) {
 }
 var FilterInterval = function(param) {
   var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-  var classes = useStyles$q({
+  var classes = useStyles$r({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -10566,7 +10837,7 @@ var FilterInterval = function(param) {
     className: "tweakClearButton",
     currentComponentName: "FilterInterval"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$t({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$t({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -10693,8 +10964,9 @@ function _object_spread$s(target) {
 }
 var ITEM_HEIGHT$1 = 40;
 var TOP_GAP = 12;
-var useStyles$p = createThemedStyles("MultiSelectList", {
+var useStyles$q = createThemedStyles("MultiSelectList", {
   root: {
+    width: 220,
     background: colors.CLASSIC_WHITE
   },
   list: _object_spread$s({
@@ -10790,10 +11062,13 @@ var checkboxStyles = {
     padding: [
       11,
       16
-    ]
+    ],
+    boxSizing: "border-box",
+    width: "100%"
   },
   children: {
-    marginRight: "auto"
+    marginRight: "auto",
+    overflow: "hidden"
   }
 };
 var clearButtonStyles$2 = {
@@ -10807,20 +11082,20 @@ var clearButtonStyles$2 = {
     }
   }
 };
-function _array_like_to_array$g(arr, len) {
+function _array_like_to_array$f(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$g(arr) {
+function _array_with_holes$f(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$g(arr);
+    return _array_like_to_array$f(arr);
 }
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -10868,7 +11143,7 @@ function _iterable_to_array$3(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$g(arr, i) {
+function _iterable_to_array_limit$f(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -10896,7 +11171,7 @@ function _iterable_to_array_limit$g(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$g() {
+function _non_iterable_rest$f() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$3() {
@@ -10917,8 +11192,8 @@ function _object_spread$r(target) {
   }
   return target;
 }
-function ownKeys$n(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$o(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -10926,39 +11201,39 @@ function ownKeys$n(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$n(target, source) {
+function _object_spread_props$o(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$n(Object(source)).forEach(function(key) {
+    ownKeys$o(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$g(arr, i) {
-  return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
+function _sliced_to_array$f(arr, i) {
+  return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
 }
 function _to_consumable_array$3(arr) {
-  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$3();
+  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$g(o, minLen) {
+function _unsupported_iterable_to_array$f(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$g(o, minLen);
+    return _array_like_to_array$f(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$g(o, minLen);
+    return _array_like_to_array$f(o, minLen);
 }
 var __generator$2 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -11063,7 +11338,7 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 function MultiSelectList(param) {
-  var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_width = param.width, width = _param_width === void 0 ? 220 : _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 value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
   var handleOnChange = function handleOnChange2(inputValue) {
     setSearchValue(inputValue);
     if (fetchOptions === void 0) {
@@ -11079,7 +11354,7 @@ function MultiSelectList(param) {
     }
   };
   var isMounted = useIsMounted();
-  var classes = useStyles$p({
+  var classes = useStyles$q({
     theme: tweakStyles
   });
   var tweakCheckboxStyles = useTweakStyles({
@@ -11100,13 +11375,13 @@ function MultiSelectList(param) {
     className: "tweakClearButton",
     currentComponentName: "MultiSelectList"
   });
-  var _useState = _sliced_to_array$g(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-  var _useState1 = _sliced_to_array$g(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-  var _useState2 = _sliced_to_array$g(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-  var _useState3 = _sliced_to_array$g(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-  var _useState4 = _sliced_to_array$g(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-  var _useState5 = _sliced_to_array$g(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-  var _useState6 = _sliced_to_array$g(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+  var _useState = _sliced_to_array$f(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+  var _useState1 = _sliced_to_array$f(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+  var _useState2 = _sliced_to_array$f(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+  var _useState3 = _sliced_to_array$f(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+  var _useState4 = _sliced_to_array$f(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+  var _useState5 = _sliced_to_array$f(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+  var _useState6 = _sliced_to_array$f(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
   var observer = useRef();
   var chosenValues = value === null || value === void 0 ? void 0 : value.include;
   var translates = useMemo(function() {
@@ -11234,13 +11509,13 @@ function MultiSelectList(param) {
       if (value !== void 0) {
         if (keyCursorOn < value.include.length) {
           var _value_include_filter;
-          onChange(_object_spread_props$n(_object_spread$r({}, value), {
+          onChange(_object_spread_props$o(_object_spread$r({}, value), {
             include: (_value_include_filter = value.include.filter(function(val) {
               return getValueId(val) !== getValueId(value.include[keyCursorOn]);
             })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
           }));
         } else {
-          onChange(_object_spread_props$n(_object_spread$r({}, value), {
+          onChange(_object_spread_props$o(_object_spread$r({}, value), {
             include: _to_consumable_array$3(value.include).concat([
               unchosenOptions[keyCursorOn - value.include.length]
             ])
@@ -11439,11 +11714,8 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$r({
-    className: classes.root,
-    style: {
-      width
-    }
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$r({
+    className: classes.root
   }, addDataAttributes(data)), {
     children: [
       isSearchEnabled && /* @__PURE__ */ jsx("div", {
@@ -11607,8 +11879,9 @@ function _object_spread$p(target) {
 }
 var ITEM_HEIGHT = 40;
 var LIST_GAP = 12;
-var useStyles$o = createThemedStyles("FilterSelect", {
+var useStyles$p = createThemedStyles("FilterSelect", {
   root: {
+    width: 220,
     background: colors.CLASSIC_WHITE
   },
   list: _object_spread$p({
@@ -11738,21 +12011,21 @@ var searchInputStyles$1 = {
     }
   }
 };
-var clearButtonStyles$1 = innerTextButtonStyles;
-function _array_like_to_array$f(arr, len) {
+var clearButtonStyles$1 = cloneDeep(innerTextButtonStyles);
+function _array_like_to_array$e(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$f(arr) {
+function _array_with_holes$e(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$2(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$f(arr);
+    return _array_like_to_array$e(arr);
 }
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -11800,7 +12073,7 @@ function _iterable_to_array$2(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$f(arr, i) {
+function _iterable_to_array_limit$e(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -11828,7 +12101,7 @@ function _iterable_to_array_limit$f(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$f() {
+function _non_iterable_rest$e() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$2() {
@@ -11849,8 +12122,8 @@ function _object_spread$o(target) {
   }
   return target;
 }
-function ownKeys$m(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$n(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -11858,39 +12131,39 @@ function ownKeys$m(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$m(target, source) {
+function _object_spread_props$n(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$m(Object(source)).forEach(function(key) {
+    ownKeys$n(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$f(arr, i) {
-  return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
+function _sliced_to_array$e(arr, i) {
+  return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
 }
 function _to_consumable_array$2(arr) {
-  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$2();
+  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$e(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$f(o, minLen);
+    return _array_like_to_array$e(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$f(o, minLen);
+    return _array_like_to_array$e(o, minLen);
 }
 var __generator$1 = globalThis && globalThis.__generator || function(thisArg, body) {
   var f, y, t, g, _ = {
@@ -11995,8 +12268,8 @@ var __generator$1 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 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, _param_width = param.width, width = _param_width === void 0 ? 220 : _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 classes = useStyles$o({
+  var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
+  var classes = useStyles$p({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -12019,12 +12292,12 @@ function FilterSelect(param) {
     locale2
   ]);
   var observer = useRef();
-  var _useState = _sliced_to_array$f(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-  var _useState1 = _sliced_to_array$f(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-  var _useState2 = _sliced_to_array$f(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-  var _useState3 = _sliced_to_array$f(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-  var _useState4 = _sliced_to_array$f(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-  var _useState5 = _sliced_to_array$f(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+  var _useState = _sliced_to_array$e(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+  var _useState1 = _sliced_to_array$e(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+  var _useState2 = _sliced_to_array$e(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+  var _useState3 = _sliced_to_array$e(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+  var _useState4 = _sliced_to_array$e(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+  var _useState5 = _sliced_to_array$e(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var hasFooter = isReactNodeNotEmpty(footer);
   var handleSearchInputChange = useCallback(function() {
@@ -12267,11 +12540,8 @@ function FilterSelect(param) {
     }();
     doFetchOptions();
   }, []);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$o({
-    className: classes.root,
-    style: {
-      width
-    }
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+    className: classes.root
   }, addDataAttributes(data)), {
     children: [
       isSearchEnabled && /* @__PURE__ */ jsx("div", {
@@ -13483,7 +13753,7 @@ var locale = {
   }
 };
 const ru = locale;
-var useStyles$n = createThemedStyles("FilterWithDates", {
+var useStyles$o = createThemedStyles("FilterWithDates", {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -13509,7 +13779,7 @@ var useStyles$n = createThemedStyles("FilterWithDates", {
   },
   datepicker: {}
 });
-var clearButtonStyles = innerTextButtonStyles;
+var clearButtonStyles = cloneDeep(innerTextButtonStyles);
 var backButtonStyles = innerTextButtonStyles;
 var PICKER_TOP_MARGIN = 28;
 var PICKER_WITH_BUTTONS_TOP_MARGIN = 60;
@@ -13539,14 +13809,14 @@ var endDatePickerWithButtonStyles = {
     marginLeft: END_PICKER_LEFT_MARGIN
   }
 };
-function _array_like_to_array$e(arr, len) {
+function _array_like_to_array$d(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$e(arr) {
+function _array_with_holes$d(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -13563,7 +13833,7 @@ function _define_property$p(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$e(arr, i) {
+function _iterable_to_array_limit$d(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -13591,7 +13861,7 @@ function _iterable_to_array_limit$e(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$e() {
+function _non_iterable_rest$d() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$n(target) {
@@ -13609,8 +13879,8 @@ function _object_spread$n(target) {
   }
   return target;
 }
-function ownKeys$l(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$m(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -13618,40 +13888,40 @@ function ownKeys$l(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$l(target, source) {
+function _object_spread_props$m(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$l(Object(source)).forEach(function(key) {
+    ownKeys$m(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$e(arr, i) {
-  return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
+function _sliced_to_array$d(arr, i) {
+  return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
 }
-function _unsupported_iterable_to_array$e(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$e(o, minLen);
+    return _array_like_to_array$d(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$e(o, minLen);
+    return _array_like_to_array$d(o, minLen);
 }
 var FilterWithDates = function(param) {
   var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-  var classes = useStyles$n({
+  var classes = useStyles$o({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -13679,8 +13949,8 @@ var FilterWithDates = function(param) {
     className: "tweakEndDatePicker",
     currentComponentName: "FilterWithDates"
   });
-  var _useState = _sliced_to_array$e(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-  var _useState1 = _sliced_to_array$e(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+  var _useState = _sliced_to_array$d(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+  var _useState1 = _sliced_to_array$d(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
   var ref = useRef(null);
   var dateLocale = localeKey === "ru" ? ru : enUS;
   var translates = useMemo(function() {
@@ -13738,7 +14008,7 @@ var FilterWithDates = function(param) {
     }
   };
   var _ref;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$l(_object_spread$n({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$n({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -13818,7 +14088,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$m = createThemedStyles("FilterWithPeriod", {
+var useStyles$n = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -13828,20 +14098,20 @@ var filterSelectStyles = {
     maxHeight: "auto"
   }
 };
-function _array_like_to_array$d(arr, len) {
+function _array_like_to_array$c(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$d(arr) {
+function _array_with_holes$c(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$1(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$d(arr);
+    return _array_like_to_array$c(arr);
 }
 function _define_property$o(obj, key, value) {
   if (key in obj) {
@@ -13860,7 +14130,7 @@ function _iterable_to_array$1(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$d(arr, i) {
+function _iterable_to_array_limit$c(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -13888,7 +14158,7 @@ function _iterable_to_array_limit$d(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$d() {
+function _non_iterable_rest$c() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$1() {
@@ -13909,8 +14179,8 @@ function _object_spread$m(target) {
   }
   return target;
 }
-function ownKeys$k(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$l(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -13918,43 +14188,43 @@ function ownKeys$k(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$k(target, source) {
+function _object_spread_props$l(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$k(Object(source)).forEach(function(key) {
+    ownKeys$l(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$d(arr, i) {
-  return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
+function _sliced_to_array$c(arr, i) {
+  return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
 }
 function _to_consumable_array$1(arr) {
-  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$1();
+  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$1();
 }
-function _unsupported_iterable_to_array$d(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$d(o, minLen);
+    return _array_like_to_array$c(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$d(o, minLen);
+    return _array_like_to_array$c(o, minLen);
 }
 var FilterWithPeriod = function(param) {
   var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$m({
+  var classes = useStyles$n({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -13963,9 +14233,9 @@ var FilterWithPeriod = function(param) {
     localeKey,
     locale2
   ]);
-  var _useState = _sliced_to_array$d(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-  var _useState1 = _sliced_to_array$d(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-  var _useState2 = _sliced_to_array$d(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+  var _useState = _sliced_to_array$c(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+  var _useState1 = _sliced_to_array$c(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+  var _useState2 = _sliced_to_array$c(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = useMemo(function() {
     var result = _object_spread$m({}, PERIODS_GETTERS);
     periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
@@ -14013,7 +14283,7 @@ var FilterWithPeriod = function(param) {
       if (onClose !== void 0) {
         onClose();
       }
-      onChange(_object_spread_props$k(_object_spread$m({}, p), {
+      onChange(_object_spread_props$l(_object_spread$m({}, p), {
         label: getPeriodTranslate(periodType)
       }));
     }
@@ -14033,7 +14303,7 @@ var FilterWithPeriod = function(param) {
   };
   var handleCustomDateChange = function(val) {
     if (val.from || val.to) {
-      onChange(_object_spread_props$k(_object_spread$m({}, val), {
+      onChange(_object_spread_props$l(_object_spread$m({}, val), {
         periodType: "CUSTOM"
       }));
     } else {
@@ -14105,14 +14375,14 @@ var FilterWithPeriod = function(param) {
     ]
   });
 };
-function _array_like_to_array$c(arr, len) {
+function _array_like_to_array$b(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$c(arr) {
+function _array_with_holes$b(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -14129,7 +14399,7 @@ function _define_property$n(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$c(arr, i) {
+function _iterable_to_array_limit$b(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -14157,7 +14427,7 @@ function _iterable_to_array_limit$c(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$c() {
+function _non_iterable_rest$b() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$l(target) {
@@ -14175,8 +14445,8 @@ function _object_spread$l(target) {
   }
   return target;
 }
-function ownKeys$j(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$k(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -14184,41 +14454,41 @@ function ownKeys$j(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$j(target, source) {
+function _object_spread_props$k(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$j(Object(source)).forEach(function(key) {
+    ownKeys$k(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$c(arr, i) {
-  return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
+function _sliced_to_array$b(arr, i) {
+  return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$b(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$c(o, minLen);
+    return _array_like_to_array$b(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$c(o, minLen);
+    return _array_like_to_array$b(o, minLen);
 }
 function Filter(param) {
   var filter = param.filter, value = param.value, parentRef = param.parentRef, isInline = param.isInline, onChange = param.onChange, onClose = param.onClose, localeKey = param.localeKey, locale2 = param.locale, filtersPaneRef = param.filtersPaneRef, testId = param.testId, classes = param.classes;
   var ref = useRef(null);
-  var _useState = _sliced_to_array$c(useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
+  var _useState = _sliced_to_array$b(useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
   var _filter_localeKey;
   var translatesLocaleKey = (_filter_localeKey = filter.localeKey) !== null && _filter_localeKey !== void 0 ? _filter_localeKey : localeKey;
   var translates = useMemo(function() {
@@ -14260,7 +14530,7 @@ function Filter(param) {
   };
   if (filter.type === "custom" && filter.component) {
     var Component = filter.component;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(Component, _object_spread$l({}, {
         value,
         onChange,
@@ -14275,7 +14545,7 @@ function Filter(param) {
     console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
   }
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$l({
         onChange,
         value,
@@ -14286,7 +14556,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "dateRange") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$l({
         localeKey: translatesLocaleKey,
         locale: translates,
@@ -14299,7 +14569,7 @@ function Filter(param) {
   }
   if (filter.type === "dateRangeWithoutPeriod") {
     var dateRangeValue = value;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       style: {
         width: 320
       },
@@ -14309,7 +14579,7 @@ function Filter(param) {
           return onChange(void 0);
         },
         onChange: function(v) {
-          return onChange(_object_spread_props$j(_object_spread$l({}, v), {
+          return onChange(_object_spread_props$k(_object_spread$l({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -14320,7 +14590,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$l({
         onChange,
         onClose: handleOnClose,
@@ -14332,7 +14602,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$l({
         value,
         labelName: filter.name,
@@ -14346,7 +14616,7 @@ function Filter(param) {
   console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
   return null;
 }
-var useStyles$l = createThemedStyles("FiltersPaneSearch", {
+var useStyles$m = createThemedStyles("FiltersPaneSearch", {
   root: {
     display: "flex",
     position: "relative",
@@ -14440,17 +14710,18 @@ var selectStyles = {
     borderRadius: 0,
     borderBottomLeftRadius: 6,
     borderBottomRightRadius: 6,
-    boxShadow: "none"
+    boxShadow: "none",
+    width: "100%"
   }
 };
-function _array_like_to_array$b(arr, len) {
+function _array_like_to_array$a(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$b(arr) {
+function _array_with_holes$a(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -14467,7 +14738,7 @@ function _define_property$m(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$b(arr, i) {
+function _iterable_to_array_limit$a(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -14495,7 +14766,7 @@ function _iterable_to_array_limit$b(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$b() {
+function _non_iterable_rest$a() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$k(target) {
@@ -14513,8 +14784,8 @@ function _object_spread$k(target) {
   }
   return target;
 }
-function ownKeys$i(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$j(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -14522,40 +14793,40 @@ function ownKeys$i(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$i(target, source) {
+function _object_spread_props$j(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$i(Object(source)).forEach(function(key) {
+    ownKeys$j(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$b(arr, i) {
-  return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
+function _sliced_to_array$a(arr, i) {
+  return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
 }
-function _unsupported_iterable_to_array$b(o, minLen) {
+function _unsupported_iterable_to_array$a(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$b(o, minLen);
+    return _array_like_to_array$a(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$b(o, minLen);
+    return _array_like_to_array$a(o, minLen);
 }
 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 classes = useStyles$l({
+  var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
+  var classes = useStyles$m({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -14570,8 +14841,8 @@ function FiltersPaneSearch(param) {
     className: "tweakSelect",
     currentComponentName: "FiltersPaneSearch"
   });
-  var _useState = _sliced_to_array$b(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-  var _useState1 = _sliced_to_array$b(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+  var _useState = _sliced_to_array$a(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+  var _useState1 = _sliced_to_array$a(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
   var refRoot = useRef(null);
   var translates = useMemo(function() {
     return getLocale$1(localeKey, locale2);
@@ -14601,7 +14872,7 @@ function FiltersPaneSearch(param) {
     field
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$k({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$j(_object_spread$k({
     className: clsx(classes.root, (_obj = {}, _define_property$m(_obj, classes.focused, isInputFocused), _define_property$m(_obj, classes.disabled, isDisabled), _obj)),
     ref: refRoot,
     "data-testid": testId
@@ -14657,7 +14928,6 @@ function FiltersPaneSearch(param) {
               localeKey,
               locale: translates,
               onChange: handleFieldsChange,
-              width: selectWidth,
               isSearchEnabled: isSelectSearchEnabled,
               hasClearButton: hasClearSelectButton,
               testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
@@ -14668,7 +14938,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$k = createThemedStyles("FilterValueView", {
+var useStyles$l = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -14687,7 +14957,7 @@ function _instanceof$1(left2, right2) {
 }
 function FilterValueView(param) {
   var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
-  var classes = useStyles$k({
+  var classes = useStyles$l({
     theme: tweakStyles
   });
   if (value === void 0 || value === null) {
@@ -14838,7 +15108,7 @@ function FilterValueView(param) {
     children: displayValue(value)
   });
 }
-var useStyles$j = createThemedStyles("FilterWrapper", {
+var useStyles$k = createThemedStyles("FilterWrapper", {
   root: {
     position: "relative",
     transition: "0.25s ease-in-out",
@@ -14953,14 +15223,14 @@ var useStyles$j = createThemedStyles("FilterWrapper", {
     extend: "animationEnd"
   }
 });
-function _array_like_to_array$a(arr, len) {
+function _array_like_to_array$9(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$a(arr) {
+function _array_with_holes$9(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -14977,7 +15247,7 @@ function _define_property$l(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$a(arr, i) {
+function _iterable_to_array_limit$9(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -15005,7 +15275,7 @@ function _iterable_to_array_limit$a(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$a() {
+function _non_iterable_rest$9() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$j(target) {
@@ -15023,8 +15293,8 @@ function _object_spread$j(target) {
   }
   return target;
 }
-function ownKeys$h(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$i(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -15032,36 +15302,36 @@ function ownKeys$h(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$h(target, source) {
+function _object_spread_props$i(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$h(Object(source)).forEach(function(key) {
+    ownKeys$i(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$a(arr, i) {
-  return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
+function _sliced_to_array$9(arr, i) {
+  return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
 }
-function _unsupported_iterable_to_array$a(o, minLen) {
+function _unsupported_iterable_to_array$9(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$a(o, minLen);
+    return _array_like_to_array$9(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$a(o, minLen);
+    return _array_like_to_array$9(o, minLen);
 }
 function FilterWrapper(param) {
   var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles, onChange = param.onChange;
@@ -15071,7 +15341,7 @@ function FilterWrapper(param) {
     }
     onChange(v);
   };
-  var classes = useStyles$j({
+  var classes = useStyles$k({
     theme: tweakStyles
   });
   var tweakFilterValueViewStyles = useTweakStyles({
@@ -15079,7 +15349,7 @@ function FilterWrapper(param) {
     className: "tweakValueView",
     currentComponentName: "FilterWrapper"
   });
-  var _useState = _sliced_to_array$a(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState = _sliced_to_array$9(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
   var refItem = useRef(null);
   var type = filter.type;
   var hasValue = false;
@@ -15105,7 +15375,7 @@ function FilterWrapper(param) {
   };
   var isBoolean = filter.type === "boolean";
   var _obj;
-  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$j({
+  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$j({
     className: clsx(classes.root, (_obj = {}, _define_property$l(_obj, classes.noValue, !hasValue), _define_property$l(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$l(_obj, classes.withValue, !isOpen && hasValue), _define_property$l(_obj, classes.openWithValue, isOpen && hasValue), _define_property$l(_obj, classes.boolean, isBoolean), _define_property$l(_obj, classes.disabled, isDisabled), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -15202,8 +15472,8 @@ function _object_spread$i(target) {
   }
   return target;
 }
-function ownKeys$g(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys$h(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -15211,16 +15481,16 @@ function ownKeys$g(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
-function _object_spread_props$g(target, source) {
+function _object_spread_props$h(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$g(Object(source)).forEach(function(key) {
+    ownKeys$h(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -15228,7 +15498,7 @@ function _object_spread_props$g(target, source) {
 }
 function FiltersPane(param) {
   var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-  var classes = useStyles$r({
+  var classes = useStyles$s({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -15271,12 +15541,12 @@ function FiltersPane(param) {
     })
   });
   var _search_localeKey, _search_localeKey1, _search_isDisabled;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$g(_object_spread$i({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$i({
     className: classes.root,
     ref
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$g(_object_spread$i({
+      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$h(_object_spread$i({
         className: classes.settings,
         tabIndex: 0
       }, addDataTestId(testId, "settings-button")), {
@@ -15288,7 +15558,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$g(_object_spread$i({}, search), {
+      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$h(_object_spread$i({}, search), {
         locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
         localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
         isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -15311,7 +15581,7 @@ function FiltersPane(param) {
           locale: locale2,
           localeKey,
           onChange: function(value) {
-            return onChangeFilters(_object_spread_props$g(_object_spread$i({}, values), _define_property$k({}, key, value)));
+            return onChangeFilters(_object_spread_props$h(_object_spread$i({}, values), _define_property$k({}, key, value)));
           },
           value: currentValue,
           isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -21441,7 +21711,7 @@ const Flags = {
   ZM,
   ZW
 };
-var useStyles$i = createThemedStyles("Flag", {
+var useStyles$j = createThemedStyles("Flag", {
   root: {
     // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
     // если будет нужно, то можно вынести border на уровень пропсов
@@ -21459,7 +21729,7 @@ var useStyles$i = createThemedStyles("Flag", {
 });
 var Flag = function(param) {
   var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
-  var classes = useStyles$i({
+  var classes = useStyles$j({
     theme: tweakStyles
   });
   var CC3 = countryCode.toUpperCase();
@@ -21475,7 +21745,67 @@ var Flag = function(param) {
     className: classes.root
   });
 };
+var useStyles$i = createThemedStyles("Skeleton", {
+  root: {
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    backgroundColor: rgba(colors.GREY_DISABLED, 0.8),
+    position: "relative",
+    borderRadius: 4,
+    overflow: "hidden",
+    "-webkit-mask-image": "-webkit-radial-gradient(white, black)",
+    "&::after": {
+      content: '""',
+      animation: "$skeleton 1.6s linear 0.5s infinite",
+      background: "linear-gradient(90deg, transparent, ".concat(rgba(colors.GREY_BACKGROUND, 0.65), ", transparent)"),
+      position: "absolute",
+      transform: "translateX(-100%)",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      top: 0
+    }
+  },
+  "@keyframes skeleton": {
+    "0%": {
+      transform: "translateX(-100%)"
+    },
+    "50%": {
+      transform: "translateX(100%)"
+    },
+    "100%": {
+      transform: "translateX(100%)"
+    }
+  }
+});
+var Skeleton = function(param) {
+  var height = param.height, tweakStyles = param.tweakStyles;
+  var classes = useStyles$i({
+    theme: tweakStyles
+  });
+  return /* @__PURE__ */ jsx("div", {
+    className: classes.root,
+    style: {
+      height
+    }
+  });
+};
 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);
+  } else {
+    return left2 instanceof right2;
+  }
+}
+var hasHorizontalScrollBar = function(el) {
+  return isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
+};
+var _config_dateFormat;
+var formatCellContent = function(value, config) {
+  return _instanceof(value, Date) ? format$1(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
+};
 var STICKY_SHADOW_PADDING = 12;
 var useStyles$h = createThemedStyles("FlexibleTable", {
   root: {
@@ -21493,14 +21823,6 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
     */
     maxHeight: "100%"
   },
-  horizontallyScrolled: {
-    "& $cellSticky": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    },
-    "& $headerSticky::before": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    }
-  },
   loader: {
     position: "sticky",
     left: 0,
@@ -21548,7 +21870,10 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
         "box-shadow",
         "0.25s",
         "ease-in-out"
-      ]
+      ],
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
     },
     "&::after": {
       content: '""',
@@ -21564,6 +21889,13 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
   },
   headerSecond: {
     paddingLeft: STICKY_SHADOW_PADDING
+  },
+  skeleton: {
+    height: 21,
+    padding: [
+      14,
+      7
+    ]
   }
 });
 function _define_property$j(obj, key, value) {
@@ -21594,6 +21926,30 @@ function _object_spread$h(target) {
   }
   return target;
 }
+function ownKeys$g(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _object_spread_props$g(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys$g(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
 var useStyles$g = createThemedStyles("FlexibleTableCell", {
   root: {
     position: "relative",
@@ -21607,13 +21963,17 @@ var useStyles$g = createThemedStyles("FlexibleTableCell", {
     zIndex: 5,
     verticalAlign: "top"
   },
-  sticky: _object_spread$h({
+  sticky: _object_spread_props$g(_object_spread$h({
     zIndex: 19,
     paddingLeft: 24,
     paddingRight: 12
   }, getTransition([
     "box-shadow"
-  ])),
+  ])), {
+    "[data-scrolled] &": {
+      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+    }
+  }),
   second: {
     paddingLeft: STICKY_SHADOW_PADDING
   }
@@ -21631,47 +21991,34 @@ function _define_property$i(obj, key, value) {
   }
   return obj;
 }
-function _instanceof(left2, right2) {
-  if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
-    return !!right2[Symbol.hasInstance](left2);
-  } else {
-    return left2 instanceof right2;
-  }
-}
 function FlexibleTableCell(param) {
   var item = param.item, columnName = param.columnName, config = param.config, isFocusedRow = param.isFocusedRow, isSecond = param.isSecond, isSticky = param.isSticky, isNestedComponentExpanded = param.isNestedComponentExpanded, isRowNestedComponentExpanded = param.isRowNestedComponentExpanded, tweakStyles = param.tweakStyles, onSetNestedComponent = param.onSetNestedComponent;
   var classes = useStyles$g({
     theme: tweakStyles
   });
-  var itemConfig = config === null || config === void 0 ? void 0 : config[columnName];
+  var _config_columnName;
+  var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, component = _ref.component, cellAlign = _ref.cellAlign, position = _ref.position, right2 = _ref.right, left2 = _ref.left, cellVerticalAlign = _ref.cellVerticalAlign;
   var value = item[columnName];
-  var content = null;
-  if (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component) {
-    var ValueComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component;
-    content = ValueComponent({
-      value,
-      row: item,
-      isFocusedRow,
-      isNestedComponentExpanded,
-      isRowNestedComponentExpanded,
-      onSetNestedComponent
-    });
-  } else if (typeof value === "string" || typeof value === "number") {
-    content = value;
-  } else if (_instanceof(value, Date)) {
-    content = format$1(value, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.dateFormat) || DEFAULT_DATE_FORMAT);
-  }
   var _obj;
   return /* @__PURE__ */ jsx("td", {
     className: clsx(classes.root, (_obj = {}, _define_property$i(_obj, classes.sticky, isSticky), _define_property$i(_obj, classes.second, isSecond), _obj)),
     style: {
-      textAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellAlign,
-      position: isSticky ? "sticky" : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.position,
-      right: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.right,
-      left: isSticky ? 0 : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.left,
-      verticalAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellVerticalAlign
+      textAlign: cellAlign,
+      position: isSticky ? "sticky" : position,
+      right: right2,
+      left: isSticky ? 0 : left2,
+      verticalAlign: cellVerticalAlign
     },
-    children: content
+    children: isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
+      children: isNotEmpty(component) ? component({
+        value,
+        row: item,
+        isFocusedRow,
+        isNestedComponentExpanded,
+        isRowNestedComponentExpanded,
+        onSetNestedComponent
+      }) : formatCellContent(value, config[columnName])
+    })
   }, columnName);
 }
 var useStyles$f = createThemedStyles("FlexibleTableRow", {
@@ -21681,16 +22028,19 @@ var useStyles$f = createThemedStyles("FlexibleTableRow", {
   active: {},
   editable: {
     cursor: "pointer"
+  },
+  clickable: {
+    cursor: "pointer"
   }
 });
-function _array_like_to_array$9(arr, len) {
+function _array_like_to_array$8(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$9(arr) {
+function _array_with_holes$8(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -21707,7 +22057,7 @@ function _define_property$h(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$9(arr, i) {
+function _iterable_to_array_limit$8(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -21735,7 +22085,7 @@ function _iterable_to_array_limit$9(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$9() {
+function _non_iterable_rest$8() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _object_spread$g(target) {
@@ -21754,7 +22104,7 @@ function _object_spread$g(target) {
   return target;
 }
 function ownKeys$f(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -21762,9 +22112,9 @@ function ownKeys$f(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$f(target, source) {
   source = source != null ? source : {};
@@ -21777,21 +22127,21 @@ function _object_spread_props$f(target, source) {
   }
   return target;
 }
-function _sliced_to_array$9(arr, i) {
-  return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
+function _sliced_to_array$8(arr, i) {
+  return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$8();
 }
-function _unsupported_iterable_to_array$9(o, minLen) {
+function _unsupported_iterable_to_array$8(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$9(o, minLen);
+    return _array_like_to_array$8(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$9(o, minLen);
+    return _array_like_to_array$8(o, minLen);
 }
 function FlexibleTableRowInner(param) {
   var item = param.item, uniqueField = param.uniqueField, isFirstColumnSticky = param.isFirstColumnSticky, isActive = param.isActive, config = param.config, enabledColumns = param.enabledColumns, rowAttributes = param.rowAttributes, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
@@ -21803,8 +22153,8 @@ function FlexibleTableRowInner(param) {
     className: "tweakTableCell",
     currentComponentName: "FlexibleTableRow"
   });
-  var _useState = _sliced_to_array$9(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
-  var _useState1 = _sliced_to_array$9(useState({
+  var _useState = _sliced_to_array$8(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+  var _useState1 = _sliced_to_array$8(useState({
     isOpen: false
   }), 2), nestedComponent = _useState1[0], setNestedComponent = _useState1[1];
   var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
@@ -21838,7 +22188,7 @@ function FlexibleTableRowInner(param) {
     if (uniqueField !== void 0) {
       onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
     }
-    if (expandableRowComponent !== void 0) {
+    if (isNotEmpty(expandableRowComponent)) {
       var newNestedComponent = expandableRowComponent(item, true, closeNestedComponent);
       if (!nestedComponent.isOpen && newNestedComponent !== null) {
         updateNestedComponent(newNestedComponent);
@@ -21850,11 +22200,12 @@ function FlexibleTableRowInner(param) {
       }
     }
   };
-  var items = enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(item);
+  var items = enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(config);
+  var _obj;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx("tr", _object_spread_props$f(_object_spread$g({
-        className: clsx(classes.root, isActive && classes.active, (onRowClick !== void 0 || onRowHover !== void 0) && classes.editable),
+        className: clsx(classes.root, (_obj = {}, _define_property$h(_obj, classes.active, isActive), _define_property$h(_obj, classes.editable, isNotEmpty(onRowClick) || isNotEmpty(onRowHover)), _define_property$h(_obj, classes.clickable, isNotEmpty(onRowClick) || isNotEmpty(expandableRowComponent)), _obj)),
         onMouseEnter: function(e) {
           if (uniqueField !== void 0 && onRowHover !== void 0) {
             e.stopPropagation();
@@ -21867,11 +22218,11 @@ function FlexibleTableRowInner(param) {
       }, addDataAttributes(_object_spread_props$f(_object_spread$g({}, rowData), {
         isExpandableComponentActive: nestedComponent.isOpen ? true : void 0
       }))), {
-        children: items.map(function(key, idx) {
+        children: items.map(function(key, i) {
           return /* @__PURE__ */ jsx(FlexibleTableCell, {
             columnName: key,
-            isSticky: isFirstColumnSticky && idx === 0,
-            isSecond: isFirstColumnSticky && idx === 1,
+            isSticky: isFirstColumnSticky && i === 0,
+            isSecond: isFirstColumnSticky && i === 1,
             item,
             config,
             tweakStyles: tweakTableCellStyles,
@@ -21895,17 +22246,6 @@ function FlexibleTableRowInner(param) {
   });
 }
 var FlexibleTableRow = /* @__PURE__ */ memo(FlexibleTableRowInner);
-function _array_like_to_array$8(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$8(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
 function _define_property$g(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -21919,37 +22259,6 @@ function _define_property$g(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$8(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$8() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread$f(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
@@ -21966,7 +22275,7 @@ function _object_spread$f(target) {
   return target;
 }
 function ownKeys$e(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -21974,9 +22283,9 @@ function ownKeys$e(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$e(target, source) {
   source = source != null ? source : {};
@@ -21989,24 +22298,8 @@ function _object_spread_props$e(target, source) {
   }
   return target;
 }
-function _sliced_to_array$8(arr, i) {
-  return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$8();
-}
-function _unsupported_iterable_to_array$8(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _array_like_to_array$8(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$8(o, minLen);
-}
 function FlexibleTable(param) {
-  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
+  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, isLoading = param.isLoading, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
   var classes = useStyles$h({
     theme: tweakStyles
   });
@@ -22015,9 +22308,39 @@ function FlexibleTable(param) {
     className: "tweakTableRow",
     currentComponentName: "FlexibleTable"
   });
-  var _useState = _sliced_to_array$8(useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
   var observer = useRef();
   var scrollRef = useRef(null);
+  var showedColumns = useMemo(function() {
+    return enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(config);
+  }, [
+    enabledColumns,
+    config
+  ]);
+  var getDataScrollAttributeSetter = useCallback(function(key, setter) {
+    return function(el) {
+      if (isHorizontallyScrollable && isNotEmpty(el) && setter(el)) {
+        el.dataset[key] = "true";
+      } else {
+        el === null || el === void 0 ? void 0 : el.removeAttribute("data-".concat(key));
+      }
+    };
+  }, [
+    isHorizontallyScrollable
+  ]);
+  var setHasScrollBarAttribute = useCallback(getDataScrollAttributeSetter("scrollable", hasHorizontalScrollBar), [
+    getDataScrollAttributeSetter
+  ]);
+  var setIsScrolledAttribute = useCallback(getDataScrollAttributeSetter("scrolled", function(el) {
+    return el.scrollLeft > 0;
+  }), [
+    getDataScrollAttributeSetter
+  ]);
+  var ref = useMergedRefs([
+    refForScroll,
+    scrollRef,
+    setHasScrollBarAttribute,
+    setIsScrolledAttribute
+  ]);
   var initIntersectionObserver = useCallback(function(node) {
     if (infinityScrollConfig) {
       if (infinityScrollConfig.isLoading || infinityScrollConfig.activePage >= infinityScrollConfig.totalPages) {
@@ -22041,33 +22364,39 @@ function FlexibleTable(param) {
     infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
   ]);
   useEffect(function() {
-    var scrollContainer = (refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef).current;
-    if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
+    var scrollContainer = scrollRef.current;
+    if (isEmpty(scrollContainer) || !isHorizontallyScrollable) {
       return;
     }
-    var scrollHandler = function(e) {
-      setIsHorizontallyScrolled(e.target.scrollLeft > 0);
+    var scrollHandler = function() {
+      setIsScrolledAttribute(scrollContainer);
+    };
+    var resizeHandler = function() {
+      setHasScrollBarAttribute(scrollContainer);
     };
     scrollContainer.addEventListener("scroll", scrollHandler);
+    window.addEventListener("resize", resizeHandler);
     return function() {
-      return scrollContainer.removeEventListener("scroll", scrollHandler);
+      scrollContainer.removeEventListener("scroll", scrollHandler);
+      window.removeEventListener("resize", resizeHandler);
     };
   }, [
-    scrollRef
+    scrollRef,
+    setIsScrolledAttribute,
+    setHasScrollBarAttribute
   ]);
   var _activeRows_includes;
   return /* @__PURE__ */ jsx("div", {
-    ref: refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef,
-    className: clsx(isHorizontallyScrollable && classes.scroll, isHorizontallyScrolled && classes.horizontallyScrolled),
+    ref,
+    className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable)),
     children: /* @__PURE__ */ jsxs("table", _object_spread_props$e(_object_spread$f({
-      className: classes.root,
-      "data-testid": testId
-    }, addDataAttributes(data)), {
+      className: classes.root
+    }, addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("thead", {
           children: /* @__PURE__ */ jsx("tr", {
             className: classes.headerRow,
-            children: (enabledColumns || Object.keys(content[0])).map(function(key, idx) {
+            children: showedColumns.map(function(key, i) {
               var itemConfig = config === null || config === void 0 ? void 0 : config[key];
               var _itemConfig_title;
               var titleContent = (_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "";
@@ -22078,8 +22407,9 @@ function FlexibleTable(param) {
                 });
               }
               var _itemConfig_titleAlign;
+              var _obj;
               return /* @__PURE__ */ jsx("th", {
-                className: clsx(classes.header, isFirstColumnSticky && idx === 0 && classes.headerSticky, isFirstColumnSticky && idx === 1 && classes.headerSecond),
+                className: clsx(classes.header, (_obj = {}, _define_property$g(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$g(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
                 style: {
                   minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
                   width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
@@ -22094,42 +22424,53 @@ function FlexibleTable(param) {
             })
           })
         }),
-        /* @__PURE__ */ jsxs("tbody", {
-          children: [
-            content.length === 0 && nothingFoundContent !== void 0 && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && ((infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLastPage) === void 0 || infinityScrollConfig.isLastPage) && /* @__PURE__ */ jsx("tr", {
-              children: /* @__PURE__ */ jsx("td", {
-                colSpan: (enabledColumns || Object.keys(content[0])).length,
-                children: nothingFoundContent
+        /* @__PURE__ */ jsx("tbody", {
+          children: isLoading ? indexMap(6, function(i) {
+            return /* @__PURE__ */ jsx("tr", {
+              children: showedColumns.map(function(_, j) {
+                return /* @__PURE__ */ jsx("td", {
+                  className: classes.skeleton,
+                  children: /* @__PURE__ */ jsx(Skeleton, {})
+                }, j);
               })
-            }),
-            content.map(function(item, idx) {
-              return jsx(FlexibleTableRow, {
-                item,
-                uniqueField,
-                isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
-                isFirstColumnSticky,
-                onRowClick,
-                onRowHover,
-                enabledColumns,
-                config,
-                rowAttributes,
-                tweakStyles: tweakTableRowStyles,
-                expandableRowComponent
-              }, uniqueField ? item[uniqueField] : idx);
-            }),
-            infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
-              children: /* @__PURE__ */ jsx("td", {
-                colSpan: (enabledColumns || Object.keys(content[0])).length,
-                children: /* @__PURE__ */ jsx("div", {
-                  ref: initIntersectionObserver,
-                  className: classes.loader,
-                  children: /* @__PURE__ */ jsx(ThemedPreloader, {
-                    type: "dots"
+            }, i);
+          }) : /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              !isArrayNotEmpty(content) && nothingFoundContent !== void 0 && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && ((infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLastPage) === void 0 || infinityScrollConfig.isLastPage) && /* @__PURE__ */ jsx("tr", {
+                children: /* @__PURE__ */ jsx("td", {
+                  colSpan: showedColumns.length,
+                  children: nothingFoundContent
+                })
+              }),
+              content.map(function(item, i) {
+                return jsx(FlexibleTableRow, {
+                  item,
+                  uniqueField,
+                  isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(i)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
+                  isFirstColumnSticky,
+                  onRowClick,
+                  onRowHover,
+                  enabledColumns,
+                  config,
+                  rowAttributes,
+                  tweakStyles: tweakTableRowStyles,
+                  expandableRowComponent
+                }, isNotEmpty(uniqueField) ? item[uniqueField] : i);
+              }),
+              infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
+                children: /* @__PURE__ */ jsx("td", {
+                  colSpan: showedColumns.length,
+                  children: /* @__PURE__ */ jsx("div", {
+                    ref: initIntersectionObserver,
+                    className: classes.loader,
+                    children: /* @__PURE__ */ jsx(ThemedPreloader, {
+                      type: "dots"
+                    })
                   })
                 })
               })
-            })
-          ]
+            ]
+          })
         })
       ]
     }))
@@ -22228,7 +22569,7 @@ function _object_spread$e(target) {
   return target;
 }
 function ownKeys$d(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -22236,9 +22577,9 @@ function ownKeys$d(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$d(target, source) {
   source = source != null ? source : {};
@@ -22697,7 +23038,7 @@ function _object_spread$d(target) {
   return target;
 }
 function ownKeys$c(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -22705,9 +23046,9 @@ function ownKeys$c(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$c(target, source) {
   source = source != null ? source : {};
@@ -23027,7 +23368,7 @@ function _object_spread$c(target) {
   return target;
 }
 function ownKeys$b(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -23035,9 +23376,9 @@ function ownKeys$b(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$b(target, source) {
   source = source != null ? source : {};
@@ -23352,7 +23693,7 @@ function _object_spread$b(target) {
   return target;
 }
 function ownKeys$a(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -23360,9 +23701,9 @@ function ownKeys$a(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$a(target, source) {
   source = source != null ? source : {};
@@ -23501,7 +23842,7 @@ function _object_spread$a(target) {
   return target;
 }
 function ownKeys$9(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -23509,9 +23850,9 @@ function ownKeys$9(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$9(target, source) {
   source = source != null ? source : {};
@@ -23723,7 +24064,7 @@ function _object_spread$9(target) {
   return target;
 }
 function ownKeys$8(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -23731,9 +24072,9 @@ function ownKeys$8(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$8(target, source) {
   source = source != null ? source : {};
@@ -26961,7 +27302,7 @@ function _object_spread$7(target) {
   return target;
 }
 function ownKeys$7(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -26969,9 +27310,9 @@ function ownKeys$7(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$7(target, source) {
   source = source != null ? source : {};
@@ -27244,7 +27585,7 @@ function _object_spread$6(target) {
   return target;
 }
 function ownKeys$6(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -27252,9 +27593,9 @@ function ownKeys$6(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$6(target, source) {
   source = source != null ? source : {};
@@ -27386,7 +27727,7 @@ function _object_spread$5(target) {
   return target;
 }
 function ownKeys$5(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -27394,9 +27735,9 @@ function ownKeys$5(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$5(target, source) {
   source = source != null ? source : {};
@@ -27410,7 +27751,7 @@ function _object_spread_props$5(target, source) {
   return target;
 }
 var Switch = function(param) {
-  var isDisabled = param.isDisabled, isChecked = param.isChecked, isInvalid = param.isInvalid, value = param.value, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, onChange = param.onChange;
+  var isDisabled = param.isDisabled, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, isInvalid = param.isInvalid, value = param.value, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, onChange = param.onChange;
   var classes = useStyles$5({
     theme: tweakStyles
   });
@@ -27649,7 +27990,7 @@ function _object_spread$4(target) {
   return target;
 }
 function ownKeys$4(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -27657,9 +27998,9 @@ function ownKeys$4(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$4(target, source) {
   source = source != null ? source : {};
@@ -27858,7 +28199,7 @@ function _object_spread$3(target) {
   return target;
 }
 function ownKeys$3(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -27866,9 +28207,9 @@ function ownKeys$3(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$3(target, source) {
   source = source != null ? source : {};
@@ -27985,7 +28326,7 @@ function _object_spread$2(target) {
   return target;
 }
 function ownKeys$2(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -27993,9 +28334,9 @@ function ownKeys$2(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$2(target, source) {
   source = source != null ? source : {};
@@ -28194,7 +28535,7 @@ function _object_spread$1(target) {
   return target;
 }
 function ownKeys$1(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -28202,9 +28543,9 @@ function ownKeys$1(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props$1(target, source) {
   source = source != null ? source : {};
@@ -28360,7 +28701,7 @@ function _object_spread(target) {
   return target;
 }
 function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+  var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     if (enumerableOnly) {
@@ -28368,9 +28709,9 @@ function ownKeys(object, enumerableOnly) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       });
     }
-    keys.push.apply(keys, symbols);
+    keys2.push.apply(keys2, symbols);
   }
-  return keys;
+  return keys2;
 }
 function _object_spread_props(target, source) {
   source = source != null ? source : {};
@@ -28611,6 +28952,7 @@ export {
   ScrollIntoViewIfNeeded,
   SearchInput,
   Select,
+  Skeleton,
   SmartInput,
   Switch,
   TextArea,
@@ -28665,6 +29007,7 @@ export {
   useDidMountEffect,
   useDropdown,
   useIsMounted,
+  useMergedRefs,
   useMixedStyles,
   useOnClickOutside,
   useOnClickOutsideWithRef,