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

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

@@ -1140,49 +1140,49 @@
   var useTheme = function() {
     return React.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) {
@@ -1243,20 +1243,20 @@
       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)) {
@@ -1337,7 +1337,7 @@
     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;
@@ -1365,7 +1365,7 @@
     }
     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() {
@@ -1386,27 +1386,27 @@
     }
     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() {
@@ -1533,7 +1533,7 @@
         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(trueReactPlatformHelpers.isNotEmpty));
         }
@@ -1869,14 +1869,14 @@
       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;
   }
@@ -1893,7 +1893,7 @@
     }
     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;
@@ -1921,7 +1921,7 @@
     }
     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) {
@@ -1963,28 +1963,28 @@
     }
     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];
@@ -4731,7 +4731,7 @@
     "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++)
@@ -4740,7 +4740,7 @@
   }
   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)
@@ -4750,20 +4750,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$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;
@@ -4849,18 +4849,18 @@
     }
     return mask;
   };
-  function _array_like_to_array$p(arr, len) {
+  function _array_like_to_array$q(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_with_holes$o(arr) {
+  function _array_with_holes$p(arr) {
     if (Array.isArray(arr))
       return arr;
   }
-  function _iterable_to_array_limit$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;
@@ -4888,24 +4888,24 @@
     }
     return _arr;
   }
-  function _non_iterable_rest$o() {
+  function _non_iterable_rest$p() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _sliced_to_array$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) {
@@ -5028,7 +5028,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$n(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
@@ -6554,7 +6554,7 @@
     }, [enabled, referenceElement, popperElement]);
     return popperState;
   }
-  function _array_like_to_array$o(arr, len) {
+  function _array_like_to_array$p(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -6563,7 +6563,7 @@
   }
   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) {
@@ -6601,20 +6601,20 @@
     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;
@@ -6670,49 +6670,49 @@
     }, 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;
@@ -6781,6 +6781,87 @@
       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 = React.useRef(options);
