@true-engineering/true-react-common-ui-kit 4.0.0-alpha25 → 4.0.0-alpha27

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

@@ -1153,49 +1153,49 @@ var ThemeProvider = function(param) {
 var useTheme = function() {
   return useContext(ThemeContext).theme;
 };
-function _array_like_to_array$t(arr, len) {
+function _array_like_to_array$u(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$r(arr) {
+function _array_with_holes$s(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$d(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$t(arr);
+    return _array_like_to_array$u(arr);
 }
 function _iterable_to_array$d(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_rest$r() {
+function _non_iterable_rest$s() {
   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$d() {
   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_array$2(arr) {
-  return _array_with_holes$r(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_rest$r();
+  return _array_with_holes$s(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$u(arr) || _non_iterable_rest$s();
 }
 function _to_consumable_array$d(arr) {
-  return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$d();
+  return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$u(arr) || _non_iterable_spread$d();
 }
-function _unsupported_iterable_to_array$t(o, minLen) {
+function _unsupported_iterable_to_array$u(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$t(o, minLen);
+    return _array_like_to_array$u(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$t(o, minLen);
+    return _array_like_to_array$u(o, minLen);
 }
 var EMPTY_STYLES = {};
 var isTweakStyle = function(key) {
@@ -1256,20 +1256,20 @@ var getTweakStylesCache = function() {
     return mergedStyles = mergeTweakStyles(prev);
   };
 };
-function _array_like_to_array$s(arr, len) {
+function _array_like_to_array$t(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$q(arr) {
+function _array_with_holes$r(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$c(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$s(arr);
+    return _array_like_to_array$t(arr);
 }
 function _check_private_redeclaration$1(obj, privateCollection) {
   if (privateCollection.has(obj)) {
@@ -1350,7 +1350,7 @@ function _iterable_to_array$c(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$p(arr, i) {
+function _iterable_to_array_limit$q(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -1378,7 +1378,7 @@ function _iterable_to_array_limit$p(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$q() {
+function _non_iterable_rest$r() {
   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$c() {
@@ -1399,27 +1399,27 @@ function _object_spread$1a(target) {
   }
   return target;
 }
-function _sliced_to_array$p(arr, i) {
-  return _array_with_holes$q(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$q();
+function _sliced_to_array$q(arr, i) {
+  return _array_with_holes$r(arr) || _iterable_to_array_limit$q(arr, i) || _unsupported_iterable_to_array$t(arr, i) || _non_iterable_rest$r();
 }
 function _to_array$1(arr) {
-  return _array_with_holes$q(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_rest$q();
+  return _array_with_holes$r(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_rest$r();
 }
 function _to_consumable_array$c(arr) {
-  return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$c();
+  return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$c();
 }
-function _unsupported_iterable_to_array$s(o, minLen) {
+function _unsupported_iterable_to_array$t(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$s(o, minLen);
+    return _array_like_to_array$t(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$s(o, minLen);
+    return _array_like_to_array$t(o, minLen);
 }
 var _map = /* @__PURE__ */ new WeakMap(), _sheet = /* @__PURE__ */ new WeakMap(), _classes = /* @__PURE__ */ new WeakMap(), _tweak = /* @__PURE__ */ new WeakMap(), _tweakRules = /* @__PURE__ */ new WeakMap();
 var TweakStylesManager = /* @__PURE__ */ function() {
@@ -1546,7 +1546,7 @@ var TweakStylesManager = /* @__PURE__ */ function() {
       value: function addRules(styles) {
         var _this = this;
         return new Map(Object.entries(styles).map(function(param) {
-          var _param = _sliced_to_array$p(param, 2), key = _param[0], style = _param[1];
+          var _param = _sliced_to_array$q(param, 2), key = _param[0], style = _param[1];
           return _this.addRule(key, style);
         }).filter(isNotEmpty));
       }
@@ -1882,14 +1882,14 @@ var useMixedStyles = function(baseStyles, tweakStyles) {
     tweakStyles
   ]);
 };
-function _array_like_to_array$r(arr, len) {
+function _array_like_to_array$s(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$q(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -1906,7 +1906,7 @@ function _define_property$19(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$o(arr, i) {
+function _iterable_to_array_limit$p(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -1934,7 +1934,7 @@ function _iterable_to_array_limit$o(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$p() {
+function _non_iterable_rest$q() {
   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$17(target) {
@@ -1976,28 +1976,28 @@ function _object_spread_props$V(target, source) {
   }
   return target;
 }
-function _sliced_to_array$o(arr, i) {
-  return _array_with_holes$p(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$r(arr, i) || _non_iterable_rest$p();
+function _sliced_to_array$p(arr, i) {
+  return _array_with_holes$q(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$q();
 }
-function _unsupported_iterable_to_array$r(o, minLen) {
+function _unsupported_iterable_to_array$s(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$r(o, minLen);
+    return _array_like_to_array$s(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$s(o, minLen);
 }
 var DEFAULT_NAME = "LocalComponent";
 function createThemedStyles() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-  var _ref = _sliced_to_array$o(args.length === 2 ? args : [
+  var _ref = _sliced_to_array$p(args.length === 2 ? args : [
     void 0,
     args[0]
   ], 2), componentName = _ref[0], styles = _ref[1];
@@ -4744,7 +4744,7 @@ var mimeTypes = {
   "3g2": "video/3gpp2",
   "7z": "application/x-7z-compressed"
 };
-function _array_like_to_array$q(arr, len) {
+function _array_like_to_array$r(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -4753,7 +4753,7 @@ function _array_like_to_array$q(arr, len) {
 }
 function _array_without_holes$b(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$q(arr);
+    return _array_like_to_array$r(arr);
 }
 function _iterable_to_array$b(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
@@ -4763,20 +4763,20 @@ function _non_iterable_spread$b() {
   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$b(arr) {
-  return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$b();
+  return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$r(arr) || _non_iterable_spread$b();
 }
-function _unsupported_iterable_to_array$q(o, minLen) {
+function _unsupported_iterable_to_array$r(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$q(o, minLen);
+    return _array_like_to_array$r(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$q(o, minLen);
+    return _array_like_to_array$r(o, minLen);
 }
 var findCountryByCode = function(countryCode) {
   var countriesList = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : phoneInfo;
@@ -4862,18 +4862,18 @@ var getPhoneMask = function(countryCode) {
   }
   return mask;
 };
-function _array_like_to_array$p(arr, len) {
+function _array_like_to_array$q(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$o(arr) {
+function _array_with_holes$p(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$n(arr, i) {
+function _iterable_to_array_limit$o(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -4901,24 +4901,24 @@ function _iterable_to_array_limit$n(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$o() {
+function _non_iterable_rest$p() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$n(arr, i) {
-  return _array_with_holes$o(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$o();
+function _sliced_to_array$o(arr, i) {
+  return _array_with_holes$p(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$p();
 }
-function _unsupported_iterable_to_array$p(o, minLen) {
+function _unsupported_iterable_to_array$q(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$p(o, minLen);
+    return _array_like_to_array$q(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$p(o, minLen);
+    return _array_like_to_array$q(o, minLen);
 }
 var rgba = hexToRgba;
 var transformToKebab = function(string) {
@@ -5041,7 +5041,7 @@ var trimStringToMaxLength = function(val, maxLength) {
 var addDataAttributes = function() {
   var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return Object.fromEntries(Object.entries(data).map(function(param) {
-    var _param = _sliced_to_array$n(param, 2), key = _param[0], value = _param[1];
+    var _param = _sliced_to_array$o(param, 2), key = _param[0], value = _param[1];
     return isString(value) && isStringNotEmpty(value) || isNotEmpty(value) ? [
       "data-".concat(transformToKebab(key)),
       value
@@ -6567,7 +6567,7 @@ function usePopper(referenceElement, popperElement, _temp) {
   }, [enabled, referenceElement, popperElement]);
   return popperState;
 }
-function _array_like_to_array$o(arr, len) {
+function _array_like_to_array$p(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -6576,7 +6576,7 @@ function _array_like_to_array$o(arr, len) {
 }
 function _array_without_holes$a(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$o(arr);
+    return _array_like_to_array$p(arr);
 }
 function _define_property$18(obj, key, value) {
   if (key in obj) {
@@ -6614,20 +6614,20 @@ function _object_spread$16(target) {
   return target;
 }
 function _to_consumable_array$a(arr) {
-  return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$a();
+  return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$a();
 }
-function _unsupported_iterable_to_array$o(o, minLen) {
+function _unsupported_iterable_to_array$p(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$o(o, minLen);
+    return _array_like_to_array$p(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$o(o, minLen);
+    return _array_like_to_array$p(o, minLen);
 }
 var useDropdown = function(param) {
   var isOpen = param.isOpen, onDropdownClose = param.onDropdownClose, referenceElement = param.referenceElement, dropdownElement = param.dropdownElement, options = param.options, _param_dependenciesForPositionUpdating = param.dependenciesForPositionUpdating, dependenciesForPositionUpdating = _param_dependenciesForPositionUpdating === void 0 ? [] : _param_dependenciesForPositionUpdating;
@@ -6683,49 +6683,49 @@ var useDropdown = function(param) {
   }, dependenciesForPositionUpdating);
   return popperData;
 };
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$o(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$n(arr) {
+function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
 function _array_without_holes$9(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$n(arr);
+    return _array_like_to_array$o(arr);
 }
 function _iterable_to_array$9(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_rest$n() {
+function _non_iterable_rest$o() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread$9() {
   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_array(arr) {
-  return _array_with_holes$n(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_rest$n();
+  return _array_with_holes$o(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_rest$o();
 }
 function _to_consumable_array$9(arr) {
-  return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$9();
+  return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$9();
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$o(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$o(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$o(o, minLen);
 }
 var useTweakStyles = function(param) {
   var innerStyles = param.innerStyles, tweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
@@ -6794,6 +6794,87 @@ var useMerge = function(one, two) {
     two
   ]);
 };
+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$n(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+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;
+  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$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 _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$n(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    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$n(o, minLen);
+}
+var useIntersectionRef = function(options) {
+  var optionsRef = useRef(options);
+  optionsRef.current = options;
+  return useMemo(function() {
+    var observer = new IntersectionObserver(function(param) {
+      var _param = _sliced_to_array$n(param, 1), isIntersecting = _param[0].isIntersecting;
+      var current = optionsRef.current;
+      if (current === null || current === void 0 ? void 0 : current.isDisabled) {
+        return;
+      }
+      if (isIntersecting) {
+        var _current_onIntersection;
+        current === null || current === void 0 ? void 0 : (_current_onIntersection = current.onIntersection) === null || _current_onIntersection === void 0 ? void 0 : _current_onIntersection.call(current);
+      } else {
+        var _current_onIntersectionEnd;
+        current === null || current === void 0 ? void 0 : (_current_onIntersectionEnd = current.onIntersectionEnd) === null || _current_onIntersectionEnd === void 0 ? void 0 : _current_onIntersectionEnd.call(current);
+      }
+    });
+    return function(node) {
+      return isNotEmpty(node) ? observer.observe(node) : observer.disconnect();
+    };
+  }, []);
+};
 const avatarGreen = `  <svg
     width="100%"
     height="100%"
@@ -11393,7 +11474,7 @@ function _object_spread_props$F(target, source) {
   return target;
 }
 var SelectListItem = function(param) {
-  var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, isMultiSelect = param.isMultiSelect, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
+  var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, isMultiSelect = param.isMultiSelect, data = param.data, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var multiSelectContent = isMultiSelect && /* @__PURE__ */ jsx(Checkbox, {
     isChecked: isActive || isSemiChecked,
     isSemiChecked,
@@ -11412,11 +11493,11 @@ var SelectListItem = function(param) {
       block: "nearest"
     },
     className: clsx(classes.cell, (_obj2 = {}, _define_property$N(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$N(_obj2, classes.focused, isFocused), _define_property$N(_obj2, classes.active, isActive && !isMultiSelect), _define_property$N(_obj2, classes.disabled, isDisabled), _obj2))
-  }, addDataAttributes({
+  }, addDataAttributes$1(_object_spread$L({
     disabled: isDisabled,
     active: isActive,
     focused: isFocused
-  })), {
+  }, data))), {
     onClick: !isDisabled && !isMultiSelect ? function(event) {
       return onOptionSelect(index, event);
     } : void 0,
@@ -11545,8 +11626,9 @@ function SelectList(param) {
             }),
             listOptions.map(function(opt, i) {
               var optionValue = options[i];
+              var id = convertValueToId(optionValue);
               var isFocused = focusedIndex === i;
-              var isActive = activeOptionsIds.has(convertValueToId(optionValue));
+              var isActive = activeOptionsIds.has(id);
               var isDisabled = optionsDisableMap[i];
               return /* @__PURE__ */ jsx(SelectListItem, {
                 classes,
@@ -11557,6 +11639,9 @@ function SelectList(param) {
                 isMultiSelect,
                 onOptionSelect,
                 onToggleCheckbox,
+                data: {
+                  id
+                },
                 children: opt
               }, i);
             }),
@@ -18153,7 +18238,7 @@ function MultiSelectList(param) {
   var shouldShowOptionsList = !isLoading && (isArrayNotEmpty(allOptions) || isArrayNotEmpty(chosenValues));
   return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
     className: classes.root
-  }, addDataAttributes(data)), {
+  }, addDataAttributes$1(data, testId)), {
     children: [
       isSearchEnabled && /* @__PURE__ */ jsx("div", {
         className: classes.dropdownInput,
@@ -18163,13 +18248,13 @@ function MultiSelectList(param) {
           onChange: handleOnChange,
           tweakStyles: tweakSearchInputStyles,
           maxLength: searchMaxLength,
-          testId: testId !== void 0 ? "".concat(testId, "-search") : void 0,
+          testId: getTestId(testId, "search"),
           shouldFocusOnMount: true
         })
       }),
-      shouldShowOptionsList && /* @__PURE__ */ jsxs("div", {
-        className: classes.list,
-        "data-testid": testId !== void 0 ? "".concat(testId, "-list") : void 0,
+      shouldShowOptionsList && /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+        className: classes.list
+      }, addDataTestId(testId, "list")), {
         children: [
           hasSelectedOptionsGroup && /* @__PURE__ */ jsxs(Fragment, {
             children: [
@@ -18188,11 +18273,16 @@ function MultiSelectList(param) {
                     value: val,
                     tweakStyles: tweakCheckboxStyles,
                     labelPosition: checkboxPosition === "left" ? "right" : "left",
-                    children: /* @__PURE__ */ jsx("div", {
-                      className: classes.option,
-                      "data-option": id,
+                    data: {
+                      id
+                    },
+                    children: /* @__PURE__ */ jsx("div", _object_spread_props$u(_object_spread$x({
+                      className: classes.option
+                    }, addDataAttributes$1({
+                      option: id
+                    })), {
                       children: view
-                    })
+                    }))
                   })
                 }, id);
               })
@@ -18216,18 +18306,23 @@ function MultiSelectList(param) {
                     value: val,
                     tweakStyles: tweakCheckboxStyles,
                     labelPosition: checkboxPosition === "left" ? "right" : "left",
-                    children: /* @__PURE__ */ jsx("div", {
-                      className: classes.option,
-                      "data-option": id,
+                    data: {
+                      id
+                    },
+                    children: /* @__PURE__ */ jsx("div", _object_spread_props$u(_object_spread$x({
+                      className: classes.option
+                    }, addDataAttributes$1({
+                      option: id
+                    })), {
                       children: view
-                    })
+                    }))
                   })
                 }, id);
               })
             ]
           })
         ]
-      }),
+      })),
       shouldShowPreloader && /* @__PURE__ */ jsx("div", {
         className: classes.preloader,
         children: /* @__PURE__ */ jsx(ThemedPreloader, {
@@ -18246,7 +18341,7 @@ function MultiSelectList(param) {
             onClick: handleClear,
             size: "s",
             view: "text",
-            testId: testId !== void 0 ? "".concat(testId, "-clear-button") : void 0,
+            testId: getTestId(testId, "clear-button"),
             tweakStyles: tweakClearButtonStyles,
             children: translates.clear
           })
@@ -18986,7 +19081,7 @@ function FilterSelect(param) {
   }, []);
   return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
     className: classes.root
-  }, addDataAttributes(data)), {
+  }, addDataAttributes$1(data, testId)), {
     children: [
       isSearchEnabled && /* @__PURE__ */ jsx("div", {
         className: classes.dropdownInput,
@@ -18995,20 +19090,20 @@ function FilterSelect(param) {
           placeholder: translates.searchPlaceholder,
           onChange: handleOnChange,
           tweakStyles: tweakSearchInputStyles,
-          testId: testId !== void 0 ? "".concat(testId, "-search") : void 0,
+          testId: getTestId(testId, "search"),
           shouldFocusOnMount: true
         })
       }),
       !isLoading && /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          allOptions.length !== 0 && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.list, hasClearButton && classes.withClearButton),
-            "data-testid": testId !== void 0 ? "".concat(testId, "-list") : void 0,
+          isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+            className: clsx(classes.list, _define_property$v({}, classes.withClearButton, hasClearButton))
+          }, addDataTestId(testId, "list")), {
             children: [
-              isGroupingEnabled && value !== void 0 && /* @__PURE__ */ jsxs(Fragment, {
+              isGroupingEnabled && isNotEmpty(value) && /* @__PURE__ */ jsxs(Fragment, {
                 children: [
                   /* @__PURE__ */ jsx("div", {
-                    className: clsx(classes.label, classes.labelChosen, !isSearchEnabled && classes.withoutTopGap),
+                    className: clsx(classes.label, classes.labelChosen, _define_property$v({}, classes.withoutTopGap, !isSearchEnabled)),
                     children: translates.chosen
                   }),
                   /* @__PURE__ */ jsxs("div", {
@@ -19036,7 +19131,7 @@ function FilterSelect(param) {
                 ]
               }),
               allOptions.map(function(item, index) {
-                var isActive = value !== void 0 && getValueId(value) === getValueId(item);
+                var isActive = isNotEmpty(value) && getValueId(value) === getValueId(item);
                 if (isGroupingEnabled && isActive) {
                   return null;
                 }
@@ -19049,11 +19144,14 @@ function FilterSelect(param) {
                     return handleChange(item);
                   },
                   children: [
-                    /* @__PURE__ */ jsx("div", {
-                      className: classes.option,
-                      "data-option": id,
+                    /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$u({
+                      className: classes.option
+                    }, addDataAttributes$1({
+                      id,
+                      option: id
+                    })), {
                       children: view
-                    }),
+                    })),
                     isActive && /* @__PURE__ */ jsx("div", {
                       className: classes.icon,
                       children: /* @__PURE__ */ jsx(Icon, {
@@ -19072,14 +19170,14 @@ function FilterSelect(param) {
                 }
               })
             ]
-          }),
+          })),
           shouldShowPreloader && /* @__PURE__ */ jsx("div", {
             className: classes.preloader,
             children: /* @__PURE__ */ jsx(ThemedPreloader, {
               type: "dots"
             })
           }),
-          allOptions.length === 0 && /* @__PURE__ */ jsx("div", {
+          !isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsx("div", {
             className: classes.nothingFound,
             children: translates.nothingFound
           }),
@@ -19096,7 +19194,7 @@ function FilterSelect(param) {
                   onClick: handleClear,
                   size: "s",
                   view: "text",
-                  testId: testId !== void 0 ? "".concat(testId, "-clear-button") : void 0,
+                  testId: getTestId(testId, "clear-button"),
                   tweakStyles: tweakClearButtonStyles,
                   children: translates.clear
                 })
@@ -27692,7 +27790,7 @@ function _object_without_properties_loose$8(source, excluded) {
   return target;
 }
 function FlexibleTable(_param) {
-  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, activeRows = _param.activeRows, uniqueField = _param.uniqueField, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isFirstColumnSticky = _param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, _param_isRowFocusable = _param.isRowFocusable, isRowFocusable = _param_isRowFocusable === void 0 ? false : _param_isRowFocusable, infinityScrollConfig = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, _param_shouldRenderHeader = _param.shouldRenderHeader, shouldRenderHeader = _param_shouldRenderHeader === void 0 ? true : _param_shouldRenderHeader, onHeadClick = _param.onHeadClick, isRowInitiallyOpen = _param.isExpandableRowComponentInitiallyOpen, restProps = _object_without_properties$8(_param, [
+  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, activeRows = _param.activeRows, uniqueField = _param.uniqueField, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isFirstColumnSticky = _param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, _param_isRowFocusable = _param.isRowFocusable, isRowFocusable = _param_isRowFocusable === void 0 ? false : _param_isRowFocusable, infinityScrollConfigDeprecated = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, _param_shouldRenderHeader = _param.shouldRenderHeader, shouldRenderHeader = _param_shouldRenderHeader === void 0 ? true : _param_shouldRenderHeader, onHeadClick = _param.onHeadClick, isRowInitiallyOpen = _param.isExpandableRowComponentInitiallyOpen, restProps = _object_without_properties$8(_param, [
     "content",
     "headerContent",
     "config",
@@ -27722,7 +27820,6 @@ function FlexibleTable(_param) {
     className: "tweakTableRow",
     currentComponentName: "FlexibleTable"
   });
-  var observer = useRef();
   var scrollRef = useRef(null);
   var columns = useMemo(function() {
     return enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(config);
@@ -27730,7 +27827,6 @@ function FlexibleTable(_param) {
     enabledColumns,
     config
   ]);
-  var hasInfiniteScroll = isNotEmpty(infinityScrollConfig);
   var getTableRowProps = function(item, index) {
     return _object_spread_props$j(_object_spread$k({}, restProps), {
       item,
@@ -27768,34 +27864,26 @@ function FlexibleTable(_param) {
   }, [
     getDataScrollAttributeSetter
   ]);
-  var shouldShowNothingFound = !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);
   var ref = useMergedRefs([
     refForScroll,
     scrollRef,
     setHasScrollBarAttribute,
     setIsScrolledAttribute
   ]);
-  var initIntersectionObserver = useCallback(function(node) {
-    if (!hasInfiniteScroll || infinityScrollConfig.isLoading || infinityScrollConfig.activePage >= infinityScrollConfig.totalPages) {
-      return;
-    }
-    if (observer.current) {
-      observer.current.disconnect();
-    }
-    observer.current = new IntersectionObserver(function(entries) {
-      if (entries[0].isIntersecting) {
-        infinityScrollConfig.onInfinityScroll(infinityScrollConfig.activePage + 1);
-      }
-    });
-    if (node) {
-      observer.current.observe(node);
-    }
-  }, [
-    hasInfiniteScroll,
-    infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.activePage,
-    infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.totalPages,
-    infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
-  ]);
+  var _infinityScrollConfigDeprecated_isEnabled;
+  var infinityScrollConfig = infinityScrollConfigDeprecated && {
+    isLoading: infinityScrollConfigDeprecated.isLoading,
+    onInfinityScroll: function() {
+      var _infinityScrollConfigDeprecated_activePage;
+      return infinityScrollConfigDeprecated.onInfinityScroll(((_infinityScrollConfigDeprecated_activePage = infinityScrollConfigDeprecated.activePage) !== null && _infinityScrollConfigDeprecated_activePage !== void 0 ? _infinityScrollConfigDeprecated_activePage : 0) + 1);
+    },
+    isEnabled: (_infinityScrollConfigDeprecated_isEnabled = infinityScrollConfigDeprecated.isEnabled) !== null && _infinityScrollConfigDeprecated_isEnabled !== void 0 ? _infinityScrollConfigDeprecated_isEnabled : !infinityScrollConfigDeprecated.isLastPage
+  };
+  var intersectionRef = useIntersectionRef({
+    isDisabled: !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isEnabled) || infinityScrollConfig.isLoading,
+    onIntersection: infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
+  });
+  var shouldShowNothingFound = isReactNodeNotEmpty(nothingFoundContent) && !isArrayNotEmpty(content) && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isEnabled);
   useEffect(function() {
     var scrollContainer = scrollRef.current;
     if (isEmpty(scrollContainer) || !isHorizontallyScrollable) {
@@ -27830,9 +27918,9 @@ function FlexibleTable(_param) {
     className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
     children: /* @__PURE__ */ jsxs(Table.Root, _object_spread_props$j(_object_spread$k({
       className: classes.root
-    }, addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+    }, addDataAttributes$1(_object_spread_props$j(_object_spread$k({}, data), {
       isLoading
-    }))), {
+    }), testId)), {
       children: [
         shouldRenderHeader && /* @__PURE__ */ jsx(Table.Head, {
           className: classes.head,
@@ -27857,7 +27945,7 @@ function FlexibleTable(_param) {
                 onClick: isNotEmpty(onHeadClick) ? function() {
                   return onHeadClick(key);
                 } : void 0
-              }, addDataAttributes({
+              }, addDataAttributes$1({
                 id: shouldRenderDataId ? key : void 0
               })), {
                 children: applyAction(title, {
@@ -27889,16 +27977,17 @@ function FlexibleTable(_param) {
                   key: isNotEmpty(uniqueField) ? item[uniqueField] : i
                 }));
               }),
-              hasInfiniteScroll && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx(Table.Row, {
+              (infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isEnabled) && /* @__PURE__ */ jsx(Table.Row, {
                 className: classes.loaderRow,
                 children: /* @__PURE__ */ jsx(Table.Cell, {
                   className: classes.loaderCell,
                   colSpan: columns.length,
                   children: /* @__PURE__ */ jsx("div", {
-                    ref: initIntersectionObserver,
+                    ref: intersectionRef,
                     className: classes.loader,
                     children: /* @__PURE__ */ jsx(ThemedPreloader, {
-                      type: "dots"
+                      type: "dots",
+                      testId: getTestId(testId, "loader")
                     })
                   })
                 })
@@ -32632,6 +32721,7 @@ export {
   trimStringToMaxLength,
   useDidMountEffect,
   useDropdown,
+  useIntersectionRef,
   useIsMounted,
   useMerge,
   useMergedRefs,