@true-engineering/true-react-common-ui-kit 1.2.0 → 1.3.1

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

@@ -3149,7 +3149,7 @@
   function _non_iterable_spread$4() {
     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 _object_spread$M(target) {
+  function _object_spread$N(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -3215,7 +3215,7 @@
           },
           {
             name: "flip",
-            options: _object_spread$M({
+            options: _object_spread$N({
               fallbackPlacements: canBeFlipped ? [
                 "bottom-start",
                 "top-start"
@@ -4097,7 +4097,7 @@
     }
     return obj;
   }
-  function _object_spread$L(target) {
+  function _object_spread$M(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4112,7 +4112,7 @@
     }
     return target;
   }
-  function ownKeys$B(object, enumerableOnly) {
+  function ownKeys$C(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4125,12 +4125,12 @@
     }
     return keys;
   }
-  function _object_spread_props$B(target, source) {
+  function _object_spread_props$C(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$B(Object(source)).forEach(function(key) {
+      ownKeys$C(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -4141,7 +4141,7 @@
     var _icon_paths, _icon_rects, _icon_circles;
     var theme = React.useContext(ThemeContext).theme;
     var icons$1 = React.useMemo(function() {
-      return _object_spread$L({}, icons, theme.icons);
+      return _object_spread$M({}, icons, theme.icons);
     }, []);
     var icon = icons$1[type];
     var _icon_viewBox, _path_fill, _path_stroke;
@@ -4153,7 +4153,7 @@
       xmlns: "http://www.w3.org/2000/svg",
       children: [
         (_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
-          return /* @__PURE__ */ jsx("path", _object_spread$L({
+          return /* @__PURE__ */ jsx("path", _object_spread$M({
             fillRule: "evenodd",
             clipRule: "evenodd",
             fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
@@ -4161,75 +4161,75 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$B(_object_spread$L({}, rect), {
+          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$C(_object_spread$M({}, rect), {
             key: index
           }));
         }),
         (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$B(_object_spread$L({}, circle), {
+          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$C(_object_spread$M({}, circle), {
             key: index
           }));
         })
       ]
     });
   };
-  const avatarGreen = `  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
-    <mask
-      id="mask0_0_12744"
-      style="mask-type: 'alpha';"
-      maskUnits="userSpaceOnUse"
-      x="0"
-      y="0"
-      width="32"
-      height="32"
-    >
-      <circle cx="16" cy="16" r="16" fill="white" />
-    </mask>
-    <g mask="url(#mask0_0_12744)">
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
-      <mask
-        id="mask1_0_12744"
-        style="mask-type: 'alpha';"
-        maskUnits="userSpaceOnUse"
-        x="3"
-        y="16"
-        width="26"
-        height="26"
-      >
-        <circle cx="16" cy="29" r="13" fill="white" />
-      </mask>
-      <g mask="url(#mask1_0_12744)">
-        <ellipse
-          cx="16"
-          cy="17.5"
-          rx="6"
-          ry="7.5"
-          fill="#505F79"
-          fill-opacity="0.204983"
-        />
-      </g>
-    </g>
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
-    <defs>
-      <linearGradient
-        id="paint0_linear_0_12744"
-        x1="13.347"
-        y1="46.279"
-        x2="33.5318"
-        y2="30.8088"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#ABD229" />
-        <stop offset="1" stop-color="#9CD03F" />
-      </linearGradient>
-    </defs>
+  const avatarGreen = `  <svg\r
+    width="100%"\r
+    height="100%"\r
+    viewBox="0 0 32 32"\r
+    fill="none"\r
+    xmlns="http://www.w3.org/2000/svg"\r
+  >\r
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
+    <mask\r
+      id="mask0_0_12744"\r
+      style="mask-type: 'alpha';"\r
+      maskUnits="userSpaceOnUse"\r
+      x="0"\r
+      y="0"\r
+      width="32"\r
+      height="32"\r
+    >\r
+      <circle cx="16" cy="16" r="16" fill="white" />\r
+    </mask>\r
+    <g mask="url(#mask0_0_12744)">\r
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
+      <mask\r
+        id="mask1_0_12744"\r
+        style="mask-type: 'alpha';"\r
+        maskUnits="userSpaceOnUse"\r
+        x="3"\r
+        y="16"\r
+        width="26"\r
+        height="26"\r
+      >\r
+        <circle cx="16" cy="29" r="13" fill="white" />\r
+      </mask>\r
+      <g mask="url(#mask1_0_12744)">\r
+        <ellipse\r
+          cx="16"\r
+          cy="17.5"\r
+          rx="6"\r
+          ry="7.5"\r
+          fill="#505F79"\r
+          fill-opacity="0.204983"\r
+        />\r
+      </g>\r
+    </g>\r
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
+    <defs>\r
+      <linearGradient\r
+        id="paint0_linear_0_12744"\r
+        x1="13.347"\r
+        y1="46.279"\r
+        x2="33.5318"\r
+        y2="30.8088"\r
+        gradientUnits="userSpaceOnUse"\r
+      >\r
+        <stop stop-color="#ABD229" />\r
+        <stop offset="1" stop-color="#9CD03F" />\r
+      </linearGradient>\r
+    </defs>\r
   </svg>`;
   var complexIcons = {
     avatar: avatarGreen
@@ -4247,7 +4247,7 @@
     }
     return obj;
   }
-  function _object_spread$K(target) {
+  function _object_spread$L(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4266,7 +4266,7 @@
     var type = param.type;
     var theme = React.useContext(ThemeContext).theme;
     var icons2 = React.useMemo(function() {
-      return _object_spread$K({}, complexIcons, theme.complexIcons);
+      return _object_spread$L({}, complexIcons, theme.complexIcons);
     }, []);
     var ComplexIcon = icons2[type];
     return /* @__PURE__ */ jsx("div", {
@@ -4294,7 +4294,7 @@
     }
     return obj;
   }
-  function _object_spread$J(target) {
+  function _object_spread$K(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4309,7 +4309,7 @@
     }
     return target;
   }
-  function ownKeys$A(object, enumerableOnly) {
+  function ownKeys$B(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4322,12 +4322,12 @@
     }
     return keys;
   }
-  function _object_spread_props$A(target, source) {
+  function _object_spread_props$B(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$A(Object(source)).forEach(function(key) {
+      ownKeys$B(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -4339,7 +4339,7 @@
   var Icon = function(param) {
     var type = param.type, data = param.data, tweakStyles = param.tweakStyles;
     var classes = useTheme("Icon", styles$K, tweakStyles).classes;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$K({
       className: classes.root
     }, addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -4408,7 +4408,7 @@
     }
     return obj;
   }
-  function _object_spread$I(target) {
+  function _object_spread$J(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4423,7 +4423,7 @@
     }
     return target;
   }
-  function ownKeys$z(object, enumerableOnly) {
+  function ownKeys$A(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4436,12 +4436,12 @@
     }
     return keys;
   }
-  function _object_spread_props$z(target, source) {
+  function _object_spread_props$A(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$z(Object(source)).forEach(function(key) {
+      ownKeys$A(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -4455,7 +4455,7 @@
       onClick === null || onClick === void 0 ? void 0 : onClick();
     };
     var _item_testId;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$I({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
       className: classes.root
     }, addDataTestId(testId), addDataAttributes(data)), {
       children: items.map(function(item, idx) {
@@ -4465,7 +4465,7 @@
             item.shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
               className: classes.spacer
             }),
-            /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$I({
+            /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$J({
               className: clsx(classes.item, (_obj = {}, _define_property$K(_obj, classes.disabledItem, item.disabled), _define_property$K(_obj, classes.withIconGap, item.withIconGap), _obj))
             }, addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
               disabled: item.disabled
@@ -4507,7 +4507,7 @@
     }
     return obj;
   }
-  function _object_spread$H(target) {
+  function _object_spread$I(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4522,7 +4522,7 @@
     }
     return target;
   }
-  function ownKeys$y(object, enumerableOnly) {
+  function ownKeys$z(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4535,18 +4535,18 @@
     }
     return keys;
   }
-  function _object_spread_props$y(target, source) {
+  function _object_spread_props$z(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$y(Object(source)).forEach(function(key) {
+      ownKeys$z(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  var styles$I = _object_spread_props$y(_object_spread$H({
+  var styles$I = _object_spread_props$z(_object_spread$I({
     root: {
       display: "flex"
     },
@@ -4645,7 +4645,7 @@
   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$G(target) {
+  function _object_spread$H(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4660,7 +4660,7 @@
     }
     return target;
   }
-  function ownKeys$x(object, enumerableOnly) {
+  function ownKeys$y(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4673,12 +4673,12 @@
     }
     return keys;
   }
-  function _object_spread_props$x(target, source) {
+  function _object_spread_props$y(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$x(Object(source)).forEach(function(key) {
+      ownKeys$y(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -4719,7 +4719,7 @@
       return setIsMenuOpen(false);
     }, nameRef);
     var tweakListStyles = useTweakStyles(componentStyles, tweakStyles, "tweakList");
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$G({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$H({
       className: classes.root
     }, addDataAttributes(data)), {
       tabIndex: 0,
@@ -4809,7 +4809,7 @@
     }
     return obj;
   }
-  function _object_spread$F(target) {
+  function _object_spread$G(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -4824,7 +4824,7 @@
     }
     return target;
   }
-  function ownKeys$w(object, enumerableOnly) {
+  function ownKeys$x(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -4837,12 +4837,12 @@
     }
     return keys;
   }
-  function _object_spread_props$w(target, source) {
+  function _object_spread_props$x(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$w(Object(source)).forEach(function(key) {
+      ownKeys$x(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -4851,7 +4851,7 @@
   var AddButton = function(param) {
     var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, isDisabled = param.isDisabled, onClick = param.onClick, isFullWidth = param.isFullWidth, data = param.data, tweakStyles = param.tweakStyles;
     var classes = useTheme("AddButton", styles$H, tweakStyles).classes;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$w(_object_spread$F({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$x(_object_spread$G({
       type,
       className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
       onClick: !isDisabled ? onClick : void 0,
@@ -5026,7 +5026,7 @@
     }
     return obj;
   }
-  function _object_spread$E(target) {
+  function _object_spread$F(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -5041,7 +5041,7 @@
     }
     return target;
   }
-  function ownKeys$v(object, enumerableOnly) {
+  function ownKeys$w(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -5054,12 +5054,12 @@
     }
     return keys;
   }
-  function _object_spread_props$v(target, source) {
+  function _object_spread_props$w(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$v(Object(source)).forEach(function(key) {
+      ownKeys$w(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -5069,7 +5069,7 @@
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, tweakStyles = param.tweakStyles;
     var _useTheme = useTheme("ThemedPreloader", styles$E, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var preloaderComponentStyles = useTweakStyles(componentStyles, tweakStyles, "tweakPreloaderComponent");
-    return /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$E({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$F({
       className: clsx(classes.root, classes[type], _define_property$G({}, classes.currentColor, useCurrentColor))
     }, addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -5263,7 +5263,7 @@
     }
     return obj;
   }
-  function _object_spread$D(target) {
+  function _object_spread$E(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -5278,7 +5278,7 @@
     }
     return target;
   }
-  function ownKeys$u(object, enumerableOnly) {
+  function ownKeys$v(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -5291,12 +5291,12 @@
     }
     return keys;
   }
-  function _object_spread_props$u(target, source) {
+  function _object_spread_props$v(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$u(Object(source)).forEach(function(key) {
+      ownKeys$v(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -5324,7 +5324,7 @@
     var hasChildren = isNotEmpty(children);
     var hasNoAction = isDisabled || isLoading;
     var _obj, _obj1;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$u(_object_spread$D({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
       type,
       className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.fullWidth, isFullWidth), _define_property$F(_obj, classes.inline, isInline), _define_property$F(_obj, classes.active, isActive), _define_property$F(_obj, classes.loading, isLoading), _define_property$F(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
       tabIndex: shouldSkipTabNavigation ? -1 : void 0,
@@ -5467,7 +5467,7 @@
   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$C(target) {
+  function _object_spread$D(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -5482,7 +5482,7 @@
     }
     return target;
   }
-  function ownKeys$t(object, enumerableOnly) {
+  function ownKeys$u(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -5495,12 +5495,12 @@
     }
     return keys;
   }
-  function _object_spread_props$t(target, source) {
+  function _object_spread_props$u(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$t(Object(source)).forEach(function(key) {
+      ownKeys$u(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -5543,7 +5543,7 @@
       isChecked
     ]);
     var _obj;
-    return /* @__PURE__ */ jsxs("label", _object_spread_props$t(_object_spread$C({
+    return /* @__PURE__ */ jsxs("label", _object_spread_props$u(_object_spread$D({
       className: clsx(classes.root, (_obj = {}, _define_property$E(_obj, classes.disabled, isDisabled), _define_property$E(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
     }, addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -5607,7 +5607,7 @@
     }
     return obj;
   }
-  function _object_spread$B(target) {
+  function _object_spread$C(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -5622,7 +5622,7 @@
     }
     return target;
   }
-  function ownKeys$s(object, enumerableOnly) {
+  function ownKeys$t(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -5635,12 +5635,12 @@
     }
     return keys;
   }
-  function _object_spread_props$s(target, source) {
+  function _object_spread_props$t(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$s(Object(source)).forEach(function(key) {
+      ownKeys$t(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -5649,7 +5649,7 @@
   var CloseButton = function(param) {
     var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
     var classes = useTheme("CloseButton", styles$B, tweakStyles).classes;
-    return /* @__PURE__ */ jsx("button", _object_spread_props$s(_object_spread$B({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$t(_object_spread$C({
       type: "button",
       className: classes.root,
       onClick: onClose,
@@ -5805,7 +5805,7 @@
     }
     return obj;
   }
-  function _object_spread$A(target) {
+  function _object_spread$B(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -5823,7 +5823,7 @@
   var CssBaseline = function(param) {
     var data = param.data, tweakStyles = param.tweakStyles;
     var classes = useTheme("CssBaseline", styles$z, tweakStyles).classes;
-    return /* @__PURE__ */ jsx("div", _object_spread$A({
+    return /* @__PURE__ */ jsx("div", _object_spread$B({
       className: classes.root
     }, addDataAttributes(data)));
   };
@@ -6186,7 +6186,7 @@
   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$z(target) {
+  function _object_spread$A(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6201,7 +6201,7 @@
     }
     return target;
   }
-  function ownKeys$r(object, enumerableOnly) {
+  function ownKeys$s(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -6214,12 +6214,12 @@
     }
     return keys;
   }
-  function _object_spread_props$r(target, source) {
+  function _object_spread_props$s(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$r(Object(source)).forEach(function(key) {
+      ownKeys$s(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -6392,7 +6392,7 @@
     var hasLabel = isNotEmpty(label);
     var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly) && isNotEmpty(placeholder);
     var _obj;
-    var props = _object_spread$z({
+    var props = _object_spread$A({
       className: clsx(classes.input, (_obj = {}, _define_property$B(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$B(_obj, classes.withIcons, hasControls), _define_property$B(_obj, classes.withControls, hasControls), _define_property$B(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
       onFocus: handleFocus,
       onBlur: handleBlur,
@@ -6415,14 +6415,14 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$r(_object_spread$z({
+        /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$A({
           className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$B(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$B(_obj1, classes.invalid, isInvalid), _define_property$B(_obj1, classes.focused, hasFocus), _define_property$B(_obj1, classes.disabled, isDisabled), _define_property$B(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
           "data-value": isAutoSizeable ? value : void 0
         }, addDataAttributes(data)), {
           children: [
-            mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$z({
+            mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$A({
               ref: ref !== null && ref !== void 0 ? ref : inputRef
-            }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$z({
+            }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$A({
               ref: ref !== null && ref !== void 0 ? ref : inputRef,
               mask,
               maskPlaceholder
@@ -6508,7 +6508,7 @@
     }
     return obj;
   }
-  function _object_spread$y(target) {
+  function _object_spread$z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6523,7 +6523,7 @@
     }
     return target;
   }
-  function ownKeys$q(object, enumerableOnly) {
+  function ownKeys$r(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -6536,12 +6536,12 @@
     }
     return keys;
   }
-  function _object_spread_props$q(target, source) {
+  function _object_spread_props$r(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$q(Object(source)).forEach(function(key) {
+      ownKeys$r(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -6604,10 +6604,10 @@
       mask: "99.99.9999"
     };
     var tweakInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakInput");
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$y({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$z({
       className: classes.root
     }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(Input, _object_spread_props$q(_object_spread$y({}, mainProps, props), {
+      children: /* @__PURE__ */ jsx(Input, _object_spread_props$r(_object_spread$z({}, mainProps, props), {
         tweakStyles: tweakInputStyles
       }))
     }));
@@ -6705,7 +6705,7 @@
     if (superClass)
       _set_prototype_of(subClass, superClass);
   }
-  function _object_spread$x(target) {
+  function _object_spread$y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6856,7 +6856,7 @@
             "children",
             "options"
           ]);
-          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$x({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$y({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -6878,7 +6878,7 @@
     }
     return obj;
   }
-  function _object_spread$w(target) {
+  function _object_spread$x(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6910,7 +6910,7 @@
       ],
       fontSize: 16
     },
-    list: _object_spread$w({
+    list: _object_spread$x({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -6953,27 +6953,71 @@
     }
     return obj;
   }
+  function _object_spread$w(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$x(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$q(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _object_spread_props$q(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$q(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   var DEFAULT_OPTION_INDEX = -1;
   function SelectList(param) {
     var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, isOptionDisabled = param.isOptionDisabled, onOptionClick = param.onOptionClick, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId;
     var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
     var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
-    var convertedToStringOptions = React.useMemo(function() {
-      return options.map(convertValueToString);
-    }, [
-      options,
-      convertValueToString
-    ]);
     var isActiveOption = function(item) {
       return convertValueToId(item) === activeValueId;
     };
-    var convertedToReactNodesOptions = React.useMemo(function() {
-      return convertValueToReactNode !== void 0 ? options.map(convertValueToReactNode) : [];
+    var convertFunction = convertValueToReactNode !== null && convertValueToReactNode !== void 0 ? convertValueToReactNode : convertValueToString;
+    var optionsDisableMap = React.useMemo(function() {
+      return options.map(function(o) {
+        return isOptionDisabled(o);
+      });
     }, [
       options,
-      convertValueToReactNode
+      isOptionDisabled
+    ]);
+    var listOptions = React.useMemo(function() {
+      return options.map(function(opt, i) {
+        return convertFunction(opt, optionsDisableMap[i]);
+      });
+    }, [
+      options,
+      convertFunction,
+      optionsDisableMap
     ]);
-    var listOptions = convertValueToReactNode !== void 0 ? convertedToReactNodesOptions : convertedToStringOptions;
     return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList,
       className: classes.root,
@@ -6996,22 +7040,28 @@
               },
               children: defaultOptionLabel
             }),
-            listOptions.map(function(opt, index) {
-              var optionValue = options[index];
+            listOptions.map(function(opt, i) {
+              var optionValue = options[i];
+              var isFocused = i === focusedIndex;
               var isActive = isActiveOption(optionValue);
-              var isDisabled = isOptionDisabled(optionValue);
+              var isDisabled = optionsDisableMap[i];
               var _obj;
-              return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
-                active: index === focusedIndex,
+              return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
+                active: isFocused,
                 options: {
                   block: "nearest"
                 },
-                className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused, index === focusedIndex), _define_property$x(_obj, classes.active, isActive), _define_property$x(_obj, classes.disabled, isDisabled), _obj)),
+                className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused, isFocused), _define_property$x(_obj, classes.active, isActive), _define_property$x(_obj, classes.disabled, isDisabled), _obj))
+              }, addDataAttributes({
+                disabled: isDisabled,
+                active: isActive,
+                focused: isFocused
+              })), {
                 onClick: !isDisabled ? function() {
-                  return onOptionClick(index);
+                  return onOptionClick(i);
                 } : void 0,
                 children: opt
-              }, index);
+              }), i);
             }),
             listOptions.length === 0 && /* @__PURE__ */ jsx("div", {
               className: clsx(classes.cell, classes.noMatchesLabel),
@@ -7642,6 +7692,32 @@
       onOpen
     ]);
     var _obj;
+    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$p(_object_spread$v({
+      className: clsx(classes.listWrapper, (_obj = {}, _define_property$w(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$w(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
+      ref: list,
+      onMouseDown: function(event) {
+        return event.preventDefault();
+      },
+      style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper
+    }, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
+      children: isOpen && /* @__PURE__ */ jsx(SelectList, {
+        options: filteredOptions,
+        defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
+        noMatchesLabel,
+        focusedIndex: focusedListCellIndex,
+        activeValue: value,
+        isLoading: inputProps.isLoading,
+        loadingLabel,
+        tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
+        testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
+        shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll,
+        isOptionDisabled,
+        convertValueToString,
+        convertValueToReactNode,
+        convertValueToId,
+        onOptionClick: handleOptionClick
+      })
+    }));
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       onKeyDown: handleKeyDown,
@@ -7676,36 +7752,13 @@
             })
           ]
         }),
-        /* @__PURE__ */ jsx(reactOverlays.Portal, {
+        shouldUsePopper ? /* @__PURE__ */ jsx(reactOverlays.Portal, {
           container: shouldRenderInBody ? document.body : inputWrapper.current,
           children: /* @__PURE__ */ jsx(Fragment, {
-            children: (shouldUsePopper || isOpen) && /* @__PURE__ */ jsx("div", _object_spread_props$p(_object_spread$v({
-              className: clsx(classes.listWrapper, (_obj = {}, _define_property$w(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$w(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
-              ref: list,
-              onMouseDown: function(event) {
-                return event.preventDefault();
-              },
-              style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper
-            }, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
-              children: isOpen && /* @__PURE__ */ jsx(SelectList, {
-                options: filteredOptions,
-                defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
-                noMatchesLabel,
-                focusedIndex: focusedListCellIndex,
-                activeValue: value,
-                isLoading: inputProps.isLoading,
-                loadingLabel,
-                tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
-                testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
-                shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll,
-                isOptionDisabled,
-                convertValueToString,
-                convertValueToReactNode,
-                convertValueToId,
-                onOptionClick: handleOptionClick
-              })
-            }))
+            children: listEl
           })
+        }) : /* @__PURE__ */ jsx(Fragment, {
+          children: isOpen && listEl
         })
       ]
     });
@@ -20311,7 +20364,9 @@
           },
           onMouseLeave: handleMouseLeave,
           onClick: handleRowClick
-        }, addDataAttributes(rowData)), {
+        }, addDataAttributes(_object_spread_props$d(_object_spread$f({}, rowData), {
+          isExpandableComponentActive: nestedComponent.isOpen ? true : void 0
+        }))), {
           children: items.map(function(key, idx) {
             return /* @__PURE__ */ jsx(TableValue, {
               columnName: key,