@true-engineering/true-react-common-ui-kit 3.33.0 → 3.33.2

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

@@ -25926,7 +25926,8 @@
     sticky: _object_spread_props$k(_object_spread$l({
       zIndex: 19,
       paddingLeft: 24,
-      paddingRight: 12
+      paddingRight: 12,
+      left: 0
     }, trueReactPlatformHelpers.getTransition([
       "box-shadow"
     ])), {
@@ -26027,7 +26028,7 @@
     return target;
   }
   function FlexibleTableCell(_param) {
-    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
+    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
       "row",
       "columnName",
       "config",
@@ -26042,7 +26043,8 @@
     });
     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, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId;
+    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, 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 isSticky = isOldSticky || position === "sticky";
     var Table = TableRenders[renderMode];
     var _obj2;
     return /* @__PURE__ */ jsx(Table.Cell, _object_spread_props$j(_object_spread$k({
@@ -26051,7 +26053,7 @@
         textAlign: cellAlign,
         position: isSticky ? "sticky" : position,
         right: right2,
-        left: isSticky ? 0 : left2,
+        left: left2,
         verticalAlign: cellVerticalAlign
       }
     }, addDataAttributes({
@@ -26060,7 +26062,7 @@
       children: isLoading ? /* @__PURE__ */ jsx("div", {
         className: classes.skeleton,
         children: /* @__PURE__ */ jsx(Skeleton, {})
-      }) : trueReactPlatformHelpers.isNotEmpty(value) && trueReactPlatformHelpers.applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
+      }) : trueReactPlatformHelpers.applyAction(shouldRenderComponent, value, row, columnName) && trueReactPlatformHelpers.applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
         value,
         row
       }))
@@ -26535,24 +26537,28 @@
             children: /* @__PURE__ */ jsx(Table.Row, {
               className: classes.headerRow,
               children: columns.map(function(key, i) {
-                var itemConfig = config === null || config === void 0 ? void 0 : config[key];
-                var _itemConfig_titleAlign, _itemConfig_title;
+                var _config_key;
+                var _ref = (_config_key = config === null || config === void 0 ? void 0 : config[key]) !== null && _config_key !== void 0 ? _config_key : {}, position = _ref.position, minWidth = _ref.minWidth, width = _ref.width, maxWidth = _ref.maxWidth, _ref_titleAlign = _ref.titleAlign, titleAlign = _ref_titleAlign === void 0 ? "left" : _ref_titleAlign, right2 = _ref.right, left2 = _ref.left, _ref_title = _ref.title, title = _ref_title === void 0 ? "" : _ref_title, shouldRenderDataId = _ref.shouldRenderDataId;
+                var isSticky = position === "sticky" || isFirstColumnSticky && i === 0;
                 var _obj2;
                 return /* @__PURE__ */ jsx(Table.Header, _object_spread_props$h(_object_spread$i({
-                  className: clsx(classes.header, (_obj2 = {}, _define_property$j(_obj2, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$j(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
+                  className: clsx(classes.header, (_obj2 = {}, _define_property$j(_obj2, classes.headerSticky, isSticky), _define_property$j(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
                   style: {
-                    minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
-                    width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
-                    maxWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.maxWidth,
-                    textAlign: (_itemConfig_titleAlign = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleAlign) !== null && _itemConfig_titleAlign !== void 0 ? _itemConfig_titleAlign : "left"
+                    minWidth,
+                    width,
+                    maxWidth,
+                    textAlign: titleAlign,
+                    position: isSticky ? "sticky" : position,
+                    right: right2,
+                    left: left2
                   },
                   onClick: trueReactPlatformHelpers.isNotEmpty(onHeadClick) ? function() {
                     return onHeadClick(key);
                   } : void 0
                 }, addDataAttributes({
-                  id: (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.shouldRenderDataId) ? key : void 0
+                  id: shouldRenderDataId ? key : void 0
                 })), {
-                  children: trueReactPlatformHelpers.applyAction((_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "", {
+                  children: trueReactPlatformHelpers.applyAction(title, {
                     value: headerContent === null || headerContent === void 0 ? void 0 : headerContent[key]
                   })
                 }), key);