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

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

@@ -4096,63 +4096,63 @@
       tweakStyles
     ]);
   };
-  const avatarGreen = `  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
-    <mask
-      id="mask0_0_12744"
-      style="mask-type: 'alpha';"
-      maskUnits="userSpaceOnUse"
-      x="0"
-      y="0"
-      width="32"
-      height="32"
-    >
-      <circle cx="16" cy="16" r="16" fill="white" />
-    </mask>
-    <g mask="url(#mask0_0_12744)">
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
-      <mask
-        id="mask1_0_12744"
-        style="mask-type: 'alpha';"
-        maskUnits="userSpaceOnUse"
-        x="3"
-        y="16"
-        width="26"
-        height="26"
-      >
-        <circle cx="16" cy="29" r="13" fill="white" />
-      </mask>
-      <g mask="url(#mask1_0_12744)">
-        <ellipse
-          cx="16"
-          cy="17.5"
-          rx="6"
-          ry="7.5"
-          fill="#505F79"
-          fill-opacity="0.204983"
-        />
-      </g>
-    </g>
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
-    <defs>
-      <linearGradient
-        id="paint0_linear_0_12744"
-        x1="13.347"
-        y1="46.279"
-        x2="33.5318"
-        y2="30.8088"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#ABD229" />
-        <stop offset="1" stop-color="#9CD03F" />
-      </linearGradient>
-    </defs>
+  const avatarGreen = `  <svg\r
+    width="100%"\r
+    height="100%"\r
+    viewBox="0 0 32 32"\r
+    fill="none"\r
+    xmlns="http://www.w3.org/2000/svg"\r
+  >\r
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
+    <mask\r
+      id="mask0_0_12744"\r
+      style="mask-type: 'alpha';"\r
+      maskUnits="userSpaceOnUse"\r
+      x="0"\r
+      y="0"\r
+      width="32"\r
+      height="32"\r
+    >\r
+      <circle cx="16" cy="16" r="16" fill="white" />\r
+    </mask>\r
+    <g mask="url(#mask0_0_12744)">\r
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
+      <mask\r
+        id="mask1_0_12744"\r
+        style="mask-type: 'alpha';"\r
+        maskUnits="userSpaceOnUse"\r
+        x="3"\r
+        y="16"\r
+        width="26"\r
+        height="26"\r
+      >\r
+        <circle cx="16" cy="29" r="13" fill="white" />\r
+      </mask>\r
+      <g mask="url(#mask1_0_12744)">\r
+        <ellipse\r
+          cx="16"\r
+          cy="17.5"\r
+          rx="6"\r
+          ry="7.5"\r
+          fill="#505F79"\r
+          fill-opacity="0.204983"\r
+        />\r
+      </g>\r
+    </g>\r
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
+    <defs>\r
+      <linearGradient\r
+        id="paint0_linear_0_12744"\r
+        x1="13.347"\r
+        y1="46.279"\r
+        x2="33.5318"\r
+        y2="30.8088"\r
+        gradientUnits="userSpaceOnUse"\r
+      >\r
+        <stop stop-color="#ABD229" />\r
+        <stop offset="1" stop-color="#9CD03F" />\r
+      </linearGradient>\r
+    </defs>\r
   </svg>`;
   var complexIcons = {
     avatar: avatarGreen
@@ -21959,6 +21959,9 @@
     active: {},
     editable: {
       cursor: "pointer"
+    },
+    clickable: {
+      cursor: "pointer"
     }
   });
   function _array_like_to_array$9(arr, len) {
@@ -22116,7 +22119,7 @@
       if (uniqueField !== void 0) {
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
       }
-      if (expandableRowComponent !== void 0) {
+      if (trueReactPlatformHelpers.isNotEmpty(expandableRowComponent)) {
         var newNestedComponent = expandableRowComponent(item, true, closeNestedComponent);
         if (!nestedComponent.isOpen && newNestedComponent !== null) {
           updateNestedComponent(newNestedComponent);
@@ -22129,10 +22132,11 @@
       }
     };
     var items = enabledColumns !== null && enabledColumns !== void 0 ? enabledColumns : Object.keys(item);
+    var _obj;
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         /* @__PURE__ */ jsx("tr", _object_spread_props$f(_object_spread$g({
-          className: clsx(classes.root, isActive && classes.active, (onRowClick !== void 0 || onRowHover !== void 0) && classes.editable),
+          className: clsx(classes.root, (_obj = {}, _define_property$h(_obj, classes.active, isActive), _define_property$h(_obj, classes.editable, trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.isNotEmpty(onRowHover)), _define_property$h(_obj, classes.clickable, trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.isNotEmpty(expandableRowComponent)), _obj)),
           onMouseEnter: function(e) {
             if (uniqueField !== void 0 && onRowHover !== void 0) {
               e.stopPropagation();
@@ -22297,6 +22301,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 +22332,7 @@
       if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
         return;
       }
+      setHasScrollBar(hasHorizontalScrollBar(scrollContainer));
       var scrollHandler = function(e) {
         setIsHorizontallyScrolled(e.target.scrollLeft > 0);
       };
@@ -22335,7 +22341,7 @@
         return scrollContainer.removeEventListener("scroll", scrollHandler);
       };
     }, [
-      scrollRef
+      ref
     ]);
     var _activeRows_includes;
     return /* @__PURE__ */ jsx("div", _object_spread_props$e(_object_spread$f({
@@ -22343,7 +22349,7 @@
       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