@true-engineering/true-react-common-ui-kit 3.27.1 → 3.28.2

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

@@ -8255,9 +8255,12 @@
     var classes = useStyles$S({
       theme: tweakStyles
     });
-    var handleItemClick = function(event, item) {
-      item.onClick(event);
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    var handleItemClick = function(event, param2) {
+      var itemOnClick = param2.onClick;
+      if (trueReactPlatformHelpers.isNotEmpty(itemOnClick)) {
+        itemOnClick(event);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      }
     };
     return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
       className: classes.root
@@ -8266,6 +8269,8 @@
         var itemProps = _object_spread_props$N(_object_spread$W({
           testId: trueReactPlatformHelpers.getTestId(item.testId, "item-".concat(i))
         }, item), {
+          shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
+          shouldDrawSpacerBelow: item.shouldDrawSpacerBelow && i !== items.length - 1,
           onClick: function(event) {
             return handleItemClick(event, item);
           }
@@ -8286,7 +8291,8 @@
             children: /* @__PURE__ */ jsx("div", {
               className: classes.nestedItems,
               children: /* @__PURE__ */ jsx(List, {
-                items: item.nestedItems
+                items: item.nestedItems,
+                onClick
               })
             })
           }) : /* @__PURE__ */ jsx(ListItem, _object_spread$W({}, itemProps))
@@ -26005,9 +26011,9 @@
     var classes = useStyles$i({
       theme: tweakStyles
     });
-    var _config_columnName;
-    var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, component = _ref.component, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId;
     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 TableCell = renderMode === "divs" ? "div" : "td";
     var _obj2;
     return /* @__PURE__ */ jsx(TableCell, _object_spread_props$j(_object_spread$k({
@@ -26025,12 +26031,10 @@
       children: isLoading ? /* @__PURE__ */ jsx("div", {
         className: classes.skeleton,
         children: /* @__PURE__ */ jsx(Skeleton, {})
-      }) : trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
-        children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$j(_object_spread$k({}, valueComponentProps), {
-          value,
-          row
-        })) : formatCellContent(value, config[columnName])
-      })
+      }) : trueReactPlatformHelpers.isNotEmpty(value) && trueReactPlatformHelpers.applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
+        value,
+        row
+      }))
     }));
   }
   var useStyles$h = createThemedStyles("FlexibleTableRow", {
@@ -26491,7 +26495,6 @@
               className: classes.headerRow,
               children: columns.map(function(key, i) {
                 var itemConfig = config === null || config === void 0 ? void 0 : config[key];
-                var TitleComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleComponent;
                 var _itemConfig_titleAlign, _itemConfig_title;
                 var _obj2;
                 return /* @__PURE__ */ jsx(TableHeader, _object_spread_props$h(_object_spread$i({
@@ -26508,9 +26511,9 @@
                 }, addDataAttributes({
                   id: (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.shouldRenderDataId) ? key : void 0
                 })), {
-                  children: trueReactPlatformHelpers.isNotEmpty(TitleComponent) ? /* @__PURE__ */ jsx(TitleComponent, {
+                  children: trueReactPlatformHelpers.applyAction((_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "", {
                     value: headerContent === null || headerContent === void 0 ? void 0 : headerContent[key]
-                  }) : (_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : ""
+                  })
                 }), key);
               })
             })