@true-engineering/true-react-common-ui-kit 3.0.0-alpha.1 → 3.0.0-alpha.3

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

@@ -1888,7 +1888,7 @@ function _object_spread$S(target) {
   }
   return target;
 }
-function ownKeys$G(object, enumerableOnly) {
+function ownKeys$H(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1901,12 +1901,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$G(target, source) {
+function _object_spread_props$H(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$G(Object(source)).forEach(function(key) {
+    ownKeys$H(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -1960,7 +1960,7 @@ function createThemedStyles() {
     return mergeStyles(styles, isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
   });
   return function(data) {
-    return useStyles2(isNotEmpty(data) ? _object_spread_props$G(_object_spread$S({}, data), {
+    return useStyles2(isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
       theme: cleanStyles(data.theme)
     }) : data);
   };
@@ -4098,6 +4098,14 @@ var useDidMountEffect = function(effect3, dependencies) {
     };
   }, dependencies);
 };
+var useMixedStyles = function(baseStyles, tweakStyles) {
+  return useMemo(function() {
+    return isNotEmpty(baseStyles) && isNotEmpty(tweakStyles) ? mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
+  }, [
+    baseStyles,
+    tweakStyles
+  ]);
+};
 const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -5057,7 +5065,7 @@ function _object_spread$P(target) {
   }
   return target;
 }
-function ownKeys$F(object, enumerableOnly) {
+function ownKeys$G(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -5070,12 +5078,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$F(target, source) {
+function _object_spread_props$G(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$F(Object(source)).forEach(function(key) {
+    ownKeys$G(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5106,12 +5114,12 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$F(_object_spread$P({}, rect), {
+        return /* @__PURE__ */ createElement("rect", _object_spread_props$G(_object_spread$P({}, rect), {
           key: index
         }));
       }),
       (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-        return /* @__PURE__ */ createElement("circle", _object_spread_props$F(_object_spread$P({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$G(_object_spread$P({}, circle), {
           key: index
         }));
       })
@@ -5152,7 +5160,7 @@ function _object_spread$O(target) {
   }
   return target;
 }
-function ownKeys$E(object, enumerableOnly) {
+function ownKeys$F(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -5165,12 +5173,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$E(target, source) {
+function _object_spread_props$F(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$E(Object(source)).forEach(function(key) {
+    ownKeys$F(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5181,7 +5189,7 @@ var Icon = function(param) {
   var classes = useStyles$L({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$O({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$O({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5270,7 +5278,7 @@ function _object_spread$N(target) {
   }
   return target;
 }
-function ownKeys$D(object, enumerableOnly) {
+function ownKeys$E(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -5283,12 +5291,12 @@ function ownKeys$D(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$D(target, source) {
+function _object_spread_props$E(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$D(Object(source)).forEach(function(key) {
+    ownKeys$E(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5304,7 +5312,7 @@ var List = function(param) {
     onClick === null || onClick === void 0 ? void 0 : onClick();
   };
   var _item_testId;
-  return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$N({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$N({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: items.map(function(item, idx) {
@@ -5314,7 +5322,7 @@ var List = function(param) {
           item.shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
             className: classes.spacer
           }),
-          /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$N({
+          /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$N({
             className: clsx(classes.item, (_obj = {}, _define_property$P(_obj, classes.disabledItem, item.disabled), _define_property$P(_obj, classes.withIconGap, item.withIconGap), _obj)),
             onClick: item.disabled ? void 0 : function() {
               return handleItemClick(item);
@@ -5482,7 +5490,7 @@ function _object_spread$L(target) {
   }
   return target;
 }
-function ownKeys$C(object, enumerableOnly) {
+function ownKeys$D(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -5495,12 +5503,12 @@ function ownKeys$C(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$C(target, source) {
+function _object_spread_props$D(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$C(Object(source)).forEach(function(key) {
+    ownKeys$D(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -5544,7 +5552,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$L({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$L({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -5648,7 +5656,7 @@ function _object_spread$K(target) {
   }
   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);
@@ -5661,12 +5669,12 @@ function ownKeys$B(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -5677,7 +5685,7 @@ var AddButton = function(param) {
   var classes = useStyles$I({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$B(_object_spread$K({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$C(_object_spread$K({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -5870,7 +5878,7 @@ function _object_spread$J(target) {
   }
   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);
@@ -5883,12 +5891,12 @@ function ownKeys$A(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -5909,7 +5917,7 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$J({
     className: clsx(classes.root, classes[type], _define_property$L({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -6120,7 +6128,7 @@ function _object_spread$I(target) {
   }
   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);
@@ -6133,12 +6141,12 @@ function ownKeys$z(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -6159,7 +6167,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$z(_object_spread$I({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$A(_object_spread$I({
     ref,
     type,
     className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$K(_obj, classes.disabled, isDisabled), _define_property$K(_obj, classes.fullWidth, isFullWidth), _define_property$K(_obj, classes.inline, isInline), _define_property$K(_obj, classes.active, isActive), _define_property$K(_obj, classes.loading, isLoading), _define_property$K(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
@@ -6197,6 +6205,7 @@ var useStyles$D = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
+    alignItems: "center",
     gap: 14,
     width: "fit-content"
   },
@@ -6299,7 +6308,7 @@ function _object_spread$H(target) {
   }
   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);
@@ -6312,12 +6321,12 @@ function ownKeys$y(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -6360,7 +6369,7 @@ function Checkbox(param) {
     isChecked
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$y(_object_spread$H({
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$z(_object_spread$H({
     className: clsx(classes.root, (_obj = {}, _define_property$J(_obj, classes.disabled, isDisabled), _define_property$J(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -6440,7 +6449,7 @@ function _object_spread$G(target) {
   }
   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);
@@ -6453,12 +6462,12 @@ function ownKeys$x(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -6469,7 +6478,7 @@ var CloseButton = function(param) {
   var classes = useStyles$C({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$x(_object_spread$G({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$y(_object_spread$G({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -7023,7 +7032,7 @@ function _object_spread$E(target) {
   }
   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);
@@ -7036,12 +7045,12 @@ function ownKeys$w(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7243,7 +7252,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$E({
+      /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$E({
         className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$G(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$G(_obj1, classes.invalid, isInvalid), _define_property$G(_obj1, classes.focused, hasFocus), _define_property$G(_obj1, classes.disabled, isDisabled), _define_property$G(_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)), {
@@ -7352,7 +7361,7 @@ function _object_spread$D(target) {
   }
   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);
@@ -7365,12 +7374,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7450,11 +7459,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$D({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$D({
     className: clsx(classes.root, className),
     onClick
   }, addDataTestId(testId), addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(Input, _object_spread_props$v(_object_spread$D({}, inputProps), {
+    children: /* @__PURE__ */ jsx(Input, _object_spread_props$w(_object_spread$D({}, inputProps), {
       ref,
       value: isRange ? "".concat(startDate).concat(endDate) : date,
       mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
@@ -7533,7 +7542,7 @@ function _object_spread$C(target) {
   }
   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);
@@ -7546,12 +7555,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7605,7 +7614,7 @@ var SearchInput = function(_param) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$C({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$C({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -7978,7 +7987,7 @@ function _object_spread$z(target) {
   }
   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);
@@ -7991,12 +8000,12 @@ function ownKeys$t(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8006,7 +8015,7 @@ 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, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var _obj;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$t(_object_spread$z({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$u(_object_spread$z({
     active: isFocused,
     options: {
       block: "nearest"
@@ -8061,7 +8070,7 @@ function _object_spread$y(target) {
   }
   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);
@@ -8074,12 +8083,12 @@ function ownKeys$s(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8130,7 +8139,7 @@ function SelectList(param) {
         className: classes.listHeader,
         children: customListHeader
       }),
-      /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$y({
+      /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$y({
         className: classes.list
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8418,7 +8427,7 @@ function _object_spread$x(target) {
   }
   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);
@@ -8431,12 +8440,12 @@ function ownKeys$r(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8954,7 +8963,7 @@ function Select(props) {
     isOpen
   ]);
   var _obj;
-  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$x({
+  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$x({
     className: clsx(classes.listWrapper, (_obj = {}, _define_property$z(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$z(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
@@ -9320,7 +9329,7 @@ function _object_spread$w(target) {
   }
   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);
@@ -9333,12 +9342,12 @@ function ownKeys$q(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9462,7 +9471,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$j(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$j(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : isStringNotEmpty(dateValue);
-  var dateInputProps = _object_spread$w(_object_spread_props$q(_object_spread$w({}, inputProps), {
+  var dateInputProps = _object_spread$w(_object_spread_props$r(_object_spread$w({}, inputProps), {
     isRange,
     isDisabled,
     isClearable,
@@ -9560,7 +9569,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     startDate,
     endDate
   ]);
-  return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$w({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$w({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
@@ -9594,7 +9603,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       customInputRef,
       customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$w({}, dateInputProps)),
       renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$q(_object_spread$w({}, baseProps), {
+        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$r(_object_spread$w({}, baseProps), {
           months
         }));
       },
@@ -9731,7 +9740,7 @@ function _object_spread$v(target) {
   }
   return target;
 }
-function ownKeys$p(object, enumerableOnly) {
+function ownKeys$q(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9744,12 +9753,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$p(target, source) {
+function _object_spread_props$q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$p(Object(source)).forEach(function(key) {
+    ownKeys$q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9782,7 +9791,7 @@ var Description = function(param) {
   var linkText = link && link[0];
   var textWithNoLink = text.replace(LINK_REGEXP, "");
   var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$v({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$v({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10487,7 +10496,7 @@ function _object_spread$t(target) {
   }
   return target;
 }
-function ownKeys$o(object, enumerableOnly) {
+function ownKeys$p(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10500,12 +10509,12 @@ function ownKeys$o(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$o(target, source) {
+function _object_spread_props$p(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$o(Object(source)).forEach(function(key) {
+    ownKeys$p(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10557,7 +10566,7 @@ var FilterInterval = function(param) {
     className: "tweakClearButton",
     currentComponentName: "FilterInterval"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$t({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$t({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -10908,7 +10917,7 @@ function _object_spread$r(target) {
   }
   return target;
 }
-function ownKeys$n(object, enumerableOnly) {
+function ownKeys$o(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10921,12 +10930,12 @@ function ownKeys$n(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$n(target, source) {
+function _object_spread_props$o(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$n(Object(source)).forEach(function(key) {
+    ownKeys$o(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -11225,13 +11234,13 @@ function MultiSelectList(param) {
       if (value !== void 0) {
         if (keyCursorOn < value.include.length) {
           var _value_include_filter;
-          onChange(_object_spread_props$n(_object_spread$r({}, value), {
+          onChange(_object_spread_props$o(_object_spread$r({}, value), {
             include: (_value_include_filter = value.include.filter(function(val) {
               return getValueId(val) !== getValueId(value.include[keyCursorOn]);
             })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
           }));
         } else {
-          onChange(_object_spread_props$n(_object_spread$r({}, value), {
+          onChange(_object_spread_props$o(_object_spread$r({}, value), {
             include: _to_consumable_array$3(value.include).concat([
               unchosenOptions[keyCursorOn - value.include.length]
             ])
@@ -11430,7 +11439,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$r({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$r({
     className: classes.root,
     style: {
       width
@@ -11840,7 +11849,7 @@ function _object_spread$o(target) {
   }
   return target;
 }
-function ownKeys$m(object, enumerableOnly) {
+function ownKeys$n(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -11853,12 +11862,12 @@ function ownKeys$m(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$m(target, source) {
+function _object_spread_props$n(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$m(Object(source)).forEach(function(key) {
+    ownKeys$n(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -12258,7 +12267,7 @@ function FilterSelect(param) {
     }();
     doFetchOptions();
   }, []);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$o({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
     className: classes.root,
     style: {
       width
@@ -13600,7 +13609,7 @@ function _object_spread$n(target) {
   }
   return target;
 }
-function ownKeys$l(object, enumerableOnly) {
+function ownKeys$m(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13613,12 +13622,12 @@ function ownKeys$l(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$l(target, source) {
+function _object_spread_props$m(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$l(Object(source)).forEach(function(key) {
+    ownKeys$m(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13729,7 +13738,7 @@ var FilterWithDates = function(param) {
     }
   };
   var _ref;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$l(_object_spread$n({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$n({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -13900,7 +13909,7 @@ function _object_spread$m(target) {
   }
   return target;
 }
-function ownKeys$k(object, enumerableOnly) {
+function ownKeys$l(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13913,12 +13922,12 @@ function ownKeys$k(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$k(target, source) {
+function _object_spread_props$l(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$k(Object(source)).forEach(function(key) {
+    ownKeys$l(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14004,7 +14013,7 @@ var FilterWithPeriod = function(param) {
       if (onClose !== void 0) {
         onClose();
       }
-      onChange(_object_spread_props$k(_object_spread$m({}, p), {
+      onChange(_object_spread_props$l(_object_spread$m({}, p), {
         label: getPeriodTranslate(periodType)
       }));
     }
@@ -14024,7 +14033,7 @@ var FilterWithPeriod = function(param) {
   };
   var handleCustomDateChange = function(val) {
     if (val.from || val.to) {
-      onChange(_object_spread_props$k(_object_spread$m({}, val), {
+      onChange(_object_spread_props$l(_object_spread$m({}, val), {
         periodType: "CUSTOM"
       }));
     } else {
@@ -14166,7 +14175,7 @@ function _object_spread$l(target) {
   }
   return target;
 }
-function ownKeys$j(object, enumerableOnly) {
+function ownKeys$k(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14179,12 +14188,12 @@ function ownKeys$j(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$j(target, source) {
+function _object_spread_props$k(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$j(Object(source)).forEach(function(key) {
+    ownKeys$k(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14251,7 +14260,7 @@ function Filter(param) {
   };
   if (filter.type === "custom" && filter.component) {
     var Component = filter.component;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(Component, _object_spread$l({}, {
         value,
         onChange,
@@ -14266,7 +14275,7 @@ function Filter(param) {
     console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
   }
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$l({
         onChange,
         value,
@@ -14277,7 +14286,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "dateRange") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$l({
         localeKey: translatesLocaleKey,
         locale: translates,
@@ -14290,7 +14299,7 @@ function Filter(param) {
   }
   if (filter.type === "dateRangeWithoutPeriod") {
     var dateRangeValue = value;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       style: {
         width: 320
       },
@@ -14300,7 +14309,7 @@ function Filter(param) {
           return onChange(void 0);
         },
         onChange: function(v) {
-          return onChange(_object_spread_props$j(_object_spread$l({}, v), {
+          return onChange(_object_spread_props$k(_object_spread$l({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -14311,7 +14320,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$l({
         onChange,
         onClose: handleOnClose,
@@ -14323,7 +14332,7 @@ function Filter(param) {
     }));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
       children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$l({
         value,
         labelName: filter.name,
@@ -14504,7 +14513,7 @@ function _object_spread$k(target) {
   }
   return target;
 }
-function ownKeys$i(object, enumerableOnly) {
+function ownKeys$j(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14517,12 +14526,12 @@ function ownKeys$i(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$i(target, source) {
+function _object_spread_props$j(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$i(Object(source)).forEach(function(key) {
+    ownKeys$j(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14592,7 +14601,7 @@ function FiltersPaneSearch(param) {
     field
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$k({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$j(_object_spread$k({
     className: clsx(classes.root, (_obj = {}, _define_property$m(_obj, classes.focused, isInputFocused), _define_property$m(_obj, classes.disabled, isDisabled), _obj)),
     ref: refRoot,
     "data-testid": testId
@@ -15014,7 +15023,7 @@ function _object_spread$j(target) {
   }
   return target;
 }
-function ownKeys$h(object, enumerableOnly) {
+function ownKeys$i(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -15027,12 +15036,12 @@ function ownKeys$h(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$h(target, source) {
+function _object_spread_props$i(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$h(Object(source)).forEach(function(key) {
+    ownKeys$i(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -15096,7 +15105,7 @@ function FilterWrapper(param) {
   };
   var isBoolean = filter.type === "boolean";
   var _obj;
-  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$j({
+  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$j({
     className: clsx(classes.root, (_obj = {}, _define_property$l(_obj, classes.noValue, !hasValue), _define_property$l(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$l(_obj, classes.withValue, !isOpen && hasValue), _define_property$l(_obj, classes.openWithValue, isOpen && hasValue), _define_property$l(_obj, classes.boolean, isBoolean), _define_property$l(_obj, classes.disabled, isDisabled), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -15193,7 +15202,7 @@ function _object_spread$i(target) {
   }
   return target;
 }
-function ownKeys$g(object, enumerableOnly) {
+function ownKeys$h(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -15206,12 +15215,12 @@ function ownKeys$g(object, enumerableOnly) {
   }
   return keys;
 }
-function _object_spread_props$g(target, source) {
+function _object_spread_props$h(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$g(Object(source)).forEach(function(key) {
+    ownKeys$h(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -15262,12 +15271,12 @@ function FiltersPane(param) {
     })
   });
   var _search_localeKey, _search_localeKey1, _search_isDisabled;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$g(_object_spread$i({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$i({
     className: classes.root,
     ref
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$g(_object_spread$i({
+      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$h(_object_spread$i({
         className: classes.settings,
         tabIndex: 0
       }, addDataTestId(testId, "settings-button")), {
@@ -15279,7 +15288,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$g(_object_spread$i({}, search), {
+      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$h(_object_spread$i({}, search), {
         locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
         localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
         isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -15302,7 +15311,7 @@ function FiltersPane(param) {
           locale: locale2,
           localeKey,
           onChange: function(value) {
-            return onChangeFilters(_object_spread_props$g(_object_spread$i({}, values), _define_property$k({}, key, value)));
+            return onChangeFilters(_object_spread_props$h(_object_spread$i({}, values), _define_property$k({}, key, value)));
           },
           value: currentValue,
           isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -21484,14 +21493,6 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
     */
     maxHeight: "100%"
   },
-  horizontallyScrolled: {
-    "& $cellSticky": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    },
-    "& $headerSticky::before": {
-      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-    }
-  },
   loader: {
     position: "sticky",
     left: 0,
@@ -21539,7 +21540,10 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
         "box-shadow",
         "0.25s",
         "ease-in-out"
-      ]
+      ],
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
     },
     "&::after": {
       content: '""',
@@ -21585,6 +21589,30 @@ function _object_spread$h(target) {
   }
   return target;
 }
+function ownKeys$g(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$g(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys$g(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
 var useStyles$g = createThemedStyles("FlexibleTableCell", {
   root: {
     position: "relative",
@@ -21598,13 +21626,17 @@ var useStyles$g = createThemedStyles("FlexibleTableCell", {
     zIndex: 5,
     verticalAlign: "top"
   },
-  sticky: _object_spread$h({
+  sticky: _object_spread_props$g(_object_spread$h({
     zIndex: 19,
     paddingLeft: 24,
     paddingRight: 12
   }, getTransition([
     "box-shadow"
-  ])),
+  ])), {
+    "[data-scrolled] &": {
+      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+    }
+  }),
   second: {
     paddingLeft: STICKY_SHADOW_PADDING
   }
@@ -21997,7 +22029,7 @@ function _unsupported_iterable_to_array$8(o, minLen) {
     return _array_like_to_array$8(o, minLen);
 }
 function FlexibleTable(param) {
-  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
+  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, _param_uniqueField = param.uniqueField, uniqueField = _param_uniqueField === void 0 ? "id" : _param_uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
   var classes = useStyles$h({
     theme: tweakStyles
   });
@@ -22046,14 +22078,14 @@ function FlexibleTable(param) {
   }, [
     scrollRef
   ]);
-  var _activeRows_includes;
+  var _activeRows_includes, _item_uniqueField;
   return /* @__PURE__ */ jsx("div", {
     ref: refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef,
-    className: clsx(isHorizontallyScrollable && classes.scroll, isHorizontallyScrolled && classes.horizontallyScrolled),
+    className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable)),
+    "data-scrolled": isHorizontallyScrolled ? true : void 0,
     children: /* @__PURE__ */ jsxs("table", _object_spread_props$e(_object_spread$f({
-      className: classes.root,
-      "data-testid": testId
-    }, addDataAttributes(data)), {
+      className: classes.root
+    }, addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("thead", {
           children: /* @__PURE__ */ jsx("tr", {
@@ -22069,8 +22101,9 @@ function FlexibleTable(param) {
                 });
               }
               var _itemConfig_titleAlign;
+              var _obj;
               return /* @__PURE__ */ jsx("th", {
-                className: clsx(classes.header, isFirstColumnSticky && idx === 0 && classes.headerSticky, isFirstColumnSticky && idx === 1 && classes.headerSecond),
+                className: clsx(classes.header, (_obj = {}, _define_property$g(_obj, classes.headerSticky, isFirstColumnSticky && idx === 0), _define_property$g(_obj, classes.headerSecond, isFirstColumnSticky && idx === 1), _obj)),
                 style: {
                   minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
                   width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
@@ -22093,11 +22126,11 @@ function FlexibleTable(param) {
                 children: nothingFoundContent
               })
             }),
-            content.map(function(item, idx) {
+            content.map(function(item, i) {
               return jsx(FlexibleTableRow, {
                 item,
                 uniqueField,
-                isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
+                isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(i)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
                 isFirstColumnSticky,
                 onRowClick,
                 onRowHover,
@@ -22106,7 +22139,7 @@ function FlexibleTable(param) {
                 rowAttributes,
                 tweakStyles: tweakTableRowStyles,
                 expandableRowComponent
-              }, uniqueField ? item[uniqueField] : idx);
+              }, (_item_uniqueField = item[uniqueField]) !== null && _item_uniqueField !== void 0 ? _item_uniqueField : i);
             }),
             infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
               children: /* @__PURE__ */ jsx("td", {
@@ -28656,6 +28689,7 @@ export {
   useDidMountEffect,
   useDropdown,
   useIsMounted,
+  useMixedStyles,
   useOnClickOutside,
   useOnClickOutsideWithRef,
   useTweakStyles