@true-engineering/true-react-common-ui-kit 3.38.0 → 3.39.0

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

@@ -25943,6 +25943,9 @@
     loading: {},
     skeleton: {
       height: 21
+    },
+    clickable: {
+      cursor: "pointer"
     }
   });
   function _define_property$l(obj, key, value) {
@@ -26045,12 +26048,17 @@
     });
     var value = row[columnName];
     var _config_columnName;
-    var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, _ref_component = _ref.component, component = _ref_component === void 0 ? formatCellContent(value, config[columnName]) : _ref_component, width = _ref.width, maxWidth = _ref.maxWidth, minWidth = _ref.minWidth, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId, _ref_shouldRenderComponent = _ref.shouldRenderComponent, shouldRenderComponent = _ref_shouldRenderComponent === void 0 ? trueReactPlatformHelpers.isNotEmpty : _ref_shouldRenderComponent;
+    var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, _ref_component = _ref.component, component = _ref_component === void 0 ? formatCellContent(value, config[columnName]) : _ref_component, width = _ref.width, maxWidth = _ref.maxWidth, minWidth = _ref.minWidth, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId, _ref_shouldRenderComponent = _ref.shouldRenderComponent, shouldRenderComponent = _ref_shouldRenderComponent === void 0 ? trueReactPlatformHelpers.isNotEmpty : _ref_shouldRenderComponent, onCellClick = _ref.onCellClick;
     var isSticky = isOldSticky || position === "sticky";
+    var isClickable = !isLoading && trueReactPlatformHelpers.isNotEmpty(onCellClick);
+    var cellComponentProps = _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
+      value,
+      row
+    });
     var Table = TableRenders[renderMode];
     var _obj2;
     return /* @__PURE__ */ jsx(Table.Cell, _object_spread_props$j(_object_spread$k({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$l(_obj2, classes.sticky, isSticky), _define_property$l(_obj2, classes.second, isSecond), _define_property$l(_obj2, classes.loading, isLoading), _obj2)),
+      className: clsx(classes.root, (_obj2 = {}, _define_property$l(_obj2, classes.sticky, isSticky), _define_property$l(_obj2, classes.second, isSecond), _define_property$l(_obj2, classes.loading, isLoading), _define_property$l(_obj2, classes.clickable, isClickable), _obj2)),
       style: {
         textAlign: cellAlign,
         position: isSticky ? "sticky" : position,
@@ -26060,17 +26068,17 @@
         right: right2,
         left: left2,
         verticalAlign: cellVerticalAlign
-      }
+      },
+      onClick: isClickable ? function(event) {
+        return onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(event, cellComponentProps);
+      } : void 0
     }, addDataAttributes({
       id: shouldRenderDataId ? columnName : void 0
     })), {
       children: isLoading ? /* @__PURE__ */ jsx("div", {
         className: classes.skeleton,
         children: /* @__PURE__ */ jsx(Skeleton, {})
-      }) : trueReactPlatformHelpers.applyAction(shouldRenderComponent, value, row, columnName) && trueReactPlatformHelpers.applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
-        value,
-        row
-      }))
+      }) : trueReactPlatformHelpers.applyAction(shouldRenderComponent, value, row, columnName) && trueReactPlatformHelpers.applyAction(component, cellComponentProps)
     }));
   }
   var useStyles$h = createThemedStyles("FlexibleTableRow", {