react-table-edit 1.5.32 → 1.5.33

package/dist/component/utils.d.ts

@@ -56,3 +56,4 @@ export declare const calculateTableStructure: (columns: any[], settingColumns?:
  */
 export declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;
 export declare const getMaxExpandedLevel: (items: any[], fieldChildren?: string, level?: number) => number;
+export declare const findItemInTree: (items: any[], filter: string, keyFilter?: string, keyChildren?: string) => any;

package/dist/index.d.ts

@@ -802,6 +802,7 @@ declare const calculateTableStructure: (columns: any[], settingColumns?: IFSetti
  */
 declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;
 declare const getMaxExpandedLevel: (items: any[], fieldChildren?: string, level?: number) => number;
+declare const findItemInTree: (items: any[], filter: string, keyFilter?: string, keyChildren?: string) => any;
 
 type IFSteps = {
     id: string;
@@ -829,5 +830,5 @@ type IFProps = {
 };
 declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
 
-export { CheckRowMatch, ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, getMaxExpandedLevel, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+export { CheckRowMatch, ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, findItemInTree, formartNumberic, formatDateTime, generateUUID, getMaxExpandedLevel, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
 export type { FromItemsField, ICellInfo, IColumnTable, IColumnType, IColumnsAgg, ICommandItem, IContextItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IFilterType, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };

package/dist/index.js

@@ -19813,10 +19813,7 @@ const isNullOrUndefined$1 = (d) => {
 const generateUUID = () => {
     // Public Domain/MIT
     let d = new Date().getTime(); //Timestamp
-    let d2 = (typeof performance !== 'undefined' &&
-        performance.now &&
-        performance.now() * 1000) ||
-        0; //Time in microseconds since page-load or 0 if unsupported
+    let d2 = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0; //Time in microseconds since page-load or 0 if unsupported
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
         let r = Math.random() * 16; //random number between 0 and 16
         if (d > 0) {
@@ -19848,16 +19845,12 @@ const formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10
     // eslint-disable-next-line
     if (str || str == '0') {
         str = str.toString();
-        const value = decimalSeparator !== '.'
-            ? str.toString().replaceAll('.', decimalSeparator ?? '')
-            : str;
+        const value = decimalSeparator !== '.' ? str.toString().replaceAll('.', decimalSeparator ?? '') : str;
         const arr = value.toString().split(decimalSeparator ?? '', 2);
         let flag = value.toString().includes(decimalSeparator ?? '');
         if (arr[0].length < 3) {
             const intergerArr = haveNegative ? arr[0] : arr[0].replace('-', '');
-            return flag
-                ? `${intergerArr}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ''}`
-                : intergerArr;
+            return flag ? `${intergerArr}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ''}` : intergerArr;
         }
         else {
             let flagNegative = false;
@@ -19881,9 +19874,7 @@ const formartNumberic = (str, decimalSeparator, thousandSeparator, fraction = 10
             if (flagNegative && haveNegative) {
                 arr[0] = '-'.concat(arr[0]);
             }
-            return flag
-                ? `${arr[0]}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ''}`
-                : arr[0];
+            return flag ? `${arr[0]}${decimalSeparator}${arr[1]?.substring(0, fraction) ?? ''}` : arr[0];
         }
     }
     else {
@@ -19906,7 +19897,7 @@ const formatDateTime = (data, format = 'dd/MM/yyyy') => {
         MM: String(date.getMonth() + 1).padStart(2, '0'),
         yyyy: date.getFullYear(),
         HH: String(date.getHours()).padStart(2, '0'),
-        mm: String(date.getMinutes()).padStart(2, '0'),
+        mm: String(date.getMinutes()).padStart(2, '0')
     };
     return format.replace(/dd|DD|MM|yyyy|HH|mm/g, (match) => map[match]);
 };
@@ -19927,7 +19918,7 @@ const FindNodeByPath = (tree, path) => {
         parent: current,
         lastIndex: levels.at(-1),
         firstIndex: levels.length === 1 ? levels[0] : -1,
-        node,
+        node
     };
 };
 /**
@@ -19955,7 +19946,7 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
     const objHeaderWidthFixLeft = {};
     let maxDepth = 0;
     // Tính depth tối đa
-    const calculateDepth = (cols, depth = 1) => Math.max(...cols.map((col) => col.columns?.length ? calculateDepth(col.columns, depth + 1) : depth));
+    const calculateDepth = (cols, depth = 1) => Math.max(...cols.map((col) => (col.columns?.length ? calculateDepth(col.columns, depth + 1) : depth)));
     maxDepth = calculateDepth(columns);
     let leftTotal = 0;
     let rightTotal = 0;
@@ -19992,8 +19983,7 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
                         cell.numericSettings = { fraction: setting.fraction };
                     }
                 }
-                cell.headerDisplay =
-                    setting.headerText || (cell.headerDisplay ?? cell.headerText);
+                cell.headerDisplay = setting.headerText || (cell.headerDisplay ?? cell.headerText);
             }
             else {
                 if (cell.columns?.length) {
@@ -20029,13 +20019,11 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
                 ...col,
                 columns: col.columns ?? [],
                 colspan,
-                rowspan: hasChildren ? 1 : maxDepth - level,
+                rowspan: hasChildren ? 1 : maxDepth - level
             };
             levels[level].push(cell);
             const headerKey = `${level}-${indexCol}`;
-            if (cell.fixedType === 'left' &&
-                cell.visible !== false &&
-                cell.isGroup !== true) {
+            if (cell.fixedType === 'left' && cell.visible !== false && cell.isGroup !== true) {
                 objHeaderWidthFixLeft[headerKey] = leftTotal;
             }
             if (!hasChildren) {
@@ -20043,22 +20031,16 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
                 const width = cell.width ?? 40;
                 cell.index = index;
                 flat.push(cell);
-                if (cell.fixedType === 'left' &&
-                    cell.visible !== false &&
-                    cell.isGroup !== true) {
+                if (cell.fixedType === 'left' && cell.visible !== false && cell.isGroup !== true) {
                     objWidthFixLeft[index] = leftTotal;
                     leftTotal += width;
                 }
-                if (cell.fixedType === 'right' &&
-                    cell.visible !== false &&
-                    cell.isGroup !== true) {
+                if (cell.fixedType === 'right' && cell.visible !== false && cell.isGroup !== true) {
                     rightTotal -= width;
                     objWidthFixRight[index] = rightTotal;
                 }
             }
-            if (cell.fixedType === 'right' &&
-                cell.visible !== false &&
-                cell.isGroup !== true) {
+            if (cell.fixedType === 'right' && cell.visible !== false && cell.isGroup !== true) {
                 objHeaderWidthFixRight[headerKey] = rightTotal;
             }
             return colspanSum + colspan;
@@ -20071,20 +20053,13 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
     traverse(columns);
     // Danh sách các cột được hiển thị
     // const flatVisble = flat.filter((e) => e.visible !== false)
-    const flatVisbleContent = flat.filter((x) => x.visible !== false &&
-        x.field !== 'command' &&
-        x.field !== '#' &&
-        x.field !== 'checkbox');
+    const flatVisbleContent = flat.filter((x) => x.visible !== false && x.field !== 'command' && x.field !== '#' && x.field !== 'checkbox');
     // Tính toán vị trí đầu tiên và cuối cùng của các cột cố định
     const lastObjWidthFixLeft = Math.max(...Object.keys(objWidthFixLeft).map(Number), 0);
     const fisrtObjWidthFixRight = Math.min(...Object.keys(objWidthFixRight).map(Number), flat.length);
     // Tính toán vị trí đầu tiên và cuối cùng của các cột có thể sửa
     const indexFirstEdit = flat.findIndex((item) => item.editEnable && item.visible !== false && !item.disabledCondition);
-    const indexLastEdit = flat
-        .map((item, idx) => item.editEnable && item.visible !== false && !item.disabledCondition
-        ? idx
-        : -1)
-        .reduce((acc, val) => (val > acc ? val : acc), -1);
+    const indexLastEdit = flat.map((item, idx) => (item.editEnable && item.visible !== false && !item.disabledCondition ? idx : -1)).reduce((acc, val) => (val > acc ? val : acc), -1);
     return {
         levels,
         flat,
@@ -20097,7 +20072,7 @@ const calculateTableStructure = (columns, settingColumns, groupColumns) => {
         objHeaderWidthFixRight,
         objHeaderWidthFixLeft,
         indexFirstEdit,
-        indexLastEdit,
+        indexLastEdit
     };
 };
 /**
@@ -20107,10 +20082,7 @@ const CheckRowMatch = (row, filters, keyword, searchKeys) => {
     const isFilterMatch = filters.every((filter) => {
         const { key, value, ope } = filter;
         const rowValue = row[key];
-        if (rowValue === undefined ||
-            rowValue === null ||
-            value === undefined ||
-            value === null) {
+        if (rowValue === undefined || rowValue === null || value === undefined || value === null) {
             return false;
         }
         const valStr = String(rowValue).toLowerCase();
@@ -20143,10 +20115,7 @@ const CheckRowMatch = (row, filters, keyword, searchKeys) => {
     const isSearchMatch = !keyword ||
         searchKeys.some((key) => {
             const val = row[key];
-            return val
-                ?.toString()
-                .toLowerCase()
-                .includes(keyword.trim().toLowerCase());
+            return val?.toString().toLowerCase().includes(keyword.trim().toLowerCase());
         });
     return isFilterMatch && isSearchMatch;
 };
@@ -20159,6 +20128,20 @@ const getMaxExpandedLevel = (items, fieldChildren = 'children', level = 0) => {
     });
     return max;
 };
+const findItemInTree = (items, filter, keyFilter = "value", keyChildren = "children") => {
+    for (let index = 0; index < items.length; index++) {
+        const item = items[index];
+        if (item[keyFilter] === filter) {
+            return { ...item };
+        }
+        else if (item[keyChildren]?.length > 0) {
+            const itemFilter = findItemInTree(item[keyChildren], filter, keyFilter, keyChildren);
+            if (itemFilter) {
+                return itemFilter;
+            }
+        }
+    }
+};
 
 const defaultMaxHeight$1 = 250;
 const SelectTable = React$5.forwardRef((props, ref) => {
@@ -40071,7 +40054,13 @@ const TableEdit = React$5.forwardRef((props, ref) => {
             return;
         }
         let objCallback;
-        const ele = column.selectSettings?.options?.find((item) => item[column.selectSettings?.fieldValue ?? 'value'] === copyData);
+        let ele;
+        if (column.type === 'select') {
+            ele = column.selectSettings?.options?.find((item) => item[column.selectSettings?.fieldValue ?? 'value'] === copyData);
+        }
+        else if (column.type === 'selectTree') {
+            ele = findItemInTree(column.selectSettings?.options ?? [], copyData, column.selectSettings?.fieldValue ?? 'value');
+        }
         if (ele) {
             objCallback = ele;
         }
@@ -69243,6 +69232,7 @@ exports.calculateTableStructure = calculateTableStructure;
 exports.checkDecimalSeparator = checkDecimalSeparator;
 exports.checkThousandSeparator = checkThousandSeparator;
 exports["default"] = TableEdit;
+exports.findItemInTree = findItemInTree;
 exports.formartNumberic = formartNumberic;
 exports.formatDateTime = formatDateTime;
 exports.generateUUID = generateUUID;