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

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

@@ -1878,7 +1878,7 @@
     }
     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);
@@ -1891,12 +1891,12 @@
     }
     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));
       });
     }
@@ -1950,7 +1950,7 @@
       return trueReactPlatformHelpers.mergeStyles(styles, trueReactPlatformHelpers.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(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$G(_object_spread$S({}, data), {
+      return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
         theme: cleanStyles(data.theme)
       }) : data);
     };
@@ -4088,6 +4088,14 @@
       };
     }, dependencies);
   };
+  var useMixedStyles = function(baseStyles, tweakStyles) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.isNotEmpty(baseStyles) && trueReactPlatformHelpers.isNotEmpty(tweakStyles) ? trueReactPlatformHelpers.mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
+    }, [
+      baseStyles,
+      tweakStyles
+    ]);
+  };
   const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -5047,7 +5055,7 @@
     }
     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);
@@ -5060,12 +5068,12 @@
     }
     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));
       });
     }
@@ -5096,12 +5104,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$F(_object_spread$P({}, rect), {
+          return /* @__PURE__ */ React.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__ */ React.createElement("circle", _object_spread_props$F(_object_spread$P({}, circle), {
+          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$G(_object_spread$P({}, circle), {
             key: index
           }));
         })
@@ -5142,7 +5150,7 @@
     }
     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);
@@ -5155,12 +5163,12 @@
     }
     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));
       });
     }
@@ -5171,7 +5179,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5260,7 +5268,7 @@
     }
     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);
@@ -5273,12 +5281,12 @@
     }
     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));
       });
     }
@@ -5294,7 +5302,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: items.map(function(item, idx) {
@@ -5304,7 +5312,7 @@
             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);
@@ -5472,7 +5480,7 @@
     }
     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);
@@ -5485,12 +5493,12 @@
     }
     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));
       });
     }
@@ -5534,7 +5542,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -5638,7 +5646,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);
@@ -5651,12 +5659,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));
       });
     }
@@ -5667,7 +5675,7 @@
     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,
@@ -5860,7 +5868,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);
@@ -5873,12 +5881,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));
       });
     }
@@ -5899,7 +5907,7 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -6110,7 +6118,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);
@@ -6123,12 +6131,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));
       });
     }
@@ -6149,7 +6157,7 @@
     var hasChildren = trueReactPlatformHelpers.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)),
@@ -6187,6 +6195,7 @@
     root: {
       cursor: "pointer",
       display: "flex",
+      alignItems: "center",
       gap: 14,
       width: "fit-content"
     },
@@ -6289,7 +6298,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);
@@ -6302,12 +6311,12 @@
     }
     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));
       });
     }
@@ -6350,7 +6359,7 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -6430,7 +6439,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);
@@ -6443,12 +6452,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));
       });
     }
@@ -6459,7 +6468,7 @@
     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
@@ -7013,7 +7022,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);
@@ -7026,12 +7035,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));
       });
     }
@@ -7233,7 +7242,7 @@
     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)), {
@@ -7342,7 +7351,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);
@@ -7355,12 +7364,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));
       });
     }
@@ -7440,11 +7449,11 @@
       }
       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
     }, trueReactPlatformHelpers.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",
@@ -7523,7 +7532,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);
@@ -7536,12 +7545,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));
       });
     }
@@ -7595,7 +7604,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -7968,7 +7977,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);
@@ -7981,12 +7990,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));
       });
     }
@@ -7996,7 +8005,7 @@
     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 = trueReactPlatformHelpers.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"
@@ -8051,7 +8060,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);
@@ -8064,12 +8073,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));
       });
     }
@@ -8120,7 +8129,7 @@
           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
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8408,7 +8417,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);
@@ -8421,12 +8430,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));
       });
     }
@@ -8944,7 +8953,7 @@
       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,
@@ -9310,7 +9319,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);
@@ -9323,12 +9332,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));
       });
     }
@@ -9452,7 +9461,7 @@
     var _useState4 = _sliced_to_array$j(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$j(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.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,
@@ -9550,7 +9559,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
@@ -9584,7 +9593,7 @@
         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
           }));
         },
@@ -9721,7 +9730,7 @@
     }
     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);
@@ -9734,12 +9743,12 @@
     }
     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));
       });
     }
