@true-engineering/true-react-common-ui-kit 4.0.0-alpha18 → 4.0.0-alpha19

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

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
 import { ITableRow, IValueComponentProps, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderContent } from '../../types';
 import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
-export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded' | 'onSetNestedComponent'> {
+export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded'> {
     row: Row;
     columnName: keyof Row;
+    updateNestedComponent: (component: ReactNode, cellKey: keyof Row) => void;
     config: IFlexibleTableConfigType<Row, HeaderContent>;
     renderMode: IFlexibleTableRenderMode;
     isSecond?: boolean;
     isSticky?: boolean;
     isLoading?: boolean;
 }
-export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;
+export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, updateNestedComponent, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;

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

@@ -21,16 +21,16 @@ export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends k
     title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
     component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
     dateFormat?: string;
-    minWidth?: string | number;
-    width?: string | number;
-    maxWidth?: string | number;
+    minWidth?: CSSProperties['minWidth'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
     /** @default 'left' */
     titleAlign?: CSSProperties['textAlign'];
     cellAlign?: CSSProperties['textAlign'];
     cellVerticalAlign?: CSSProperties['verticalAlign'];
     position?: CSSProperties['position'];
-    right?: number;
-    left?: number;
+    right?: CSSProperties['right'];
+    left?: CSSProperties['left'];
     shouldRenderDataId?: boolean;
     /**
      * Проверка, нужно ли отрисовать component
@@ -50,8 +50,8 @@ export interface IInfinityScrollConfig {
     isLastPage: boolean;
     onInfinityScroll: (skip: number) => void;
 }
-export interface INestedComponent {
+export interface INestedComponent<T extends PropertyKey = string> {
     isOpen: boolean;
     component?: ReactNode;
-    cellKey?: string;
+    cellKey?: T;
 }

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

@@ -27165,7 +27165,7 @@ function _object_without_properties_loose$9(source, excluded) {
   return target;
 }
 function FlexibleTableCell(_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$9(_param, [
+  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, updateNestedComponent = _param.updateNestedComponent, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
     "row",
     "columnName",
     "config",
@@ -27173,6 +27173,7 @@ function FlexibleTableCell(_param) {
     "isSecond",
     "isSticky",
     "isLoading",
+    "updateNestedComponent",
     "tweakStyles"
   ]);
   var classes = useStyles$i({
@@ -27184,6 +27185,12 @@ function FlexibleTableCell(_param) {
   var isSticky = isOldSticky || position === "sticky";
   var isClickable = !isLoading && isNotEmpty(onCellClick);
   var cellComponentProps = _object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+    onSetNestedComponent: useCallback(function(node) {
+      return updateNestedComponent(node, columnName);
+    }, [
+      columnName,
+      updateNestedComponent
+    ]),
     value,
     row
   });
@@ -27382,7 +27389,7 @@ function FlexibleTableRowInner(param) {
       isOpen: false
     });
   };
-  var updateNestedComponent = function(component, cellKey) {
+  var updateNestedComponent = useCallback(function(component, cellKey) {
     if (isEmpty(component)) {
       closeNestedComponent();
     } else {
@@ -27392,7 +27399,7 @@ function FlexibleTableRowInner(param) {
         cellKey
       });
     }
-  };
+  }, []);
   var handleRowClick = function() {
     if (isNotEmpty(uniqueField)) {
       onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
@@ -27439,9 +27446,7 @@ function FlexibleTableRowInner(param) {
             isActiveRow: isActive,
             isNestedComponentExpanded: isNestedComponentExpanded && nestedComponentCellKey === key,
             isRowNestedComponentExpanded: isNestedComponentExpanded && isEmpty(nestedComponentCellKey),
-            onSetNestedComponent: function(component) {
-              return updateNestedComponent(component, key);
-            }
+            updateNestedComponent
           }, key);
         })
       })),