react-table-edit 1.4.37 → 1.4.38

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,17 @@ 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;
+                    cell.fixedType = column.fixedType;
+                    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 +42835,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
@@ -42851,8 +42862,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, refreshColumns]);
     const handleRefeshRow = () => {
         setRefreshRow(true);
         setTimeout(() => {