es-grid-template 1.8.94 → 1.8.96

package/es/group-component/hook/utils.d.ts

@@ -162,7 +162,7 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
     type?: IColumnType;
     haveSum?: boolean;
     isSummary?: boolean;
-    summaryTemplate?: (data: number, key: string) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode;
+    summaryTemplate?: (data: number, key: string) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     format?: IFormat | ((rowData: any) => IFormat);
     allowFiltering?: boolean;
     sorter?: boolean;
@@ -177,18 +177,18 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
     headerText?: string;
     hidden?: boolean;
     visible?: boolean;
-    headerTooltip?: string | boolean | (() => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
+    headerTooltip?: string | boolean | (() => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
     columnGroupText?: string;
     align?: import("./../../grid-component/type").ITextAlign;
     textAlign?: import("./../../grid-component/type").ITextAlign;
     headerTextAlign?: import("./../../grid-component/type").ITextAlign;
-    template?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
+    template?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
     showTooltip?: boolean;
     tooltipDescription?: string | ((args: {
         value: any;
         rowData: RecordType;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
-    headerTemplate?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((column: ColumnTable<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
+    }) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
+    headerTemplate?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((column: ColumnTable<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
     commandItems?: import("./../../grid-component/type").CommandItem[];
     children?: ColumnTable<RecordType>[];
     editType?: EditType | ((rowData?: RecordType) => EditType);
@@ -208,9 +208,9 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
     ellipsis?: boolean;
     allowResizing?: boolean;
     allowSelection?: boolean | ((rowData: RecordType) => boolean);
-    onCellStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
-    onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
-    onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
+    onCellStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
+    onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
+    onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
     sumGroup?: boolean;
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;

package/es/table-component/body/TableBodyRow.js

@@ -76,14 +76,15 @@ const TableBodyRow = ({
       });
     },
     onContextMenu: e => {
-      if (contextMenuItems && contextMenuItems.length) {
-        const cell = e.target.closest('[data-col-key]');
-        const colKey = cell?.getAttribute('data-col-key');
-        onContextMenu?.({
-          rowData: row.original,
-          field: colKey
-        })(e);
-      }
+      // if (contextMenuItems && contextMenuItems.length) {
+
+      const cell = e.target.closest('[data-col-key]');
+      const colKey = cell?.getAttribute('data-col-key');
+      onContextMenu?.({
+        rowData: row.original,
+        field: colKey
+      })(e);
+      // }
     }
   }, fixedLeftColumns.length > 0 ? fixedLeftColumns.map(column => {
     const cell = row.getVisibleCells().find(c => c.column.id === column.id);

package/es/table-component/table/Grid.js

@@ -218,7 +218,7 @@ const Grid = props => {
         selected: rs
       });
     }
-  }, [isSelectionChange, rowSelected, rowSelection, table]);
+  }, [isSelectionChange, rowSelection, table.getState().rowSelection]);
   React.useEffect(() => {
     if (sorterChange) {
       const aa = table.getState().sorting;

package/es/table-component/table/TableWrapper.js

@@ -153,24 +153,6 @@ const TableWrapper = props => {
         y
       }));
     }, 100);
-
-    // if (!menuVisible) {
-
-    //   document.addEventListener(`click`, function onClickOutside(e) {
-    //     const element: any = e.target
-    //     const menuContainer = document.querySelector('.popup-context-menu')
-
-    //     const isInsideContainer = element.closest('.popup-context-menu') && menuContainer
-
-    //     if (isInsideContainer) {
-    //       return
-    //     }
-    //     setMenuVisible(false)
-    //     setPosition(prevState => ({ ...prevState, x: undefined, y: undefined }))
-    //     document.removeEventListener(`click`, onClickOutside)
-    //   })
-
-    // }
   };
   React.useEffect(() => {
     const handleClickOutside = event => {

package/lib/table-component/body/TableBodyRow.js

@@ -83,14 +83,15 @@ const TableBodyRow = ({
       });
     },
     onContextMenu: e => {
-      if (contextMenuItems && contextMenuItems.length) {
-        const cell = e.target.closest('[data-col-key]');
-        const colKey = cell?.getAttribute('data-col-key');
-        onContextMenu?.({
-          rowData: row.original,
-          field: colKey
-        })(e);
-      }
+      // if (contextMenuItems && contextMenuItems.length) {
+
+      const cell = e.target.closest('[data-col-key]');
+      const colKey = cell?.getAttribute('data-col-key');
+      onContextMenu?.({
+        rowData: row.original,
+        field: colKey
+      })(e);
+      // }
     }
   }, fixedLeftColumns.length > 0 ? fixedLeftColumns.map(column => {
     const cell = row.getVisibleCells().find(c => c.column.id === column.id);

package/lib/table-component/table/Grid.js

@@ -223,7 +223,7 @@ const Grid = props => {
         selected: rs
       });
     }
-  }, [isSelectionChange, rowSelected, rowSelection, table]);
+  }, [isSelectionChange, rowSelection, table.getState().rowSelection]);
   _react.default.useEffect(() => {
     if (sorterChange) {
       const aa = table.getState().sorting;

package/lib/table-component/table/TableWrapper.js

@@ -162,24 +162,6 @@ const TableWrapper = props => {
         y
       }));
     }, 100);
-
-    // if (!menuVisible) {
-
-    //   document.addEventListener(`click`, function onClickOutside(e) {
-    //     const element: any = e.target
-    //     const menuContainer = document.querySelector('.popup-context-menu')
-
-    //     const isInsideContainer = element.closest('.popup-context-menu') && menuContainer
-
-    //     if (isInsideContainer) {
-    //       return
-    //     }
-    //     setMenuVisible(false)
-    //     setPosition(prevState => ({ ...prevState, x: undefined, y: undefined }))
-    //     document.removeEventListener(`click`, onClickOutside)
-    //   })
-
-    // }
   };
   _react.default.useEffect(() => {
     const handleClickOutside = event => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "1.8.94",
+  "version": "1.8.96",
   "description": "es-grid-template",
   "keywords": [
     "react",