@true-engineering/true-react-common-ui-kit 3.0.0-alpha.10 → 3.0.0-alpha.12

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

@@ -22297,6 +22297,7 @@
       currentComponentName: "FlexibleTable"
     });
     var _useState = _sliced_to_array$8(React.useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
+    var _useState1 = _sliced_to_array$8(React.useState(false), 2), hasScrollBar = _useState1[0], setHasScrollBar = _useState1[1];
     var observer = React.useRef();
     var scrollRef = React.useRef(null);
     var ref = refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef;
@@ -22327,6 +22328,7 @@
       if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
         return;
       }
+      setHasScrollBar(hasHorizontalScrollBar(scrollContainer));
       var scrollHandler = function(e) {
         setIsHorizontallyScrolled(e.target.scrollLeft > 0);
       };
@@ -22335,7 +22337,7 @@
         return scrollContainer.removeEventListener("scroll", scrollHandler);
       };
     }, [
-      scrollRef
+      ref
     ]);
     var _activeRows_includes;
     return /* @__PURE__ */ jsx("div", _object_spread_props$e(_object_spread$f({
@@ -22343,7 +22345,7 @@
       className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable))
     }, addDataAttributes({
       scrolled: isHorizontallyScrolled ? true : void 0,
-      scrollable: isHorizontallyScrollable && hasHorizontalScrollBar(ref.current)
+      scrollable: isHorizontallyScrollable && hasScrollBar ? true : void 0
     })), {
       children: /* @__PURE__ */ jsxs("table", _object_spread_props$e(_object_spread$f({
         className: classes.root