@true-engineering/true-react-common-ui-kit 3.27.0 → 3.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/README.md +25 -0
  2. package/dist/components/Description/Description.styles.d.ts +1 -1
  3. package/dist/components/FlexibleTable/FlexibleTable.d.ts +5 -5
  4. package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +2 -2
  5. package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +4 -4
  6. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +7 -7
  7. package/dist/components/FlexibleTable/helpers.d.ts +2 -2
  8. package/dist/components/FlexibleTable/types.d.ts +10 -9
  9. package/dist/components/List/components/ListItem/ListItem.d.ts +1 -1
  10. package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
  11. package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
  12. package/dist/helpers/misc.d.ts +2 -0
  13. package/dist/hooks/use-tweak-styles.d.ts +1 -1
  14. package/dist/true-react-common-ui-kit.js +17 -15
  15. package/dist/true-react-common-ui-kit.js.map +1 -1
  16. package/dist/true-react-common-ui-kit.umd.cjs +17 -15
  17. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  18. package/package.json +4 -4
  19. package/src/components/FlexibleTable/FlexibleTable.stories.tsx +3 -2
  20. package/src/components/FlexibleTable/FlexibleTable.tsx +23 -15
  21. package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +25 -19
  22. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +16 -9
  23. package/src/components/FlexibleTable/helpers.ts +6 -3
  24. package/src/components/FlexibleTable/types.ts +14 -9
  25. package/src/components/List/List.styles.ts +1 -0
  26. package/src/components/List/List.tsx +10 -4
  27. package/src/components/List/components/ListItem/ListItem.tsx +1 -1
  28. package/src/helpers/misc.ts +2 -0
  29. package/src/hooks/use-tweak-styles.ts +1 -1
@@ -8189,6 +8189,7 @@
8189
8189
  margin: 0
8190
8190
  },
8191
8191
  nestedItems: {
8192
+ marginTop: -8,
8192
8193
  paddingLeft: 4
8193
8194
  }
8194
8195
  });
@@ -8254,9 +8255,12 @@
8254
8255
  var classes = useStyles$S({
8255
8256
  theme: tweakStyles
8256
8257
  });
8257
- var handleItemClick = function(event, item) {
8258
- item.onClick(event);
8259
- onClick === null || onClick === void 0 ? void 0 : onClick(event);
8258
+ var handleItemClick = function(event, param2) {
8259
+ var itemOnClick = param2.onClick;
8260
+ if (trueReactPlatformHelpers.isNotEmpty(itemOnClick)) {
8261
+ itemOnClick(event);
8262
+ onClick === null || onClick === void 0 ? void 0 : onClick(event);
8263
+ }
8260
8264
  };
8261
8265
  return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
8262
8266
  className: classes.root
@@ -8285,7 +8289,8 @@
8285
8289
  children: /* @__PURE__ */ jsx("div", {
8286
8290
  className: classes.nestedItems,
8287
8291
  children: /* @__PURE__ */ jsx(List, {
8288
- items: item.nestedItems
8292
+ items: item.nestedItems,
8293
+ onClick
8289
8294
  })
8290
8295
  })
8291
8296
  }) : /* @__PURE__ */ jsx(ListItem, _object_spread$W({}, itemProps))
@@ -26004,9 +26009,9 @@
26004
26009
  var classes = useStyles$i({
26005
26010
  theme: tweakStyles
26006
26011
  });
26007
- var _config_columnName;
26008
- 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;
26009
26012
  var value = row[columnName];
26013
+ var _config_columnName;
26014
+ 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;
26010
26015
  var TableCell = renderMode === "divs" ? "div" : "td";
26011
26016
  var _obj2;
26012
26017
  return /* @__PURE__ */ jsx(TableCell, _object_spread_props$j(_object_spread$k({
@@ -26024,12 +26029,10 @@
26024
26029
  children: isLoading ? /* @__PURE__ */ jsx("div", {
26025
26030
  className: classes.skeleton,
26026
26031
  children: /* @__PURE__ */ jsx(Skeleton, {})
26027
- }) : trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
26028
- children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$j(_object_spread$k({}, valueComponentProps), {
26029
- value,
26030
- row
26031
- })) : formatCellContent(value, config[columnName])
26032
- })
26032
+ }) : trueReactPlatformHelpers.isNotEmpty(value) && trueReactPlatformHelpers.applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
26033
+ value,
26034
+ row
26035
+ }))
26033
26036
  }));
26034
26037
  }
26035
26038
  var useStyles$h = createThemedStyles("FlexibleTableRow", {
@@ -26490,7 +26493,6 @@
26490
26493
  className: classes.headerRow,
26491
26494
  children: columns.map(function(key, i) {
26492
26495
  var itemConfig = config === null || config === void 0 ? void 0 : config[key];
26493
- var TitleComponent = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.titleComponent;
26494
26496
  var _itemConfig_titleAlign, _itemConfig_title;
26495
26497
  var _obj2;
26496
26498
  return /* @__PURE__ */ jsx(TableHeader, _object_spread_props$h(_object_spread$i({
@@ -26507,9 +26509,9 @@
26507
26509
  }, addDataAttributes({
26508
26510
  id: (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.shouldRenderDataId) ? key : void 0
26509
26511
  })), {
26510
- children: trueReactPlatformHelpers.isNotEmpty(TitleComponent) ? /* @__PURE__ */ jsx(TitleComponent, {
26512
+ children: trueReactPlatformHelpers.applyAction((_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : "", {
26511
26513
  value: headerContent === null || headerContent === void 0 ? void 0 : headerContent[key]
26512
- }) : (_itemConfig_title = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.title) !== null && _itemConfig_title !== void 0 ? _itemConfig_title : ""
26514
+ })
26513
26515
  }), key);
26514
26516
  })
26515
26517
  })