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

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

@@ -829,9 +829,9 @@
         }
         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);
@@ -1194,12 +1194,12 @@
   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;
@@ -1215,8 +1215,8 @@
     }
     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);
   }
@@ -1232,13 +1232,13 @@
     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;
@@ -1266,11 +1266,11 @@
   }
   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)) {
@@ -1300,21 +1300,21 @@
     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) {
@@ -1503,9 +1503,9 @@
   }
   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) {
@@ -1514,17 +1514,17 @@
   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;
@@ -1549,27 +1549,27 @@
   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)];
   }
@@ -1605,11 +1605,11 @@
     }
     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);
     }
   }
@@ -1645,12 +1645,12 @@
     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.
@@ -1669,15 +1669,15 @@
     }
     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);
       }
     }
@@ -1878,8 +1878,8 @@
     }
     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) {
@@ -1887,16 +1887,16 @@
           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));
       });
     }
@@ -1950,7 +1950,7 @@
       return trueReactPlatformHelpers.mergeStyles(styles, trueReactPlatformHelpers.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(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$G(_object_spread$S({}, data), {
+      return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
         theme: cleanStyles(data.theme)
       }) : data);
     };
@@ -1971,7 +1971,7 @@
       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++)
@@ -1980,7 +1980,7 @@
   }
   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)
@@ -1990,20 +1990,20 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$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;
@@ -2086,18 +2086,18 @@
     }
     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;
@@ -2125,24 +2125,24 @@
     }
     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) {
@@ -2265,7 +2265,7 @@
   var addDataAttributes = function() {
     var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return Object.fromEntries(Object.entries(data).map(function(param) {
-      var _param = _sliced_to_array$p(param, 2), key = _param[0], value = _param[1];
+      var _param = _sliced_to_array$o(param, 2), key = _param[0], value = _param[1];
       return trueReactPlatformHelpers.isString(value) && trueReactPlatformHelpers.isStringNotEmpty(value) || trueReactPlatformHelpers.isNotEmpty(value) ? [
         "data-".concat(transformToKebab(key)),
         value
@@ -2609,8 +2609,8 @@
   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;
     }, {});
@@ -3930,7 +3930,7 @@
     }, [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++)
@@ -3939,7 +3939,7 @@
   }
   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) {
@@ -3977,20 +3977,20 @@
     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;
@@ -4096,63 +4096,68 @@
       tweakStyles
     ]);
   };
