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

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

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