@@ -9772,7 +9781,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -10477,7 +10486,7 @@
     }
     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);
@@ -10490,12 +10499,12 @@
     }
     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));
       });
     }
@@ -10547,7 +10556,7 @@
       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: [
@@ -10898,7 +10907,7 @@
     }
     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);
@@ -10911,12 +10920,12 @@
     }
     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));
       });
     }
@@ -11215,13 +11224,13 @@
         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]
               ])
@@ -11420,7 +11429,7 @@
     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
@@ -11830,7 +11839,7 @@
     }
     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);
@@ -11843,12 +11852,12 @@
     }
     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));
       });
     }
@@ -12248,7 +12257,7 @@
       }();
       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
@@ -13590,7 +13599,7 @@
     }
     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);
@@ -13603,12 +13612,12 @@
     }
     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));
       });
     }
@@ -13719,7 +13728,7 @@
       }
     };
     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: [
@@ -13890,7 +13899,7 @@
     }
     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);
@@ -13903,12 +13912,12 @@
     }
     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));
       });
     }
@@ -13994,7 +14003,7 @@
         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)
         }));
       }
@@ -14014,7 +14023,7 @@
     };
     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 {
@@ -14156,7 +14165,7 @@
     }
     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);
@@ -14169,12 +14178,12 @@
     }
     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));
       });
     }
@@ -14241,7 +14250,7 @@
     };
     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,
@@ -14256,7 +14265,7 @@
       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,
@@ -14267,7 +14276,7 @@
       }));
     }
     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,
@@ -14280,7 +14289,7 @@
     }
     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
         },
@@ -14290,7 +14299,7 @@
             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"
             }));
           },
@@ -14301,7 +14310,7 @@
       }));
     }
     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,
@@ -14313,7 +14322,7 @@
       }));
     }
     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,
@@ -14494,7 +14503,7 @@
     }
     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);
@@ -14507,12 +14516,12 @@
     }
     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));
       });
     }
@@ -14582,7 +14591,7 @@
       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
@@ -15004,7 +15013,7 @@
     }
     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);
@@ -15017,12 +15026,12 @@
     }
     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));
       });
     }
@@ -15086,7 +15095,7 @@
     };
     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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -15183,7 +15192,7 @@
     }
     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);
@@ -15196,12 +15205,12 @@
     }
     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));
       });
     }
@@ -15252,12 +15261,12 @@
       })
     });
     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
     }, trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -15269,7 +15278,7 @@
             })
           })
         })),
-        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,
@@ -15292,7 +15301,7 @@
             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) {
@@ -21474,14 +21483,6 @@
       */
       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,
@@ -21529,7 +21530,10 @@
           "box-shadow",
           "0.25s",
           "ease-in-out"
-        ]
+        ],
+        "[data-scrolled] &": {
+          boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+        }
       },
       "&::after": {
         content: '""',
@@ -21575,6 +21579,30 @@
     }
     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",
@@ -21588,13 +21616,17 @@
       zIndex: 5,
       verticalAlign: "top"
     },
-    sticky: _object_spread$h({
+    sticky: _object_spread_props$g(_object_spread$h({
       zIndex: 19,
       paddingLeft: 24,
       paddingRight: 12
     }, trueReactPlatformHelpers.getTransition([
       "box-shadow"
-    ])),
+    ])), {
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
+    }),
     second: {
       paddingLeft: STICKY_SHADOW_PADDING
     }
@@ -21987,7 +22019,7 @@
       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
     });
@@ -22036,14 +22068,14 @@
     }, [
       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
+      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
         children: [
           /* @__PURE__ */ jsx("thead", {
             children: /* @__PURE__ */ jsx("tr", {
@@ -22059,8 +22091,9 @@
                   });
                 }
                 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,
@@ -22083,11 +22116,11 @@
                   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,
@@ -22096,7 +22129,7 @@
                   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", {
@@ -28645,6 +28678,7 @@
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
   exports2.useIsMounted = useIsMounted;
+  exports2.useMixedStyles = useMixedStyles;
   exports2.useOnClickOutside = useOnClickOutside;
   exports2.useOnClickOutsideWithRef = useOnClickOutsideWithRef;
   exports2.useTweakStyles = useTweakStyles;