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

package/README.md

@@ -11,6 +11,12 @@
 
 # Release Notes
 
+## 3.39.0
+
+### Changes
+
+- **FlexibleTableCell**: Добавляет `onCellClick` в `config`
+
 ## 3.38.0
 
 ### Changes

package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "loading" | "second" | "skeleton", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "loading" | "clickable" | "second" | "skeleton", unknown>;
 export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;

package/dist/components/FlexibleTable/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { IRenderNode } from '../../types';
 export type IFlexibleTableRenderMode = 'table' | 'divs';
 export type IFlexibleTableRender = Record<'Root' | 'Head' | 'Body' | 'Row' | 'Header' | 'Cell', keyof JSX.IntrinsicElements>;
@@ -16,6 +16,7 @@ export interface IValueComponentProps<Values, Value> {
     isRowNestedComponentExpanded: boolean;
     onSetNestedComponent: (component?: ReactNode) => void;
 }
+export type ICellClickHandler<Values, Value> = (event: MouseEvent, cellComponentProps: IValueComponentProps<Values, Value>) => void;
 export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends keyof Values, HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>> {
     title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
     component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
@@ -37,6 +38,7 @@ export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends k
      * @default isNotEmpty
      */
     shouldRenderComponent?: boolean | ((value: Values[Key], values: Values, key: Key) => boolean);
+    onCellClick?: ICellClickHandler<Values, Values[Key]>;
 }
 export type IFlexibleTableConfigType<Values extends ITableRow, HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>> = {
     [Key in keyof Values]?: IFlexibleTableRowConfig<Values, Key, HeaderContent>;

package/dist/true-react-common-ui-kit.js

@@ -25955,6 +25955,9 @@ var useStyles$i = createThemedStyles("FlexibleTableCell", {
   loading: {},
   skeleton: {
     height: 21
+  },
+  clickable: {
+    cursor: "pointer"
   }
 });
 function _define_property$l(obj, key, value) {
@@ -26057,12 +26060,17 @@ function FlexibleTableCell(_param) {
   });
   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 ? 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 ? isNotEmpty : _ref_shouldRenderComponent, onCellClick = _ref.onCellClick;
   var isSticky = isOldSticky || position === "sticky";
+  var isClickable = !isLoading && 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,
@@ -26072,17 +26080,17 @@ function FlexibleTableCell(_param) {
       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, {})
-    }) : applyAction(shouldRenderComponent, value, row, columnName) && applyAction(component, _object_spread_props$j(_object_spread$k({}, valueComponentProps), {
-      value,
-      row
-    }))
+    }) : applyAction(shouldRenderComponent, value, row, columnName) && applyAction(component, cellComponentProps)
   }));
 }
 var useStyles$h = createThemedStyles("FlexibleTableRow", {