@true-engineering/true-react-common-ui-kit 1.1.0 → 1.3.0

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,12 +4161,12 @@
           }, 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
           }));
         })
@@ -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,31 +6953,71 @@
     }
     return obj;
   }
-  function isOptionDisabled(option) {
-    var _option_isDisabled;
-    return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
+  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, onOptionClick = param.onOptionClick, 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, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList;
+    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,
+      isOptionDisabled
+    ]);
+    var listOptions = React.useMemo(function() {
+      return options.map(function(opt, i) {
+        return convertFunction(opt, optionsDisableMap[i]);
+      });
     }, [
       options,
-      convertValueToReactNode
+      convertFunction,
+      optionsDisableMap
     ]);
-    var listOptions = convertValueToReactNode !== void 0 ? convertedToReactNodesOptions : convertedToStringOptions;
     return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList,
       className: classes.root,
@@ -7000,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),
@@ -7026,6 +7072,10 @@
       })
     });
   }
+  var _option_isDisabled;
+  var defaultIsOptionDisabled = function(option) {
+    return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
+  };
   var defaultConvertFunction$2 = function(v) {
     return v === void 0 ? void 0 : String(v);
   };
@@ -7370,22 +7420,12 @@
     }
   };
   function Select(_param) {
-    var options = _param.options, value = _param.value, onChange = _param.onChange, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, defaultOptionLabel = _param.defaultOptionLabel, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, optionsFilter = _param.optionsFilter, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, inputProps = _object_without_properties$6(_param, [
+    var options = _param.options, value = _param.value, defaultOptionLabel = _param.defaultOptionLabel, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_isOptionDisabled = _param.isOptionDisabled, isOptionDisabled = _param_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _param_isOptionDisabled, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, optionsFilter = _param.optionsFilter, inputProps = _object_without_properties$6(_param, [
       "options",
       "value",
-      "onChange",
-      "compareValuesOnChange",
-      "convertValueToString",
-      "convertValueToId",
-      "convertValueToReactNode",
       "defaultOptionLabel",
-      "onFocus",
-      "onBlur",
-      "onType",
-      "onOpen",
       "debounceTime",
       "optionsMode",
-      "optionsFilter",
       "noMatchesLabel",
       "loadingLabel",
       "tweakStyles",
@@ -7394,7 +7434,18 @@
       "dropdownOptions",
       "minSymbolsCountToOpenList",
       "dropdownIcon",
-      "shouldScrollToList"
+      "shouldScrollToList",
+      "onChange",
+      "onFocus",
+      "onBlur",
+      "onType",
+      "onOpen",
+      "isOptionDisabled",
+      "compareValuesOnChange",
+      "convertValueToString",
+      "convertValueToId",
+      "convertValueToReactNode",
+      "optionsFilter"
     ]);
     var _useTheme = useTheme("Select", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
     var isMounted = useIsMounted();
@@ -7641,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,
@@ -7675,35 +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,
-                convertValueToString,
-                convertValueToReactNode,
-                convertValueToId,
-                onOptionClick: handleOptionClick,
-                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
-              })
-            }))
+            children: listEl
           })
+        }) : /* @__PURE__ */ jsx(Fragment, {
+          children: isOpen && listEl
         })
       ]
     });