-  const avatarGreen = `  <svg\r
-    width="100%"\r
-    height="100%"\r
-    viewBox="0 0 32 32"\r
-    fill="none"\r
-    xmlns="http://www.w3.org/2000/svg"\r
-  >\r
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
-    <mask\r
-      id="mask0_0_12744"\r
-      style="mask-type: 'alpha';"\r
-      maskUnits="userSpaceOnUse"\r
-      x="0"\r
-      y="0"\r
-      width="32"\r
-      height="32"\r
-    >\r
-      <circle cx="16" cy="16" r="16" fill="white" />\r
-    </mask>\r
-    <g mask="url(#mask0_0_12744)">\r
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
-      <mask\r
-        id="mask1_0_12744"\r
-        style="mask-type: 'alpha';"\r
-        maskUnits="userSpaceOnUse"\r
-        x="3"\r
-        y="16"\r
-        width="26"\r
-        height="26"\r
-      >\r
-        <circle cx="16" cy="29" r="13" fill="white" />\r
-      </mask>\r
-      <g mask="url(#mask1_0_12744)">\r
-        <ellipse\r
-          cx="16"\r
-          cy="17.5"\r
-          rx="6"\r
-          ry="7.5"\r
-          fill="#505F79"\r
-          fill-opacity="0.204983"\r
-        />\r
-      </g>\r
-    </g>\r
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
-    <defs>\r
-      <linearGradient\r
-        id="paint0_linear_0_12744"\r
-        x1="13.347"\r
-        y1="46.279"\r
-        x2="33.5318"\r
-        y2="30.8088"\r
-        gradientUnits="userSpaceOnUse"\r
-      >\r
-        <stop stop-color="#ABD229" />\r
-        <stop offset="1" stop-color="#9CD03F" />\r
-      </linearGradient>\r
-    </defs>\r
+  var useMergedRefs = function(refs) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.mergeRefs(refs);
+    }, refs);
+  };
+  const avatarGreen = `  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
+    <mask
+      id="mask0_0_12744"
+      style="mask-type: 'alpha';"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="32"
+      height="32"
+    >
+      <circle cx="16" cy="16" r="16" fill="white" />
+    </mask>
+    <g mask="url(#mask0_0_12744)">
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
+      <mask
+        id="mask1_0_12744"
+        style="mask-type: 'alpha';"
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="16"
+        width="26"
+        height="26"
+      >
+        <circle cx="16" cy="29" r="13" fill="white" />
+      </mask>
+      <g mask="url(#mask1_0_12744)">
+        <ellipse
+          cx="16"
+          cy="17.5"
+          rx="6"
+          ry="7.5"
+          fill="#505F79"
+          fill-opacity="0.204983"
+        />
+      </g>
+    </g>
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
+    <defs>
+      <linearGradient
+        id="paint0_linear_0_12744"
+        x1="13.347"
+        y1="46.279"
+        x2="33.5318"
+        y2="30.8088"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#ABD229" />
+        <stop offset="1" stop-color="#9CD03F" />
+      </linearGradient>
+    </defs>
   </svg>`;
   var complexIcons = {
     avatar: avatarGreen
@@ -5055,8 +5060,8 @@
     }
     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) {
@@ -5064,16 +5069,16 @@
           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));
       });
     }
@@ -5104,19 +5109,19 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$F(_object_spread$P({}, rect), {
+          return /* @__PURE__ */ React.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__ */ React.createElement("circle", _object_spread_props$F(_object_spread$P({}, circle), {
+          return /* @__PURE__ */ React.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"
@@ -5150,8 +5155,8 @@
     }
     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) {
@@ -5159,16 +5164,16 @@
           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));
       });
     }
@@ -5176,10 +5181,10 @@
   }
   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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5197,7 +5202,7 @@
   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,
@@ -5268,8 +5273,8 @@
     }
     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) {
@@ -5277,16 +5282,16 @@
           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));
       });
     }
@@ -5294,15 +5299,15 @@
   }
   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) {
-      item.onClick();
-      onClick === null || onClick === void 0 ? void 0 : onClick();
+    var handleItemClick = function(event, item) {
+      item.onClick(event);
+      onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: items.map(function(item, idx) {
@@ -5312,10 +5317,10 @@
             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);
+              onClick: item.disabled ? void 0 : function(event) {
+                return handleItemClick(event, item);
               }
             }, trueReactPlatformHelpers.addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : trueReactPlatformHelpers.getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
               disabled: item.disabled
@@ -5368,7 +5373,7 @@
     }
     return target;
   }
-  var useStyles$J = createThemedStyles("AccountInfo", _object_spread$M({
+  var useStyles$K = createThemedStyles("AccountInfo", _object_spread$M({
     root: {
       display: "flex"
     },
@@ -5410,14 +5415,14 @@
       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;
   }
@@ -5434,7 +5439,7 @@
     }
     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;
@@ -5462,7 +5467,7 @@
     }
     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) {
@@ -5480,8 +5485,8 @@
     }
     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) {
@@ -5489,40 +5494,40 @@
           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({
@@ -5532,7 +5537,7 @@
     });
     var nameRef = React.useRef(null);
     var dropdownRef = React.useRef(null);
-    var _useState = _sliced_to_array$o(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+    var _useState = _sliced_to_array$n(React.useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
     var toggleMenu = function(event) {
       event.stopPropagation();
       setIsMenuOpen(function(v) {
@@ -5542,7 +5547,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -5592,7 +5597,7 @@
       ]
     }));
   };
-  var useStyles$I = createThemedStyles("AddButton", {
+  var useStyles$J = createThemedStyles("AddButton", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -5646,8 +5651,8 @@
     }
     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) {
@@ -5655,16 +5660,16 @@
           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));
       });
     }
@@ -5672,10 +5677,10 @@
   }
   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,
@@ -5694,7 +5699,7 @@
       ]
     }));
   };
-  var useStyles$H = createThemedStyles("DotsPreloader", {
+  var useStyles$I = createThemedStyles("DotsPreloader", {
     root: {
       display: "flex",
       gap: 4,
@@ -5739,7 +5744,7 @@
   });
   var DotsPreloader = function(param) {
     var tweakStyles = param.tweakStyles;
-    var classes = useStyles$H({
+    var classes = useStyles$I({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -5805,7 +5810,7 @@
       ]
     });
   };
-  var useStyles$G = createThemedStyles("SvgPreloader", {
+  var useStyles$H = createThemedStyles("SvgPreloader", {
     root: {
       display: "flex",
       width: "100%",
@@ -5815,7 +5820,7 @@
   var SvgPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
     var _theme_preloaders;
-    var classes = useStyles$G({
+    var classes = useStyles$H({
       theme: tweakStyles
     });
     var theme = React.useContext(ThemeContext).theme;
@@ -5829,7 +5834,7 @@
       }
     }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
   };
-  var useStyles$F = createThemedStyles("ThemedPreloader", {
+  var useStyles$G = createThemedStyles("ThemedPreloader", {
     root: {
       display: "flex"
     },
@@ -5868,8 +5873,8 @@
     }
     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) {
@@ -5877,16 +5882,16 @@
           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));
       });
     }
@@ -5894,7 +5899,7 @@
   }
   var ThemedPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$F({
+    var classes = useStyles$G({
       theme: tweakStyles
     });
     var tweakDotsPreloaderStyles = useTweakStyles({
@@ -5907,7 +5912,7 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -5918,7 +5923,7 @@
       })
     }));
   };
-  var useStyles$E = createThemedStyles("Button", {
+  var useStyles$F = createThemedStyles("Button", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -6118,8 +6123,8 @@
     }
     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) {
@@ -6127,16 +6132,16 @@
           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));
       });
     }
@@ -6144,7 +6149,7 @@
   }
   var Button = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-    var classes = useStyles$E({
+    var classes = useStyles$F({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -6157,7 +6162,7 @@
     var hasChildren = trueReactPlatformHelpers.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)),
@@ -6191,7 +6196,7 @@
       ]
     }));
   });
-  var useStyles$D = createThemedStyles("Checkbox", {
+  var useStyles$E = createThemedStyles("Checkbox", {
     root: {
       cursor: "pointer",
       display: "flex",
@@ -6228,14 +6233,14 @@
       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;
   }
@@ -6252,7 +6257,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$n(arr, i) {
+  function _iterable_to_array_limit$m(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -6280,7 +6285,7 @@
     }
     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) {
@@ -6298,8 +6303,8 @@
     }
     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) {
@@ -6307,43 +6312,43 @@
           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(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
+    var _useState = _sliced_to_array$m(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
     var hasAction = !isDisabled && !isReadonly;
     var onToggle = function() {
       var newValue = !isSelected;
@@ -6359,7 +6364,7 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -6386,7 +6391,7 @@
       ]
     }));
   }
-  var useStyles$C = createThemedStyles("CloseButton", {
+  var useStyles$D = createThemedStyles("CloseButton", {
     root: {
       width: 40,
       height: 40,
@@ -6439,8 +6444,8 @@
     }
     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) {
@@ -6448,16 +6453,16 @@
           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));
       });
     }
@@ -6465,10 +6470,10 @@
   }
   var CloseButton = function(param) {
     var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-    var classes = useStyles$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
@@ -6478,7 +6483,7 @@
       })
     }));
   };
-  var useStyles$B = createThemedStyles({
+  var useStyles$C = createThemedStyles({
     root: {
       display: "flex",
       flexWrap: "wrap"
@@ -6512,18 +6517,18 @@
       ]
     }
   });
-  function _array_like_to_array$m(arr, len) {
+  function _array_like_to_array$l(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$m(arr) {
+  function _array_with_holes$l(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _iterable_to_array_limit$m(arr, i) {
+  function _iterable_to_array_limit$l(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -6551,33 +6556,33 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$m() {
+  function _non_iterable_rest$l() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _sliced_to_array$m(arr, i) {
-    return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
+  function _sliced_to_array$l(arr, i) {
+    return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
   }
-  function _unsupported_iterable_to_array$m(o, minLen) {
+  function _unsupported_iterable_to_array$l(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$m(o, minLen);
+      return _array_like_to_array$l(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$m(o, minLen);
+      return _array_like_to_array$l(o, minLen);
   }
   var Colors = function() {
-    var classes = useStyles$B();
+    var classes = useStyles$C();
     var theme = React.useContext(ThemeContext).theme;
     var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
     return /* @__PURE__ */ jsx("div", {
       className: classes.root,
       children: Object.entries(colors2).map(function(param) {
-        var _param = _sliced_to_array$m(param, 2), colorName = _param[0], color = _param[1];
+        var _param = _sliced_to_array$l(param, 2), colorName = _param[0], color = _param[1];
         var name = colorName.split("_").join(" ").toLowerCase();
         return /* @__PURE__ */ jsxs("div", {
           className: classes.colorCard,
@@ -6601,7 +6606,7 @@
       })
     });
   };
-  var useStyles$A = createThemedStyles("CssBaseline", {
+  var useStyles$B = createThemedStyles("CssBaseline", {
     "@global html, body": {
       fontFamily: "Arial, sans-serif",
       color: colors.FONT_MAIN,
@@ -6640,7 +6645,7 @@
   }
   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({
@@ -6650,7 +6655,7 @@
   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",
@@ -6923,14 +6928,14 @@
     loading: {},
     withUnits: {}
   });
-  function _array_like_to_array$l(arr, len) {
+  function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$l(arr) {
+  function _array_with_holes$k(arr) {
     if (Array.isArray(arr))
       return arr;
   }
@@ -6976,7 +6981,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$l(arr, i) {
+  function _iterable_to_array_limit$k(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -7004,7 +7009,7 @@
     }
     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) {
@@ -7022,8 +7027,8 @@
     }
     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) {
@@ -7031,36 +7036,36 @@
           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, _ = {
@@ -7166,7 +7171,7 @@
   };
   var Input = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var _param_value = param.value, value = _param_value === void 0 ? "" : _param_value, label = param.label, placeholder = param.placeholder, _param_type = param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = param.isDisabled, isReadonly = param.isReadonly, _param_hasFloatingLabel = param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = param.infoMessage, errorMessage = param.errorMessage, _param_errorPosition = param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = param.inlineStyle, border = param.border, isRequired = param.isRequired, isLoading = param.isLoading, isAutoSizeable = param.isAutoSizeable, _param_defaultSize = param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = param.iconType, name = param.name, hasRequiredLabel = param.hasRequiredLabel, data = param.data, tweakStyles = param.tweakStyles, maxLength = param.maxLength, shouldFocusOnMount = param.shouldFocusOnMount, units = param.units, testId = param.testId, tabIndex = param.tabIndex, onChange = param.onChange, onPaste = param.onPaste, onFocus = param.onFocus, onBlur = param.onBlur, onIconClick = param.onIconClick, onKeyDown = param.onKeyDown, mask = param.mask, maskPlaceholder = param.maskPlaceholder, alwaysShowMask = param.alwaysShowMask, shouldAlwaysShowPlaceholder = param.shouldAlwaysShowPlaceholder, beforeMaskedStateChange = param.beforeMaskedStateChange;
-    var classes = useStyles$z({
+    var classes = useStyles$A({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -7174,7 +7179,7 @@
       className: "tweakPreloader",
       currentComponentName: "Input"
     });
-    var _useState = _sliced_to_array$l(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+    var _useState = _sliced_to_array$k(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var inputRef = React.useRef(null);
     var handleChange = function(event) {
       onChange(event.currentTarget.value, event);
@@ -7242,7 +7247,7 @@
     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)), {
@@ -7315,7 +7320,7 @@
   });
   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%",
@@ -7351,8 +7356,8 @@
     }
     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) {
@@ -7360,16 +7365,16 @@
           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));
       });
     }
@@ -7408,7 +7413,7 @@
     return target;
   }
   var DateInput = /* @__PURE__ */ React.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",
@@ -7418,11 +7423,10 @@
       "data",
       "isRange",
       "tweakStyles",
-      "testId",
       "onClick",
       "onChange"
     ]);
-    var classes = useStyles$y({
+    var classes = useStyles$z({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -7449,16 +7453,15 @@
       }
       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
-    }, trueReactPlatformHelpers.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: trueReactPlatformHelpers.getTestId(testId, "input"),
         tweakStyles: tweakInputStyles,
         onChange: handleChange,
         beforeMaskedStateChange
@@ -7467,7 +7470,7 @@
   });
   const reactDatepicker = "";
   var LEFT_PADDING = 44;
-  var useStyles$x = createThemedStyles("SearchInput", {
+  var useStyles$y = createThemedStyles("SearchInput", {
     root: {
       position: "relative"
     },
@@ -7532,8 +7535,8 @@
     }
     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) {
@@ -7541,16 +7544,16 @@
           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));
       });
     }
@@ -7595,7 +7598,7 @@
       "testId",
       "data"
     ]);
-    var classes = useStyles$x({
+    var classes = useStyles$y({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -7604,7 +7607,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -7882,7 +7885,7 @@
     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)",
@@ -7977,8 +7980,8 @@
     }
     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) {
@@ -7986,16 +7989,16 @@
           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));
       });
     }
@@ -8005,7 +8008,7 @@
     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 = trueReactPlatformHelpers.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"
@@ -8060,8 +8063,8 @@
     }
     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) {
@@ -8069,16 +8072,16 @@
           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));
       });
     }
@@ -8086,7 +8089,7 @@
   }
   function SelectList(param) {
     var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, 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 = trueReactPlatformHelpers.isNotEmpty(onToggleCheckbox);
@@ -8129,7 +8132,7 @@
           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
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8202,7 +8205,7 @@
   var isMultiSelectValue = function(props, _value) {
     return props.isMultiSelect === true;
   };
-  var useStyles$v = createThemedStyles("Select", {
+  var useStyles$w = createThemedStyles("Select", {
     root: {
       width: "100%",
       position: "relative",
@@ -8307,20 +8310,20 @@
       }
     }
   };
-  function _array_like_to_array$k(arr, len) {
+  function _array_like_to_array$j(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$k(arr) {
+  function _array_with_holes$j(arr) {
     if (Array.isArray(arr))
       return arr;
   }
   function _array_without_holes$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 {
@@ -8368,7 +8371,7 @@
     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;
@@ -8396,7 +8399,7 @@
     }
     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() {
@@ -8417,8 +8420,8 @@
     }
     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) {
@@ -8426,16 +8429,16 @@
           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));
       });
     }
@@ -8473,24 +8476,24 @@
     }
     return target;
   }
-  function _sliced_to_array$k(arr, i) {
-    return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
+  function _sliced_to_array$j(arr, i) {
+    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
   }
   function _to_consumable_array$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, _ = {
@@ -8626,7 +8629,7 @@
       "convertValueToReactNode",
       "optionsFilter"
     ]);
-    var classes = useStyles$v({
+    var classes = useStyles$w({
       theme: tweakStyles
     });
     var shouldRenderSearchInputInList = (searchInput === null || searchInput === void 0 ? void 0 : searchInput.shouldRenderInList) === true;
@@ -8654,12 +8657,12 @@
       currentComponentName: "Select"
     });
     var isMounted = useIsMounted();
-    var _useState = _sliced_to_array$k(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-    var _useState1 = _sliced_to_array$k(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+    var _useState = _sliced_to_array$j(React.useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
+    var _useState1 = _sliced_to_array$j(React.useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
     var hasDefaultOption = trueReactPlatformHelpers.isStringNotEmpty(defaultOptionLabel);
-    var _useState2 = _sliced_to_array$k(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-    var _useState3 = _sliced_to_array$k(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-    var _useState4 = _sliced_to_array$k(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+    var _useState2 = _sliced_to_array$j(React.useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+    var _useState3 = _sliced_to_array$j(React.useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
+    var _useState4 = _sliced_to_array$j(React.useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
     var inputWrapper = React.useRef(null);
     var list = React.useRef(null);
     var input = React.useRef(null);
@@ -8953,7 +8956,7 @@
       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,
@@ -9048,7 +9051,7 @@
   }
   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,
@@ -9117,7 +9120,7 @@
   };
   var DatePickerHeader = function(param) {
     var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-    var classes = useStyles$u({
+    var classes = useStyles$v({
       theme: tweakStyles
     });
     var tweakSelectStyles = useTweakStyles({
@@ -9226,7 +9229,7 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var useStyles$t = createThemedStyles("DatePicker", {
+  var useStyles$u = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
       height: "100%"
@@ -9249,14 +9252,14 @@
       }
     }
   });
-  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;
   }
@@ -9273,7 +9276,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$j(arr, i) {
+  function _iterable_to_array_limit$i(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -9301,7 +9304,7 @@
     }
     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) {
@@ -9319,8 +9322,8 @@
     }
     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) {
@@ -9328,16 +9331,16 @@
           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));
       });
     }
@@ -9375,26 +9378,25 @@
     }
     return target;
   }
-  function _sliced_to_array$j(arr, i) {
-    return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
+  function _sliced_to_array$i(arr, i) {
+    return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
   }
-  function _unsupported_iterable_to_array$j(o, minLen) {
+  function _unsupported_iterable_to_array$i(o, minLen) {
     if (!o)
       return;
     if (typeof o === "string")
-      return _array_like_to_array$j(o, minLen);
+      return _array_like_to_array$i(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor)
       n = o.constructor.name;
     if (n === "Map" || n === "Set")
       return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return _array_like_to_array$j(o, minLen);
+      return _array_like_to_array$i(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, 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",
@@ -9438,7 +9440,7 @@
       "onKeyDown",
       "tweakStyles"
     ]);
-    var classes = useStyles$t({
+    var classes = useStyles$u({
       theme: tweakStyles
     });
     var tweakDateInputStyles = useTweakStyles({
@@ -9454,14 +9456,14 @@
     }, [
       dateFormat
     ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-    var _useState = _sliced_to_array$j(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-    var _useState1 = _sliced_to_array$j(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-    var _useState2 = _sliced_to_array$j(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-    var _useState3 = _sliced_to_array$j(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-    var _useState4 = _sliced_to_array$j(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-    var _useState5 = _sliced_to_array$j(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+    var _useState = _sliced_to_array$i(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState1 = _sliced_to_array$i(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+    var _useState2 = _sliced_to_array$i(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+    var _useState3 = _sliced_to_array$i(React.useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+    var _useState4 = _sliced_to_array$i(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+    var _useState5 = _sliced_to_array$i(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
-    var dateInputProps = _object_spread$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,
@@ -9559,9 +9561,9 @@
       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
-    }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
+    }, addDataAttributes(data)), {
       children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
         ref,
         minDate,
@@ -9593,7 +9595,7 @@
         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
           }));
         },
@@ -9630,7 +9632,7 @@
     }));
   });
   var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-  var useStyles$s = createThemedStyles("Description", {
+  var useStyles$t = createThemedStyles("Description", {
     root: {},
     button: {
       cursor: "pointer",
@@ -9660,14 +9662,14 @@
       }
     }
   });
-  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;
   }
@@ -9684,7 +9686,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$i(arr, i) {
+  function _iterable_to_array_limit$h(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -9712,7 +9714,7 @@
     }
     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) {
@@ -9730,8 +9732,8 @@
     }
     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) {
@@ -9739,49 +9741,49 @@
           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(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState = _sliced_to_array$h(React.useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var link = text.match(LINK_REGEXP);
     var linkText = link && link[0];
     var textWithNoLink = text.replace(LINK_REGEXP, "");
     var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$v({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$v({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -9988,14 +9990,14 @@
     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;
   }
@@ -10041,7 +10043,7 @@
     }
     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;
@@ -10069,7 +10071,7 @@
     }
     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) {
@@ -10119,21 +10121,21 @@
     }
     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, _ = {
@@ -10250,10 +10252,10 @@
       "min",
       "max"
     ]);
-    var _useState = _sliced_to_array$h(React.useState(function() {
+    var _useState = _sliced_to_array$g(React.useState(function() {
       return formatNumberWithDefault(value, defaultValue);
     }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-    var _useState1 = _sliced_to_array$h(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+    var _useState1 = _sliced_to_array$g(React.useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
     var handleKeyDown = function(event) {
       setIsDeleteForwardAction(event.key === "Delete");
     };
@@ -10349,8 +10351,277 @@
       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",
@@ -10415,7 +10686,7 @@
       }
     }
   };
-  var useStyles$q = createThemedStyles("FilterInterval", {
+  var useStyles$r = createThemedStyles("FilterInterval", {
     root: {
       padding: 8,
       background: colors.CLASSIC_WHITE
@@ -10457,7 +10728,7 @@
       }
     }
   };
-  var clearButtonStyles$3 = innerTextButtonStyles;
+  var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
   function _define_property$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -10486,8 +10757,8 @@
     }
     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) {
@@ -10495,16 +10766,16 @@
           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));
       });
     }
@@ -10512,7 +10783,7 @@
   }
   var FilterInterval = function(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-    var classes = useStyles$q({
+    var classes = useStyles$r({
       theme: tweakStyles
     });
     var translates = React.useMemo(function() {
@@ -10556,7 +10827,7 @@
       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: [
@@ -10683,8 +10954,9 @@
   }
   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({
@@ -10780,10 +11052,13 @@
       padding: [
         11,
         16
-      ]
+      ],
+      boxSizing: "border-box",
+      width: "100%"
     },
     children: {
-      marginRight: "auto"
+      marginRight: "auto",
+      overflow: "hidden"
     }
   };
   var clearButtonStyles$2 = {
@@ -10797,20 +11072,20 @@
       }
     }
   };
-  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 {
@@ -10858,7 +11133,7 @@
     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;
@@ -10886,7 +11161,7 @@
     }
     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() {
@@ -10907,8 +11182,8 @@
     }
     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) {
@@ -10916,39 +11191,39 @@
           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, _ = {
@@ -11053,7 +11328,7 @@
     }
   };
   function MultiSelectList(param) {
-    var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_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) {
@@ -11069,7 +11344,7 @@
       }
     };
     var isMounted = useIsMounted();
-    var classes = useStyles$p({
+    var classes = useStyles$q({
       theme: tweakStyles
     });
     var tweakCheckboxStyles = useTweakStyles({
@@ -11090,13 +11365,13 @@
       className: "tweakClearButton",
       currentComponentName: "MultiSelectList"
     });
-    var _useState = _sliced_to_array$g(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-    var _useState1 = _sliced_to_array$g(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-    var _useState2 = _sliced_to_array$g(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-    var _useState3 = _sliced_to_array$g(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-    var _useState4 = _sliced_to_array$g(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-    var _useState5 = _sliced_to_array$g(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-    var _useState6 = _sliced_to_array$g(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+    var _useState = _sliced_to_array$f(React.useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+    var _useState1 = _sliced_to_array$f(React.useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+    var _useState2 = _sliced_to_array$f(React.useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+    var _useState3 = _sliced_to_array$f(React.useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+    var _useState4 = _sliced_to_array$f(React.useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+    var _useState5 = _sliced_to_array$f(React.useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+    var _useState6 = _sliced_to_array$f(React.useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
     var observer = React.useRef();
     var chosenValues = value === null || value === void 0 ? void 0 : value.include;
     var translates = React.useMemo(function() {
@@ -11224,13 +11499,13 @@
         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]
               ])
@@ -11429,11 +11704,8 @@
     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", {
@@ -11597,8 +11869,9 @@
   }
   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({
@@ -11728,21 +12001,21 @@
       }
     }
   };
-  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 {
@@ -11790,7 +12063,7 @@
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _iterable_to_array_limit$f(arr, i) {
+  function _iterable_to_array_limit$e(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -11818,7 +12091,7 @@
     }
     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() {
@@ -11839,8 +12112,8 @@
     }
     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) {
@@ -11848,39 +12121,39 @@
           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, _ = {
@@ -11985,8 +12258,8 @@
     }
   };
   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({
@@ -12009,12 +12282,12 @@
       locale2
     ]);
     var observer = React.useRef();
-    var _useState = _sliced_to_array$f(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-    var _useState1 = _sliced_to_array$f(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-    var _useState2 = _sliced_to_array$f(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-    var _useState3 = _sliced_to_array$f(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-    var _useState4 = _sliced_to_array$f(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-    var _useState5 = _sliced_to_array$f(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+    var _useState = _sliced_to_array$e(React.useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+    var _useState1 = _sliced_to_array$e(React.useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+    var _useState2 = _sliced_to_array$e(React.useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+    var _useState3 = _sliced_to_array$e(React.useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+    var _useState4 = _sliced_to_array$e(React.useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+    var _useState5 = _sliced_to_array$e(React.useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var hasFooter = trueReactPlatformHelpers.isReactNodeNotEmpty(footer);
     var handleSearchInputChange = React.useCallback(function() {
@@ -12257,11 +12530,8 @@
       }();
       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", {
@@ -13473,7 +13743,7 @@
     }
   };
   const ru = locale;
-  var useStyles$n = createThemedStyles("FilterWithDates", {
+  var useStyles$o = createThemedStyles("FilterWithDates", {
     root: {
       background: colors.CLASSIC_WHITE,
       position: "relative",
@@ -13499,7 +13769,7 @@
     },
     datepicker: {}
   });
-  var clearButtonStyles = innerTextButtonStyles;
+  var clearButtonStyles = cloneDeep(innerTextButtonStyles);
   var backButtonStyles = innerTextButtonStyles;
   var PICKER_TOP_MARGIN = 28;
   var PICKER_WITH_BUTTONS_TOP_MARGIN = 60;
@@ -13529,14 +13799,14 @@
       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;
   }
@@ -13553,7 +13823,7 @@
     }
     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;
@@ -13581,7 +13851,7 @@
     }
     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) {
@@ -13599,8 +13869,8 @@
     }
     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) {
@@ -13608,40 +13878,40 @@
           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({
@@ -13669,8 +13939,8 @@
       className: "tweakEndDatePicker",
       currentComponentName: "FilterWithDates"
     });
-    var _useState = _sliced_to_array$e(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-    var _useState1 = _sliced_to_array$e(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+    var _useState = _sliced_to_array$d(React.useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+    var _useState1 = _sliced_to_array$d(React.useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
     var ref = React.useRef(null);
     var dateLocale = localeKey === "ru" ? ru : enUS;
     var translates = React.useMemo(function() {
@@ -13728,7 +13998,7 @@
       }
     };
     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: [
@@ -13808,7 +14078,7 @@
       ]
     }));
   };
-  var useStyles$m = createThemedStyles("FilterWithPeriod", {
+  var useStyles$n = createThemedStyles("FilterWithPeriod", {
     root: {},
     main: {},
     picker: {}
@@ -13818,20 +14088,20 @@
       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) {
@@ -13850,7 +14120,7 @@
     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;
@@ -13878,7 +14148,7 @@
     }
     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() {
@@ -13899,8 +14169,8 @@
     }
     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) {
@@ -13908,43 +14178,43 @@
           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 = React.useMemo(function() {
@@ -13953,9 +14223,9 @@
       localeKey,
       locale2
     ]);
-    var _useState = _sliced_to_array$d(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-    var _useState1 = _sliced_to_array$d(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-    var _useState2 = _sliced_to_array$d(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+    var _useState = _sliced_to_array$c(React.useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+    var _useState1 = _sliced_to_array$c(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+    var _useState2 = _sliced_to_array$c(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
       var result = _object_spread$m({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
@@ -14003,7 +14273,7 @@
         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)
         }));
       }
@@ -14023,7 +14293,7 @@
     };
     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 {
@@ -14095,14 +14365,14 @@
       ]
     });
   };
-  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;
   }
@@ -14119,7 +14389,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$c(arr, i) {
+  function _iterable_to_array_limit$b(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -14147,7 +14417,7 @@
     }
     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) {
@@ -14165,8 +14435,8 @@
     }
     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) {
@@ -14174,41 +14444,41 @@
           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 = React.useRef(null);
-    var _useState = _sliced_to_array$c(React.useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
+    var _useState = _sliced_to_array$b(React.useState("left"), 2), dropdownPosition = _useState[0], setDropdownPosition = _useState[1];
     var _filter_localeKey;
     var translatesLocaleKey = (_filter_localeKey = filter.localeKey) !== null && _filter_localeKey !== void 0 ? _filter_localeKey : localeKey;
     var translates = React.useMemo(function() {
@@ -14250,7 +14520,7 @@
     };
     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,
@@ -14265,7 +14535,7 @@
       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,
@@ -14276,7 +14546,7 @@
       }));
     }
     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,
@@ -14289,7 +14559,7 @@
     }
     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
         },
@@ -14299,7 +14569,7 @@
             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"
             }));
           },
@@ -14310,7 +14580,7 @@
       }));
     }
     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,
@@ -14322,7 +14592,7 @@
       }));
     }
     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,
@@ -14336,7 +14606,7 @@
     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",
@@ -14430,17 +14700,18 @@
       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;
   }
@@ -14457,7 +14728,7 @@
     }
     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;
@@ -14485,7 +14756,7 @@
     }
     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) {
@@ -14503,8 +14774,8 @@
     }
     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) {
@@ -14512,40 +14783,40 @@
           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({
@@ -14560,8 +14831,8 @@
       className: "tweakSelect",
       currentComponentName: "FiltersPaneSearch"
     });
-    var _useState = _sliced_to_array$b(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-    var _useState1 = _sliced_to_array$b(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+    var _useState = _sliced_to_array$a(React.useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+    var _useState1 = _sliced_to_array$a(React.useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
     var refRoot = React.useRef(null);
     var translates = React.useMemo(function() {
       return getLocale$1(localeKey, locale2);
@@ -14591,7 +14862,7 @@
       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
@@ -14647,7 +14918,6 @@
                 localeKey,
                 locale: translates,
                 onChange: handleFieldsChange,
-                width: selectWidth,
                 isSearchEnabled: isSelectSearchEnabled,
                 hasClearButton: hasClearSelectButton,
                 testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
@@ -14658,7 +14928,7 @@
       ]
     }));
   }
-  var useStyles$k = createThemedStyles("FilterValueView", {
+  var useStyles$l = createThemedStyles("FilterValueView", {
     text: {
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -14677,7 +14947,7 @@
   }
   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) {
@@ -14828,7 +15098,7 @@
       children: displayValue(value)
     });
   }
-  var useStyles$j = createThemedStyles("FilterWrapper", {
+  var useStyles$k = createThemedStyles("FilterWrapper", {
     root: {
       position: "relative",
       transition: "0.25s ease-in-out",
@@ -14943,14 +15213,14 @@
       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;
   }
@@ -14967,7 +15237,7 @@
     }
     return obj;
   }
-  function _iterable_to_array_limit$a(arr, i) {
+  function _iterable_to_array_limit$9(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
       return;
@@ -14995,7 +15265,7 @@
     }
     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) {
@@ -15013,8 +15283,8 @@
     }
     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) {
@@ -15022,36 +15292,36 @@
           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;
@@ -15061,7 +15331,7 @@
       }
       onChange(v);
     };
-    var classes = useStyles$j({
+    var classes = useStyles$k({
       theme: tweakStyles
     });
     var tweakFilterValueViewStyles = useTweakStyles({
@@ -15069,7 +15339,7 @@
       className: "tweakValueView",
       currentComponentName: "FilterWrapper"
     });
-    var _useState = _sliced_to_array$a(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var _useState = _sliced_to_array$9(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var refItem = React.useRef(null);
     var type = filter.type;
     var hasValue = false;
@@ -15095,7 +15365,7 @@
     };
     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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -15192,8 +15462,8 @@
     }
     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) {
@@ -15201,16 +15471,16 @@
           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));
       });
     }
@@ -15218,7 +15488,7 @@
   }
   function FiltersPane(param) {
     var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-    var classes = useStyles$r({
+    var classes = useStyles$s({
       theme: tweakStyles
     });
     var tweakClearButtonStyles = useTweakStyles({
@@ -15261,12 +15531,12 @@
       })
     });
     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
     }, trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -15278,7 +15548,7 @@
             })
           })
         })),
-        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,
@@ -15301,7 +15571,7 @@
             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) {
@@ -21431,7 +21701,7 @@
     ZM,
     ZW
   };
-  var useStyles$i = createThemedStyles("Flag", {
+  var useStyles$j = createThemedStyles("Flag", {
     root: {
       // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
       // если будет нужно, то можно вынести border на уровень пропсов
@@ -21449,7 +21719,7 @@
   });
   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 CC2 = countryCode.toUpperCase();
@@ -21465,7 +21735,67 @@
       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 trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
+  };
+  var _config_dateFormat;
+  var formatCellContent = function(value, config) {
+    return _instanceof(value, Date) ? dateFns.format(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: {
@@ -21483,14 +21813,6 @@
       */
       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,
@@ -21538,7 +21860,10 @@
           "box-shadow",
           "0.25s",
           "ease-in-out"
-        ]
+        ],
+        "[data-scrolled] &": {
+          boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+        }
       },
       "&::after": {
         content: '""',
@@ -21554,6 +21879,13 @@
     },
     headerSecond: {
       paddingLeft: STICKY_SHADOW_PADDING
+    },
+    skeleton: {
+      height: 21,
+      padding: [
+        14,
+        7
+      ]
     }
   });
   function _define_property$j(obj, key, value) {
@@ -21584,6 +21916,30 @@
     }
     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",
@@ -21597,13 +21953,17 @@
       zIndex: 5,
       verticalAlign: "top"
     },
-    sticky: _object_spread$h({
+    sticky: _object_spread_props$g(_object_spread$h({
       zIndex: 19,
       paddingLeft: 24,
       paddingRight: 12
     }, trueReactPlatformHelpers.getTransition([
       "box-shadow"
-    ])),
+    ])), {
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
+    }),
     second: {
       paddingLeft: STICKY_SHADOW_PADDING
     }
@@ -21621,47 +21981,34 @@
     }
     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 = dateFns.format(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: trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
+        children: trueReactPlatformHelpers.isNotEmpty(component) ? component({
+          value,
+          row: item,
+          isFocusedRow,
+          isNestedComponentExpanded,
+          isRowNestedComponentExpanded,
+          onSetNestedComponent
+        }) : formatCellContent(value, config[columnName])
+      })
     }, columnName);
   }
   var useStyles$f = createThemedStyles("FlexibleTableRow", {
@@ -21671,16 +22018,19 @@
     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;
   }
@@ -21697,7 +22047,7 @@
     }
     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;
@@ -21725,7 +22075,7 @@
     }
     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) {
@@ -21744,7 +22094,7 @@
     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) {
@@ -21752,9 +22102,9 @@
           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 : {};
@@ -21767,21 +22117,21 @@
     }
     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;
@@ -21793,8 +22143,8 @@
       className: "tweakTableCell",
       currentComponentName: "FlexibleTableRow"
     });
-    var _useState = _sliced_to_array$9(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
-    var _useState1 = _sliced_to_array$9(React.useState({
+    var _useState = _sliced_to_array$8(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+    var _useState1 = _sliced_to_array$8(React.useState({
       isOpen: false
     }), 2), nestedComponent = _useState1[0], setNestedComponent = _useState1[1];
     var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
@@ -21828,7 +22178,7 @@
       if (uniqueField !== void 0) {
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
       }
-      if (expandableRowComponent !== void 0) {
+      if (trueReactPlatformHelpers.isNotEmpty(expandableRowComponent)) {
         var newNestedComponent = expandableRowComponent(item, true, closeNestedComponent);
         if (!nestedComponent.isOpen && newNestedComponent !== null) {
           updateNestedComponent(newNestedComponent);
@@ -21840,11 +22190,12 @@
         }
       }
     };
-    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, trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.isNotEmpty(onRowHover)), _define_property$h(_obj, classes.clickable, trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.isNotEmpty(expandableRowComponent)), _obj)),
           onMouseEnter: function(e) {
             if (uniqueField !== void 0 && onRowHover !== void 0) {
               e.stopPropagation();
@@ -21857,11 +22208,11 @@
         }, 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,
@@ -21885,17 +22236,6 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.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, {
@@ -21909,37 +22249,6 @@
     }
     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] : {};
@@ -21956,7 +22265,7 @@
     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) {
@@ -21964,9 +22273,9 @@
           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 : {};
@@ -21979,24 +22288,8 @@
     }
     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
     });
@@ -22005,9 +22298,39 @@
       className: "tweakTableRow",
       currentComponentName: "FlexibleTable"
     });
-    var _useState = _sliced_to_array$8(React.useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
     var observer = React.useRef();
     var scrollRef = React.useRef(null);
+    var showedColumns = React.useMemo(function() {
+      return enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(config);
+    }, [
+      enabledColumns,
+      config
+    ]);
+    var getDataScrollAttributeSetter = React.useCallback(function(key, setter) {
+      return function(el) {
+        if (isHorizontallyScrollable && trueReactPlatformHelpers.isNotEmpty(el) && setter(el)) {
+          el.dataset[key] = "true";
+        } else {
+          el === null || el === void 0 ? void 0 : el.removeAttribute("data-".concat(key));
+        }
+      };
+    }, [
+      isHorizontallyScrollable
+    ]);
+    var setHasScrollBarAttribute = React.useCallback(getDataScrollAttributeSetter("scrollable", hasHorizontalScrollBar), [
+      getDataScrollAttributeSetter
+    ]);
+    var setIsScrolledAttribute = React.useCallback(getDataScrollAttributeSetter("scrolled", function(el) {
+      return el.scrollLeft > 0;
+    }), [
+      getDataScrollAttributeSetter
+    ]);
+    var ref = useMergedRefs([
+      refForScroll,
+      scrollRef,
+      setHasScrollBarAttribute,
+      setIsScrolledAttribute
+    ]);
     var initIntersectionObserver = React.useCallback(function(node) {
       if (infinityScrollConfig) {
         if (infinityScrollConfig.isLoading || infinityScrollConfig.activePage >= infinityScrollConfig.totalPages) {
@@ -22031,33 +22354,39 @@
       infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
     ]);
     React.useEffect(function() {
-      var scrollContainer = (refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef).current;
-      if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
+      var scrollContainer = scrollRef.current;
+      if (trueReactPlatformHelpers.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
+      }, trueReactPlatformHelpers.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 : "";
@@ -22068,8 +22397,9 @@
                   });
                 }
                 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,
@@ -22084,42 +22414,53 @@
               })
             })
           }),
-          /* @__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 ? trueReactPlatformHelpers.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: [
+                !trueReactPlatformHelpers.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
+                  }, trueReactPlatformHelpers.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"
+                      })
                     })
                   })
                 })
-              })
-            ]
+              ]
+            })
           })
         ]
       }))
@@ -22218,7 +22559,7 @@
     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) {
@@ -22226,9 +22567,9 @@
           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 : {};
@@ -22687,7 +23028,7 @@
     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) {
@@ -22695,9 +23036,9 @@
           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 : {};
@@ -23017,7 +23358,7 @@
     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) {
@@ -23025,9 +23366,9 @@
           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 : {};
@@ -23342,7 +23683,7 @@
     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) {
@@ -23350,9 +23691,9 @@
           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 : {};
@@ -23491,7 +23832,7 @@
     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) {
@@ -23499,9 +23840,9 @@
           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 : {};
@@ -23713,7 +24054,7 @@
     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) {
@@ -23721,9 +24062,9 @@
           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 : {};
@@ -26951,7 +27292,7 @@
     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) {
@@ -26959,9 +27300,9 @@
           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 : {};
@@ -27234,7 +27575,7 @@
     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) {
@@ -27242,9 +27583,9 @@
           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 : {};
@@ -27376,7 +27717,7 @@
     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) {
@@ -27384,9 +27725,9 @@
           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 : {};
@@ -27400,7 +27741,7 @@
     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
     });
@@ -27639,7 +27980,7 @@
     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) {
@@ -27647,9 +27988,9 @@
           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 : {};
@@ -27848,7 +28189,7 @@
     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) {
@@ -27856,9 +28197,9 @@
           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 : {};
@@ -27975,7 +28316,7 @@
     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) {
@@ -27983,9 +28324,9 @@
           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 : {};
@@ -28184,7 +28525,7 @@
     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) {
@@ -28192,9 +28533,9 @@
           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 : {};
@@ -28350,7 +28691,7 @@
     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) {
@@ -28358,9 +28699,9 @@
           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 : {};
@@ -28600,6 +28941,7 @@
   exports2.ScrollIntoViewIfNeeded = ScrollIntoViewIfNeeded;
   exports2.SearchInput = SearchInput;
   exports2.Select = Select;
+  exports2.Skeleton = Skeleton;
   exports2.SmartInput = SmartInput;
   exports2.Switch = Switch;
   exports2.TextArea = TextArea;
@@ -28654,6 +28996,7 @@
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
   exports2.useIsMounted = useIsMounted;
+  exports2.useMergedRefs = useMergedRefs;
   exports2.useMixedStyles = useMixedStyles;
   exports2.useOnClickOutside = useOnClickOutside;
   exports2.useOnClickOutsideWithRef = useOnClickOutsideWithRef;