@true-engineering/true-react-common-ui-kit 3.0.0-alpha.15 → 3.0.0-alpha.16

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

@@ -21731,6 +21731,20 @@
     });
   };
   var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
+  function _instanceof(left2, right2) {
+    if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
+      return !!right2[Symbol.hasInstance](left2);
+    } else {
+      return left2 instanceof right2;
+    }
+  }
+  var hasHorizontalScrollBar = function(el) {
+    return trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
+  };
+  var _config_dateFormat;
+  var formatCellContent = function(value, config) {
+    return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
+  };
   var STICKY_SHADOW_PADDING = 12;
   var useStyles$h = createThemedStyles("FlexibleTable", {
     root: {
@@ -21909,47 +21923,34 @@
     }
     return obj;
   }
-  function _instanceof(left2, right2) {
-    if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
-      return !!right2[Symbol.hasInstance](left2);
-    } else {
-      return left2 instanceof right2;
-    }
-  }
   function FlexibleTableCell(param) {
     var item = param.item, columnName = param.columnName, config = param.config, isFocusedRow = param.isFocusedRow, isSecond = param.isSecond, isSticky = param.isSticky, isNestedComponentExpanded = param.isNestedComponentExpanded, isRowNestedComponentExpanded = param.isRowNestedComponentExpanded, tweakStyles = param.tweakStyles, onSetNestedComponent = param.onSetNestedComponent;
     var classes = useStyles$g({
       theme: tweakStyles
     });
-    var itemConfig = config === null || config === void 0 ? void 0 : config[columnName];
+    var _config_columnName;
+    var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, component = _ref.component, cellAlign = _ref.cellAlign, position = _ref.position, right2 = _ref.right, left2 = _ref.left, cellVerticalAlign = _ref.cellVerticalAlign;
     var value = item[columnName];
-    var content = null;
-    if (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component) {
-      var ValueComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.component;
-      content = ValueComponent({
-        value,
-        row: item,
-        isFocusedRow,
-        isNestedComponentExpanded,
-        isRowNestedComponentExpanded,
-        onSetNestedComponent
-      });
-    } else if (typeof value === "string" || typeof value === "number") {
-      content = value;
-    } else if (_instanceof(value, Date)) {
-      content = dateFns.format(value, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.dateFormat) || DEFAULT_DATE_FORMAT);
-    }
     var _obj;
     return /* @__PURE__ */ jsx("td", {
       className: clsx(classes.root, (_obj = {}, _define_property$i(_obj, classes.sticky, isSticky), _define_property$i(_obj, classes.second, isSecond), _obj)),
       style: {
-        textAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellAlign,
-        position: isSticky ? "sticky" : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.position,
-        right: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.right,
-        left: isSticky ? 0 : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.left,
-        verticalAlign: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.cellVerticalAlign
+        textAlign: cellAlign,
+        position: isSticky ? "sticky" : position,
+        right: right2,
+        left: isSticky ? 0 : left2,
+        verticalAlign: cellVerticalAlign
       },
-      children: content
+      children: trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
+        children: trueReactPlatformHelpers.isNotEmpty(component) ? component({
+          value,
+          row: item,
+          isFocusedRow,
+          isNestedComponentExpanded,
+          isRowNestedComponentExpanded,
+          onSetNestedComponent
+        }) : formatCellContent(value, config[columnName])
+      })
     }, columnName);
   }
   var useStyles$f = createThemedStyles("FlexibleTableRow", {
@@ -22177,9 +22178,6 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.memo(FlexibleTableRowInner);
-  var hasHorizontalScrollBar = function(el) {
-    return trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
-  };
   function _array_like_to_array$8(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;