+    optionsRef.current = options;
+    return React.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 trueReactPlatformHelpers.isNotEmpty(node) ? observer.observe(node) : observer.disconnect();
+      };
+    }, []);
+  };
   const avatarGreen = `  <svg
     width="100%"
     height="100%"
@@ -11380,7 +11461,7 @@
     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,
@@ -11399,11 +11480,11 @@
         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({
+    }, trueReactPlatformHelpers.addDataAttributes(_object_spread$L({
       disabled: isDisabled,
       active: isActive,
       focused: isFocused
-    })), {
+    }, data))), {
       onClick: !isDisabled && !isMultiSelect ? function(event) {
         return onOptionSelect(index, event);
       } : void 0,
@@ -11532,8 +11613,9 @@
               }),
               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,
@@ -11544,6 +11626,9 @@
                   isMultiSelect,
                   onOptionSelect,
                   onToggleCheckbox,
+                  data: {
+                    id
+                  },
                   children: opt
                 }, i);
               }),
@@ -18140,7 +18225,7 @@
     var shouldShowOptionsList = !isLoading && (trueReactPlatformHelpers.isArrayNotEmpty(allOptions) || trueReactPlatformHelpers.isArrayNotEmpty(chosenValues));
     return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
       className: classes.root
-    }, addDataAttributes(data)), {
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         isSearchEnabled && /* @__PURE__ */ jsx("div", {
           className: classes.dropdownInput,
@@ -18150,13 +18235,13 @@
             onChange: handleOnChange,
             tweakStyles: tweakSearchInputStyles,
             maxLength: searchMaxLength,
-            testId: testId !== void 0 ? "".concat(testId, "-search") : void 0,
+            testId: trueReactPlatformHelpers.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
+        }, trueReactPlatformHelpers.addDataTestId(testId, "list")), {
           children: [
             hasSelectedOptionsGroup && /* @__PURE__ */ jsxs(Fragment, {
               children: [
@@ -18175,11 +18260,16 @@
                       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
+                      }, trueReactPlatformHelpers.addDataAttributes({
+                        option: id
+                      })), {
                         children: view
-                      })
+                      }))
                     })
                   }, id);
                 })
@@ -18203,18 +18293,23 @@
                       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
+                      }, trueReactPlatformHelpers.addDataAttributes({
+                        option: id
+                      })), {
                         children: view
-                      })
+                      }))
                     })
                   }, id);
                 })
               ]
             })
           ]
-        }),
+        })),
         shouldShowPreloader && /* @__PURE__ */ jsx("div", {
           className: classes.preloader,
           children: /* @__PURE__ */ jsx(ThemedPreloader, {
@@ -18233,7 +18328,7 @@
               onClick: handleClear,
               size: "s",
               view: "text",
-              testId: testId !== void 0 ? "".concat(testId, "-clear-button") : void 0,
+              testId: trueReactPlatformHelpers.getTestId(testId, "clear-button"),
               tweakStyles: tweakClearButtonStyles,
               children: translates.clear
             })
@@ -18973,7 +19068,7 @@
     }, []);
     return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
       className: classes.root
-    }, addDataAttributes(data)), {
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         isSearchEnabled && /* @__PURE__ */ jsx("div", {
           className: classes.dropdownInput,
@@ -18982,20 +19077,20 @@
             placeholder: translates.searchPlaceholder,
             onChange: handleOnChange,
             tweakStyles: tweakSearchInputStyles,
-            testId: testId !== void 0 ? "".concat(testId, "-search") : void 0,
+            testId: trueReactPlatformHelpers.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,
+            trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+              className: clsx(classes.list, _define_property$v({}, classes.withClearButton, hasClearButton))
+            }, trueReactPlatformHelpers.addDataTestId(testId, "list")), {
               children: [
-                isGroupingEnabled && value !== void 0 && /* @__PURE__ */ jsxs(Fragment, {
+                isGroupingEnabled && trueReactPlatformHelpers.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", {
@@ -19023,7 +19118,7 @@
                   ]
                 }),
                 allOptions.map(function(item, index) {
-                  var isActive = value !== void 0 && getValueId(value) === getValueId(item);
+                  var isActive = trueReactPlatformHelpers.isNotEmpty(value) && getValueId(value) === getValueId(item);
                   if (isGroupingEnabled && isActive) {
                     return null;
                   }
@@ -19036,11 +19131,14 @@
                       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
+                      }, trueReactPlatformHelpers.addDataAttributes({
+                        id,
+                        option: id
+                      })), {
                         children: view
-                      }),
+                      })),
                       isActive && /* @__PURE__ */ jsx("div", {
                         className: classes.icon,
                         children: /* @__PURE__ */ jsx(Icon, {
@@ -19059,14 +19157,14 @@
                   }
                 })
               ]
-            }),
+            })),
             shouldShowPreloader && /* @__PURE__ */ jsx("div", {
               className: classes.preloader,
               children: /* @__PURE__ */ jsx(ThemedPreloader, {
                 type: "dots"
               })
             }),
-            allOptions.length === 0 && /* @__PURE__ */ jsx("div", {
+            !trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsx("div", {
               className: classes.nothingFound,
               children: translates.nothingFound
             }),
@@ -19083,7 +19181,7 @@
                     onClick: handleClear,
                     size: "s",
                     view: "text",
-                    testId: testId !== void 0 ? "".concat(testId, "-clear-button") : void 0,
+                    testId: trueReactPlatformHelpers.getTestId(testId, "clear-button"),
                     tweakStyles: tweakClearButtonStyles,
                     children: translates.clear
                   })
@@ -27679,7 +27777,7 @@
     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",
@@ -27709,7 +27807,6 @@
       className: "tweakTableRow",
       currentComponentName: "FlexibleTable"
     });
-    var observer = React.useRef();
     var scrollRef = React.useRef(null);
     var columns = React.useMemo(function() {
       return enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(config);
@@ -27717,7 +27814,6 @@
       enabledColumns,
       config
     ]);
-    var hasInfiniteScroll = trueReactPlatformHelpers.isNotEmpty(infinityScrollConfig);
     var getTableRowProps = function(item, index) {
       return _object_spread_props$j(_object_spread$k({}, restProps), {
         item,
@@ -27755,34 +27851,26 @@
     }, [
       getDataScrollAttributeSetter
     ]);
-    var shouldShowNothingFound = !trueReactPlatformHelpers.isArrayNotEmpty(content) && nothingFoundContent !== void 0 && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && ((infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLastPage) === void 0 || infinityScrollConfig.isLastPage);
     var ref = useMergedRefs([
       refForScroll,
       scrollRef,
       setHasScrollBarAttribute,
       setIsScrolledAttribute
     ]);
-    var initIntersectionObserver = React.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 = trueReactPlatformHelpers.isReactNodeNotEmpty(nothingFoundContent) && !trueReactPlatformHelpers.isArrayNotEmpty(content) && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isLoading) && !(infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.isEnabled);
     React.useEffect(function() {
       var scrollContainer = scrollRef.current;
       if (trueReactPlatformHelpers.isEmpty(scrollContainer) || !isHorizontallyScrollable) {
@@ -27817,9 +27905,9 @@
       className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
       children: /* @__PURE__ */ jsxs(Table.Root, _object_spread_props$j(_object_spread$k({
         className: classes.root
-      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+      }, trueReactPlatformHelpers.addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
         isLoading
-      }))), {
+      }), testId)), {
         children: [
           shouldRenderHeader && /* @__PURE__ */ jsx(Table.Head, {
             className: classes.head,
@@ -27844,7 +27932,7 @@
                   onClick: trueReactPlatformHelpers.isNotEmpty(onHeadClick) ? function() {
                     return onHeadClick(key);
                   } : void 0
-                }, addDataAttributes({
+                }, trueReactPlatformHelpers.addDataAttributes({
                   id: shouldRenderDataId ? key : void 0
                 })), {
                   children: trueReactPlatformHelpers.applyAction(title, {
@@ -27876,16 +27964,17 @@
                     key: trueReactPlatformHelpers.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: trueReactPlatformHelpers.getTestId(testId, "loader")
                       })
                     })
                   })
@@ -32618,6 +32707,7 @@
   exports2.trimStringToMaxLength = trimStringToMaxLength;
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
+  exports2.useIntersectionRef = useIntersectionRef;
   exports2.useIsMounted = useIsMounted;
   exports2.useMerge = useMerge;
   exports2.useMergedRefs = useMergedRefs;