react-table-edit 1.4.37 → 1.4.39

package/dist/component/table/index.d.ts

@@ -14,8 +14,6 @@ export type IFTableEditProps = {
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
-    isTree?: boolean;
-    fieldChildren?: string;
     formatSetting?: IFTableEditFormat;
     pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
@@ -26,6 +24,13 @@ export type IFTableEditProps = {
     allowFilter?: boolean;
     allowOrder?: boolean;
     optionsFilter?: any;
+    settingColumns?: {
+        field: string;
+        headerText?: string;
+        visible?: boolean;
+        fixedType?: "left" | "right";
+        width?: number | string;
+    }[];
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;

package/dist/component/utils.d.ts

@@ -37,7 +37,13 @@ export declare const FindNodeByPath: (tree: any[], path: string) => {
  *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
  * }
  */
-export declare const calculateTableStructure: (columns: any[]) => {
+export declare const calculateTableStructure: (columns: any[], settingColumns?: {
+    field: string;
+    headerText?: string;
+    visible?: boolean;
+    fixedType?: "left" | "right";
+    width?: number | string;
+}[]) => {
     levels: any[][];
     flat: any[];
     flatVisble: any[];

package/dist/index.d.ts

@@ -402,8 +402,6 @@ type IFTableEditProps = {
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
-    isTree?: boolean;
-    fieldChildren?: string;
     formatSetting?: IFTableEditFormat;
     pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
@@ -414,6 +412,13 @@ type IFTableEditProps = {
     allowFilter?: boolean;
     allowOrder?: boolean;
     optionsFilter?: any;
+    settingColumns?: {
+        field: string;
+        headerText?: string;
+        visible?: boolean;
+        fixedType?: "left" | "right";
+        width?: number | string;
+    }[];
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
@@ -481,7 +486,13 @@ declare const FindNodeByPath: (tree: any[], path: string) => {
  *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
  * }
  */
-declare const calculateTableStructure: (columns: any[]) => {
+declare const calculateTableStructure: (columns: any[], settingColumns?: {
+    field: string;
+    headerText?: string;
+    visible?: boolean;
+    fixedType?: "left" | "right";
+    width?: number | string;
+}[]) => {
     levels: any[][];
     flat: any[];
     flatVisble: any[];

package/dist/index.js

@@ -17682,7 +17682,7 @@ const FindNodeByPath = (tree, path) => {
  *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
  * }
  */
-const calculateTableStructure = (columns) => {
+const calculateTableStructure = (columns, settingColumns) => {
     const levels = [];
     const flat = [];
     const objWidthFixLeft = {};
@@ -17720,6 +17720,21 @@ const calculateTableStructure = (columns) => {
                 colspan,
                 rowspan: hasChildren ? 1 : maxDepth - level
             };
+            if (settingColumns && settingColumns.length > 0) {
+                const column = settingColumns.find((y) => y.field === cell.field);
+                if (column) {
+                    cell.visible = column.visible;
+                    if (column.fixedType) {
+                        cell.fixedType = column.fixedType;
+                    }
+                    if (column.width) {
+                        cell.width = column.width;
+                    }
+                }
+                else {
+                    cell.visible = false;
+                }
+            }
             levels[level].push(cell);
             const headerKey = `${level}-${indexCol}`;
             if (col.fixedType === "left" && col.visible !== false) {
@@ -42824,7 +42839,7 @@ const ToolbarBottom = ({ handleAdd, handleDuplicate, handleInsertBefore, handleI
 
 const TableEdit = React$5.forwardRef((props, ref) => {
     const { t } = reactI18next.useTranslation();
-    const { idTable, dataSource, columns, pagingSetting, setDataSource, height, maxHeight, minHeight, defaultValue, toolbarSetting, searchSetting, selectedItem, selectEnable, editDisable, addDisable, buttonSetting, formatSetting, haveSum, isMulti, disableAutoKey, commandClick, dataSourceChange, rowChange, setSelectedItem, handleSelect, onDuplicate, saveSettingColumn, allowFilter = true, allowOrder, optionsFilter } = props;
+    const { idTable, dataSource, columns, pagingSetting, setDataSource, height, maxHeight, minHeight, defaultValue, toolbarSetting, searchSetting, selectedItem, selectEnable, editDisable, addDisable, buttonSetting, formatSetting, haveSum, isMulti, disableAutoKey, commandClick, dataSourceChange, rowChange, setSelectedItem, handleSelect, onDuplicate, saveSettingColumn, allowFilter = true, allowOrder, settingColumns, optionsFilter } = props;
     React$5.useImperativeHandle(ref, () => {
         return {
             refeshFocusRow: handleRefeshRow
@@ -42837,7 +42852,6 @@ const TableEdit = React$5.forwardRef((props, ref) => {
     const [searchTerm, setSearchTerm] = React$5.useState("");
     const [orderBy, setOrderBy] = React$5.useState([]);
     const [filterBy, setFilterBy] = React$5.useState([]);
-    const [refreshColumns, setRefreshColumns] = React$5.useState(false);
     const tableElement = React$5.useRef(null);
     const gridRef = React$5.useRef(null);
     const totalCount = dataSource.length;
@@ -42851,8 +42865,8 @@ const TableEdit = React$5.forwardRef((props, ref) => {
         }
     }, [dataSource]);
     const { levels: headerColumns, flat: contentColumns, flatVisble, objWidthFixLeft, objWidthFixRight, lastObjWidthFixLeft, fisrtObjWidthFixRight, objHeaderWidthFixLeft, objHeaderWidthFixRight, indexFirstEdit: indexFirstEdit, indexLastEdit: indexLastEdit } = React$5.useMemo(() => {
-        return calculateTableStructure(columns);
-    }, [columns, refreshColumns]);
+        return calculateTableStructure(columns, settingColumns);
+    }, [columns, settingColumns]);
     const handleRefeshRow = () => {
         setRefreshRow(true);
         setTimeout(() => {
@@ -43691,15 +43705,9 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                                                             }, changeOrder: (val) => {
                                                                 setOrderBy([...val]);
                                                             }, columns: contentColumns, setColumns: (newColumns) => {
-                                                                newColumns.forEach((x) => {
-                                                                    const column = columns.find((y) => y.field === x.field);
-                                                                    if (column) {
-                                                                        column.visible = x.visible;
-                                                                        column.fixedType = x.fixedType;
-                                                                        column.width = x.width;
-                                                                    }
-                                                                });
-                                                                setRefreshColumns(!refreshColumns);
+                                                                if (saveSettingColumn) {
+                                                                    saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width })));
+                                                                }
                                                             }, fisrtObjWidthFixRight: fisrtObjWidthFixRight, lastObjWidthFixLeft: lastObjWidthFixLeft, totalCount: totalCount }, `header-${indexParent}-${index}`));
                                                     }) }, `header-${-indexParent}`));
                                             }) }), jsxRuntime.jsx("tbody", { className: "r-gridcontent", role: "rowgroup", children: dataSource.map((row, indexRow) => {
@@ -43726,18 +43734,8 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                     setOpenPopupSetupColumn(!openPopupSetupColumn);
                 }, openSidebar: openPopupSetupColumn, column: [...contentColumns], setColumn: (newColumns) => {
                     if (saveSettingColumn) {
-                        console.log(newColumns);
                         saveSettingColumn(newColumns.map((x) => ({ field: x.field, headerText: x.headerText, visible: x.visible, fixedType: x.fixedType, width: x.width })));
                     }
-                    newColumns.forEach((x) => {
-                        const column = columns.find((y) => y.field === x.field);
-                        if (column) {
-                            column.visible = x.visible;
-                            column.fixedType = x.fixedType;
-                            column.width = x.width;
-                        }
-                    });
-                    setRefreshColumns(!refreshColumns);
                 } })] }));
 });