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

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

@@ -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
@@ -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,6 +4096,11 @@
       tweakStyles
     ]);
   };
+  var useMergedRefs = function(refs) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.mergeRefs(refs);
+    }, refs);
+  };
   const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -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) {
@@ -5504,21 +5509,21 @@
     }
     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;
@@ -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) {
@@ -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) {
@@ -6322,28 +6327,28 @@
     }
     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$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;
@@ -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,24 +6556,24 @@
     }
     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$C();
@@ -6577,7 +6582,7 @@
     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,
@@ -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) {
@@ -7046,21 +7051,21 @@
     }
     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, _ = {
@@ -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);
@@ -8305,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 {
@@ -8366,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;
@@ -8394,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() {
@@ -8471,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, _ = {
@@ -8652,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);
@@ -9247,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;
   }
@@ -9271,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;
@@ -9299,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) {
@@ -9373,21 +9378,21 @@
     }
     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, _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, [
@@ -9451,12 +9456,12 @@
     }, [
       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$r(_object_spread$w({}, inputProps), {
       isRange,
@@ -9657,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;
   }
@@ -9681,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;
@@ -9709,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) {
@@ -9751,21 +9756,21 @@
     }
     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;
@@ -9773,7 +9778,7 @@
       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, "");
@@ -9985,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;
   }
@@ -10038,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;
@@ -10066,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) {
@@ -10116,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, _ = {
@@ -10247,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");
     };
@@ -11067,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 {
@@ -11128,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;
@@ -11156,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() {
@@ -11201,24 +11206,24 @@
     }
     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, _ = {
@@ -11360,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() {
@@ -11997,20 +12002,20 @@
     }
   };
   var clearButtonStyles$1 = cloneDeep(innerTextButtonStyles);
-  function _array_like_to_array$f(arr, len) {
+  function _array_like_to_array$e(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$f(arr) {
+  function _array_with_holes$e(arr) {
     if (Array.isArray(arr))
       return arr;
   }
   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 {
@@ -12058,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;
@@ -12086,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() {
@@ -12131,24 +12136,24 @@
     }
     return target;
   }
-  function _sliced_to_array$f(arr, i) {
-    return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
+  function _sliced_to_array$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, _ = {
@@ -12277,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() {
@@ -13794,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;
   }
@@ -13818,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;
@@ -13846,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) {
@@ -13888,21 +13893,21 @@
     }
     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;
@@ -13934,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() {
@@ -14083,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) {
@@ -14115,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;
@@ -14143,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() {
@@ -14188,24 +14193,24 @@
     }
     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;
@@ -14218,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) {
@@ -14360,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;
   }
@@ -14384,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;
@@ -14412,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) {
@@ -14454,26 +14459,26 @@
     }
     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() {
@@ -14699,14 +14704,14 @@
       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;
   }
@@ -14723,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;
@@ -14751,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) {
@@ -14793,21 +14798,21 @@
     }
     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, 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;
@@ -14826,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);
@@ -15208,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;
   }
@@ -15232,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;
@@ -15260,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) {
@@ -15302,21 +15307,21 @@
     }
     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;
@@ -15334,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;
@@ -22018,14 +22023,14 @@
       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;
   }
@@ -22042,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;
@@ -22070,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) {
@@ -22112,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;
@@ -22138,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) {
@@ -22231,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, {
@@ -22255,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] : {};
@@ -22325,22 +22288,6 @@
     }
     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, 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({
@@ -22351,17 +22298,39 @@
       className: "tweakTableRow",
       currentComponentName: "FlexibleTable"
     });
-    var _useState = _sliced_to_array$8(React.useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
-    var _useState1 = _sliced_to_array$8(React.useState(false), 2), hasScrollBar = _useState1[0], setHasScrollBar = _useState1[1];
     var observer = React.useRef();
     var scrollRef = React.useRef(null);
-    var ref = refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef;
     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) {
@@ -22385,17 +22354,16 @@
       infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
     ]);
     React.useEffect(function() {
-      var scrollContainer = ref.current;
-      if (trueReactPlatformHelpers.isEmpty(scrollContainer) || !isHorizontallyScrollable || !isFirstColumnSticky) {
+      var scrollContainer = scrollRef.current;
+      if (trueReactPlatformHelpers.isEmpty(scrollContainer) || !isHorizontallyScrollable) {
         return;
       }
       var scrollHandler = function() {
-        setIsHorizontallyScrolled(scrollContainer.scrollLeft > 0);
+        setIsScrolledAttribute(scrollContainer);
       };
       var resizeHandler = function() {
-        setHasScrollBar(hasHorizontalScrollBar(scrollContainer));
+        setHasScrollBarAttribute(scrollContainer);
       };
-      resizeHandler();
       scrollContainer.addEventListener("scroll", scrollHandler);
       window.addEventListener("resize", resizeHandler);
       return function() {
@@ -22403,16 +22371,14 @@
         window.removeEventListener("resize", resizeHandler);
       };
     }, [
-      ref
+      scrollRef,
+      setIsScrolledAttribute,
+      setHasScrollBarAttribute
     ]);
     var _activeRows_includes;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$e(_object_spread$f({
+    return /* @__PURE__ */ jsx("div", {
       ref,
-      className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable))
-    }, addDataAttributes({
-      scrolled: isHorizontallyScrolled ? true : void 0,
-      scrollable: isHorizontallyScrollable && hasScrollBar ? true : void 0
-    })), {
+      className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable)),
       children: /* @__PURE__ */ jsxs("table", _object_spread_props$e(_object_spread$f({
         className: classes.root
       }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
@@ -22498,7 +22464,7 @@
           })
         ]
       }))
-    }));
+    });
   }
   var BUTTONS_WIDTH = 36;
   var BUTTONS_GAP = 2;
@@ -29030,6 +28996,7 @@
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
   exports2.useIsMounted = useIsMounted;
+  exports2.useMergedRefs = useMergedRefs;
   exports2.useMixedStyles = useMixedStyles;
   exports2.useOnClickOutside = useOnClickOutside;
   exports2.useOnClickOutsideWithRef = useOnClickOutsideWithRef;