es-grid-template 1.5.17 → 1.6.1

package/lib/grid-component/hooks/utils.js

@@ -5,17 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addRowIdArray = exports.addClassCellIndexSelected = exports.addClassBorderPasteCell = exports.addBorderPasteClass = exports.addBorderClass = void 0;
-exports.addRows8 = addRows8;
+exports.addRowsDown = addRowsDown;
+exports.addRowsDownWithCtrl = addRowsDownWithCtrl;
 exports.addRowsUp = addRowsUp;
+exports.addRowsUpWithCtrl = addRowsUpWithCtrl;
 exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = exports.checkChild = exports.buildConnectedRegions = void 0;
 exports.compareDate = compareDate;
 exports.compareDates = compareDates;
-exports.convertFlatColumn = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertColumns = exports.convertArrayWithIndent = void 0;
+exports.convertFlatColumn = exports.convertFilters = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertColumns = exports.convertArrayWithIndent = void 0;
 exports.convertFormat = convertFormat;
-exports.filterDataByColumns3 = exports.filterDataByColumns2 = exports.filterDataByColumns = exports.editAbleColumns = exports.detectSeparators = exports.customWeekStartEndFormat = exports.countItemsBeforeIndex = exports.convertLabelToTitle = void 0;
+exports.filterDataByColumns3 = exports.filterDataByColumns2 = exports.filterDataByColumns = exports.editAbleColumns = exports.detectSeparators = exports.customWeekStartEndFormat = exports.customFilterOption = exports.countItemsBeforeIndex = exports.convertLabelToTitle = void 0;
 exports.filterDataByColumns4 = filterDataByColumns4;
 exports.findAllChildrenKeys = findAllChildrenKeys;
-exports.getAllVisibleKeys = exports.genPresets = exports.flattenData = exports.flattenArray = exports.findItemPath = exports.findItemByKey = void 0;
+exports.getAllVisibleKeys = exports.getAllRowKey = exports.genPresets = exports.flattenData = exports.flattenArray = exports.findItemPath = exports.findItemByKey = void 0;
 exports.getBottomRowCells = getBottomRowCells;
 exports.getCellsByPosition = getCellsByPosition;
 exports.getCellsByPosition2 = getCellsByPosition2;
@@ -33,8 +35,13 @@ exports.isEmpty = exports.isEditable = exports.isDisable = void 0;
 exports.isEqualSet = isEqualSet;
 exports.isRangeCell = exports.isObjEmpty = exports.isNullOrUndefined = exports.isNameColor = exports.isFormattedNumber = void 0;
 exports.isRightMostInRegion = isRightMostInRegion;
-exports.transformColumns1 = exports.transformColumns = exports.totalFixedWidth = exports.sumDataByField = exports.sortedSetDSC = exports.sortedSetASC = exports.showDraggingPoint = exports.shouldInclude = exports.removeFieldRecursive = exports.removeColumns = exports.removeClassCellIndexSelected = exports.removeClassBorderPasteCell = exports.removeBorderPasteClass = exports.removeBorderClass2 = exports.removeBorderClass = exports.parseCells = exports.parseBooleanToValue = exports.onRemoveBorderSelectedCell = exports.onRemoveBgSelectedCell = exports.onRemoveBgCellIndex = exports.onAddBorderSelectedCell = exports.onAddBgSelectedCell = exports.onAddBgCellIndex = exports.newGuid = exports.mergedSets = exports.isTopMostInRegion = exports.isSelectedCell = void 0;
-exports.updateData = exports.updateColumnsByGroup = exports.updateColumns = exports.updateArrayByKey = void 0;
+exports.isTopMostInRegion = exports.isSelectedCell = void 0;
+exports.mergeWithFilter = mergeWithFilter;
+exports.mergeWithFilter2 = mergeWithFilter2;
+exports.removeInvisibleColumns = exports.removeFieldRecursive = exports.removeColumns = exports.removeClassCellIndexSelected = exports.removeClassBorderPasteCell = exports.removeBorderPasteClass = exports.removeBorderClass2 = exports.removeBorderClass = exports.parseCells = exports.parseBooleanToValue = exports.onRemoveBorderSelectedCell = exports.onRemoveBgSelectedCell = exports.onRemoveBgCellIndex = exports.onAddBorderSelectedCell = exports.onAddBgSelectedCell = exports.onAddBgCellIndex = exports.newGuid = exports.mergedSets = void 0;
+exports.updateData = exports.updateColumnsByGroup = exports.updateColumns = exports.updateArrayByKey = exports.unFlattenData = exports.transformColumns1 = exports.transformColumns = exports.totalFixedWidth = exports.sumDataByField = exports.sumByField = exports.sortedSetDSC = exports.sortedSetASC = exports.showDraggingPoint = exports.shouldInclude = exports.removeVietnameseTones = void 0;
+exports.updateDataByFilter = updateDataByFilter;
+exports.updateOrInsert = updateOrInsert;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _moment = _interopRequireDefault(require("moment/moment"));
 var _uuid = require("uuid");
@@ -100,6 +107,18 @@ const isEmpty = d => {
   return d === null || d === undefined || d === '';
 };
 exports.isEmpty = isEmpty;
+const removeVietnameseTones = str => {
+  if (!str) {
+    return '';
+  }
+  return str.normalize('NFD') // Tách các ký tự có dấu thành ký tự cơ bản + dấu
+  .replace(/[\u0300-\u036f]/g, '') // Xóa dấu
+  .replace(/đ/g, 'd') // Thay thế đ
+  .replace(/Đ/g, 'D').replace(/[^a-zA-Z0-9\s]/g, '') // Loại bỏ ký tự đặc biệt
+  .replace(/\s+/g, ' ') // Thay nhiều khoảng trắng thành 1 khoảng trắng
+  .trim();
+};
+exports.removeVietnameseTones = removeVietnameseTones;
 const isNullOrUndefined = d => {
   return d === null || d === undefined;
 };
@@ -374,7 +393,7 @@ const getEditType = (column, rowData) => {
   if (column && typeof column.editType === 'function') {
     return column.editType(rowData);
   }
-  return column.editType ?? 'text';
+  return column?.editType ?? 'text';
 };
 exports.getEditType = getEditType;
 const isDisable = (column, rowData) => {
@@ -433,9 +452,9 @@ const convertArrayWithIndent = (inputArray, parentIndent = 0) => {
   }
 };
 exports.convertArrayWithIndent = convertArrayWithIndent;
-const getTemplate = template => {
+const getTemplate = (template, column) => {
   if (template && typeof template === 'function') {
-    return template();
+    return template(column);
   }
   return template;
 };
@@ -533,6 +552,36 @@ const flattenData = (childrenColumnName, data) => {
   return list;
 };
 exports.flattenData = flattenData;
+const unFlattenData = data => {
+  const idToNodeMap = {};
+  const tree = [];
+
+  // Bước 1: Tạo map id -> node
+  data.forEach(item => {
+    idToNodeMap[item.rowId] = {
+      ...item,
+      children: []
+    };
+  });
+
+  // Bước 2: Gắn vào parent hoặc đẩy lên root nếu không có parent
+  data.forEach(item => {
+    const currentNode = idToNodeMap[item.rowId];
+    if (item.parentId === null) {
+      tree.push(currentNode);
+    } else {
+      const parentNode = idToNodeMap[item.parentId];
+      if (parentNode) {
+        parentNode.children.push(currentNode);
+      } else {
+        // Nếu parentId không tồn tại thì xem như root
+        tree.push(currentNode);
+      }
+    }
+  });
+  return tree;
+};
+exports.unFlattenData = unFlattenData;
 const countItemsBeforeIndex = (array, index) => {
   let count = 0;
   for (let i = 0; i < index; i++) {
@@ -629,7 +678,7 @@ const getRowsPasteIndex = pasteRows => {
   return [...new Set(result)];
 };
 exports.getRowsPasteIndex = getRowsPasteIndex;
-function addRows8(arr, n) {
+function addRowsDownWithCtrl(arr, n) {
   if (!Array.isArray(arr) || arr.length === 0) {
     return {
       combined: arr,
@@ -767,7 +816,155 @@ function addRows8(arr, n) {
     addedRows
   };
 }
-function addRowsUp(array, n) {
+function addRowsDown(arr, n) {
+  if (!Array.isArray(arr) || arr.length === 0) {
+    return {
+      combined: arr,
+      addedRows: []
+    };
+  }
+  const m = arr.length;
+  const numCols = arr[0].length;
+  const addedRows = [];
+
+  // // Hàm kiểm tra kiểu date hợp lệ
+  // const isValidDate = (item: any) => {
+  //
+  //
+  //   // console.log('!isNaN(Date.parse(d))', !isNaN(Date.parse(d)))
+  //   // return !isNaN(Date.parse(d))
+  //
+  //   if (typeof item === 'number') {
+  //     // return 'number'
+  //     return false
+  //   }
+  //   if (typeof item === 'string') {
+  //     // Kiểm tra nếu là chuỗi ISO date hợp lệ
+  //     const date = new Date(item)
+  //     if (!isNaN(date.getTime()) && item.includes('T')) {
+  //       // return 'date'
+  //       return true
+  //     }
+  //     // return 'string'
+  //     return false
+  //   }
+  //
+  //   return !isNaN(Date.parse(item))
+  //
+  // }
+
+  // Lấy giá trị mẫu của cột j từ hàng đầu tiên
+  const getSample = j => arr[0][j];
+
+  // Xác định chế độ xử lý cho mỗi cột:
+  // mode = 'number-stepping' | 'date-stepping' | 'number-constant' | 'cycle'
+  const modes = [];
+  const steps = []; // bước tăng, nếu có (cho number hoặc date)
+
+  for (let j = 0; j < numCols; j++) {
+    const sample = getSample(j);
+    if (m === 1) {
+      // Nếu mảng chỉ có 1 hàng: nếu là số thì giữ nguyên; nếu là date thì tăng 1 ngày; còn lại giữ nguyên.
+      if (typeof sample === "number") {
+        modes[j] = "number-constant";
+      }
+      // else if (isValidDate(sample)) {
+      //   modes[j] = "date-stepping"
+      //   steps[j] = 24 * 3600 * 1000 // 1 ngày = 86400000 ms
+      // }
+      else {
+        modes[j] = "cycle";
+      }
+    } else if (m === 2) {
+      // Nếu mảng có 2 hàng: nếu là số thì tính bước = row2 - row1, tương tự với date
+      const first = arr[0][j],
+        second = arr[1][j];
+      if (typeof first === "number" && typeof second === "number") {
+        modes[j] = "number-stepping";
+        steps[j] = second - first;
+      }
+      // else if (isValidDate(first) && isValidDate(second)) {
+      //   modes[j] = "date-stepping"
+      //   steps[j] = Date.parse(second) - Date.parse(first)
+      // }
+      else {
+        modes[j] = "cycle";
+      }
+    } else {
+      // Nếu mảng có >2 hàng
+      const first = arr[0][j],
+        second = arr[1][j],
+        third = arr[2][j];
+      if (typeof first === "number" && typeof second === "number" && typeof third === "number") {
+        const step1 = second - first;
+        const step2 = third - second;
+        if (step1 === step2) {
+          modes[j] = "number-stepping";
+          steps[j] = step1;
+        } else {
+          modes[j] = "cycle";
+        }
+      }
+      // else if (isValidDate(first) && isValidDate(second) && isValidDate(third)) {
+      //   const step1 = Date.parse(second) - Date.parse(first)
+      //   const step2 = Date.parse(third) - Date.parse(second)
+      //   if (step1 === step2) {
+      //     modes[j] = "date-stepping"
+      //     steps[j] = step1
+      //   } else {
+      //     modes[j] = "cycle"
+      //   }
+      // }
+      else {
+        modes[j] = "cycle";
+      }
+    }
+  }
+
+  // Tạo các dòng mới (thêm n dòng)
+  // Với mỗi cột, nếu chế độ là stepping thì lấy giá trị cuối của mảng ban đầu và cộng thêm (i+1)*step
+  // Nếu chế độ là cycle thì dùng arr[i mod m][j]
+  for (let i = 0; i < n; i++) {
+    const newRow = [];
+    for (let j = 0; j < numCols; j++) {
+      let newValue;
+      switch (modes[j]) {
+        case "number-constant":
+          // Mảng có 1 hàng, số giữ nguyên
+          newValue = arr[0][j];
+          break;
+        case "number-stepping":
+          {
+            // Lấy giá trị cuối của cột j trong mảng ban đầu
+            const lastValue = arr[m - 1][j];
+            newValue = lastValue + (i + 1) * steps[j];
+          }
+          break;
+        // case "date-stepping":
+        // {
+        //   // Lấy giá trị cuối, chuyển về date, cộng thêm (i+1)*step, chuyển lại về định dạng ISO
+        //   const lastDate = new Date(arr[m - 1][j])
+        //   const newTime = lastDate.getTime() + (i + 1) * steps[j]
+        //   newValue = moment(new Date(newTime)).format()
+        // }
+        //   break
+        case "cycle":
+        default:
+          // Lặp lại nội dung theo vòng tròn: dùng hàng thứ (i mod m)
+          newValue = arr[i % m][j];
+          break;
+      }
+      newRow.push(newValue);
+    }
+    addedRows.push(newRow);
+  }
+  const combined = arr.concat(addedRows);
+  return {
+    combined,
+    addedRows
+  };
+}
+function addRowsUpWithCtrl(array, n) {
   const arr = array.reverse();
   if (!Array.isArray(arr) || arr.length === 0) {
     return {
@@ -909,6 +1106,128 @@ function addRowsUp(array, n) {
     addedRows
   };
 }
+function addRowsUp(array, n) {
+  const arr = array.reverse();
+  if (!Array.isArray(arr) || arr.length === 0) {
+    return {
+      combined: arr,
+      addedRows: []
+    };
+  }
+  const m = arr.length;
+  const numCols = arr[0].length;
+  const addedRows = [];
+
+  // Hàm kiểm tra kiểu date hợp lệ
+  // const isValidDate = (item: any) => {
+  //
+  //
+  //   // console.log('!isNaN(Date.parse(d))', !isNaN(Date.parse(d)))
+  //   // return !isNaN(Date.parse(d))
+  //
+  //   if (typeof item === 'number') {
+  //     // return 'number'
+  //     return false
+  //   }
+  //   if (typeof item === 'string') {
+  //     // Kiểm tra nếu là chuỗi ISO date hợp lệ
+  //     const date = new Date(item)
+  //     if (!isNaN(date.getTime()) && item.includes('T')) {
+  //       // return 'date'
+  //       return true
+  //     }
+  //     // return 'string'
+  //     return false
+  //   }
+  //
+  //   return !isNaN(Date.parse(item))
+  //
+  // }
+
+  // Lấy giá trị mẫu của cột j từ hàng đầu tiên
+  const getSample = j => arr[0][j];
+
+  // Xác định chế độ xử lý cho mỗi cột:
+  // mode = 'number-stepping' | 'date-stepping' | 'number-constant' | 'cycle'
+  const modes = [];
+  const steps = []; // bước tăng, nếu có (cho number hoặc date)
+
+  for (let j = 0; j < numCols; j++) {
+    const sample = getSample(j);
+    if (m === 1) {
+      // Nếu mảng chỉ có 1 hàng: nếu là số thì giữ nguyên; nếu là date thì tăng 1 ngày; còn lại giữ nguyên.
+      if (typeof sample === "number") {
+        modes[j] = "number-constant";
+      } else {
+        modes[j] = "cycle";
+      }
+    } else if (m === 2) {
+      // Nếu mảng có 2 hàng: nếu là số thì tính bước = row2 - row1, tương tự với date
+      const first = arr[0][j],
+        second = arr[1][j];
+      if (typeof first === "number" && typeof second === "number") {
+        modes[j] = "number-stepping";
+        steps[j] = second - first;
+      } else {
+        modes[j] = "cycle";
+      }
+    } else {
+      // Nếu mảng có >2 hàng
+      const first = arr[0][j],
+        second = arr[1][j],
+        third = arr[2][j];
+      if (typeof first === "number" && typeof second === "number" && typeof third === "number") {
+        const step1 = second - first;
+        const step2 = third - second;
+        if (step1 === step2) {
+          modes[j] = "number-stepping";
+          steps[j] = step1;
+        } else {
+          modes[j] = "cycle";
+        }
+      } else {
+        modes[j] = "cycle";
+      }
+    }
+  }
+
+  // Tạo các dòng mới (thêm n dòng)
+  // Với mỗi cột, nếu chế độ là stepping thì lấy giá trị cuối của mảng ban đầu và cộng thêm (i+1)*step
+  // Nếu chế độ là cycle thì dùng arr[i mod m][j]
+  for (let i = n - 1; i >= 0; i--) {
+    const newRow = [];
+    for (let j = 0; j < numCols; j++) {
+      let newValue;
+      switch (modes[j]) {
+        case "number-constant":
+          // Mảng có 1 hàng, số giữ nguyên
+          newValue = arr[0][j];
+          break;
+        case "number-stepping":
+          {
+            // Lấy giá trị cuối của cột j trong mảng ban đầu
+
+            const lastValue = arr[m - 1][j];
+            newValue = lastValue - (i + 1) * steps[j] * -1;
+          }
+          break;
+        case "cycle":
+        default:
+          // Lặp lại nội dung theo vòng tròn: dùng hàng thứ (i mod m)
+
+          newValue = arr[i % m][j];
+          break;
+      }
+      newRow.push(newValue);
+    }
+    addedRows.push(newRow);
+  }
+  const combined = arr.concat(addedRows);
+  return {
+    combined,
+    addedRows
+  };
+}
 const transformColumns = (cols, convertColumns, t) => {
   // @ts-ignore
   return cols.map(column => {
@@ -1342,8 +1661,8 @@ const shouldInclude = (item, queries) => {
     const isDateComparison = isDate(itemValue) || isDateString(value);
     const itemDate = isDateComparison ? new Date(itemValue) : null;
     const queryDate = isDateComparison ? parseToDate(value) : null;
-    const itemStr = itemValue?.toString().toLowerCase?.();
-    const queryStr = value?.toString().toLowerCase?.();
+    const itemStr = removeVietnameseTones(itemValue?.toString().toLowerCase?.() ?? '');
+    const queryStr = removeVietnameseTones(value?.toString().toLowerCase?.() ?? '');
     switch (operator.toLowerCase()) {
       case "equal":
         condition = isDateComparison ? compareDates(itemDate, queryDate) : itemValue === value;
@@ -1391,7 +1710,7 @@ const shouldInclude = (item, queries) => {
   return result;
 };
 exports.shouldInclude = shouldInclude;
-function filterDataByColumns4(data, queries) {
+function filterDataByColumns4(data, queries, keysFilter) {
   if (!queries || queries.length === 0) {
     return data;
   }
@@ -1400,9 +1719,9 @@ function filterDataByColumns4(data, queries) {
       ...item
     };
     if (Array.isArray(item.children)) {
-      newItem.children = filterDataByColumns4(item.children, queries);
+      newItem.children = filterDataByColumns4(item.children, queries, keysFilter);
     }
-    const isSelfMatched = shouldInclude(item, queries);
+    const isSelfMatched = shouldInclude(item, queries) || keysFilter?.includes(newItem?.rowId);
 
     // Nếu chính item thỏa hoặc có con thỏa → giữ lại
     if (isSelfMatched || newItem.children && newItem.children.length > 0) {
@@ -2148,6 +2467,9 @@ const isSelectedCell = (selectedCells, rowIndex, colIndex) => {
 exports.isSelectedCell = isSelectedCell;
 function groupArrayByColumns(arr, columns) {
   const result = [];
+  const checkEmpty = d => {
+    return d === null || d === undefined || d === '';
+  };
   if (columns) {
     arr.forEach(item => {
       let currentLevel = result;
@@ -2175,9 +2497,9 @@ function groupArrayByColumns(arr, columns) {
       currentLevel.push({
         ...item,
         rowId: item.id ?? item.rowId,
-        parentId: !isEmpty(columns[columns.length - 1]) ? item[columns[columns.length - 1]] : null,
+        parentId: !checkEmpty(columns[columns.length - 1]) ? item[columns[columns.length - 1]] : null
         // parentId: item.rowId[columns.length - 1],
-        indent: columns.length
+        // indent: columns.length
       });
     });
     return result;
@@ -2245,4 +2567,228 @@ const detectSeparators = str => {
   // Không có dấu hoặc không hợp lệ
   return null;
 };
-exports.detectSeparators = detectSeparators;
+exports.detectSeparators = detectSeparators;
+const convertFilters = filters => {
+  const result = [];
+  filters.forEach(({
+    key,
+    column,
+    filteredKeys,
+    operator
+  }) => {
+    if (!filteredKeys || filteredKeys.length === 0) {
+      return;
+    }
+    if (column?.typeFilter === "DateRange" && filteredKeys.length === 2) {
+      result.push({
+        key,
+        field: column?.dataIndex,
+        value: filteredKeys[0],
+        predicate: "and",
+        operator: "greaterthanorequal"
+      }, {
+        key,
+        field: column?.dataIndex,
+        value: filteredKeys[1],
+        predicate: "and",
+        operator: "lessthanorequal"
+      });
+    } else if (column?.typeFilter === "NumberRange") {
+      if ((filteredKeys[0] || filteredKeys[0] === 0) && !filteredKeys[1]) {
+        result.push({
+          key,
+          field: column?.dataIndex,
+          value: filteredKeys[0],
+          predicate: "and",
+          operator: "greaterthanorequal"
+        });
+      }
+      if ((filteredKeys[1] || filteredKeys[1] === 0) && !filteredKeys[0]) {
+        result.push({
+          key,
+          field: column?.dataIndex,
+          value: filteredKeys[1],
+          predicate: "and",
+          operator: "lessthanorequal"
+        });
+      }
+      if ((filteredKeys[0] || filteredKeys[0] === 0) && (filteredKeys[1] || filteredKeys[1] === 0)) {
+        result.push({
+          key,
+          field: column?.dataIndex,
+          value: filteredKeys[0],
+          predicate: "and",
+          operator: "greaterthanorequal"
+        }, {
+          key,
+          field: column?.dataIndex,
+          value: filteredKeys[1],
+          predicate: "and",
+          operator: "lessthanorequal"
+        });
+      }
+    } else if (column?.typeFilter === 'Checkbox') {
+      filteredKeys.forEach(value => {
+        result.push({
+          key,
+          field: column?.dataIndex,
+          value,
+          predicate: "or",
+          operator
+        });
+      });
+    } else {
+      result.push({
+        key,
+        field: column?.dataIndex,
+        value: filteredKeys[0],
+        predicate: 'and',
+        operator
+      });
+    }
+  });
+  return result;
+};
+exports.convertFilters = convertFilters;
+const getAllRowKey = data => {
+  const a = flattenArray(data);
+  return a.length ? a.map(it => it.rowId) : undefined;
+};
+exports.getAllRowKey = getAllRowKey;
+function updateDataByFilter(tree, filter) {
+  return tree.map(node => {
+    // Tìm bản ghi đã update từ filter
+    const updatedNode = filter.find(f => f.rowId === node.rowId);
+
+    // Nếu có updatedNode thì merge, nếu không thì giữ nguyên node
+    const newNode = updatedNode ? {
+      ...node,
+      ...updatedNode
+    } : node;
+
+    // Nếu có children thì đệ quy cập nhật con
+    if (newNode.children) {
+      newNode.children = updateDataByFilter(newNode.children, filter);
+    }
+    return newNode;
+  });
+}
+function updateOrInsert(dataArray, dataFilter) {
+  const updatedArray = [...dataArray];
+  dataFilter.forEach(filterItem => {
+    const existingIndex = updatedArray.findIndex(item => item.rowId === filterItem.rowId);
+    if (existingIndex !== -1) {
+      // Cập nhật item đã tồn tại
+      updatedArray[existingIndex] = {
+        ...updatedArray[existingIndex],
+        ...filterItem
+      };
+    } else {
+      // Tìm vị trí cuối cùng của item trước đó trong dataFilter
+      const prevIndexInFilter = dataFilter.findIndex(f => f.rowId === filterItem.rowId) - 1;
+      if (prevIndexInFilter >= 0) {
+        const prevId = dataFilter[prevIndexInFilter].rowId;
+        const prevIndexInArray = updatedArray.findIndex(item => item.rowId === prevId);
+        if (prevIndexInArray !== -1) {
+          // Thêm ngay sau phần tử trước đó
+          updatedArray.splice(prevIndexInArray + 1, 0, filterItem);
+          return;
+        }
+      }
+
+      // Nếu không tìm thấy phần tử trước đó, hoặc là phần đầu tiên, thì push vào cuối
+      updatedArray.push(filterItem);
+    }
+  });
+  return updatedArray;
+}
+function mergeWithFilter(dataArray, dataFilter) {
+  const result = [...dataArray];
+  dataFilter.forEach((filterItem, i) => {
+    const existsInArray = result.find(item => item.rowId === filterItem.rowId);
+
+    // console.log('existsInArray', existsInArray)
+
+    if (!existsInArray) {
+      // tìm index của phần tử trước đó trong dataFilter
+      for (let j = i - 1; j >= 0; j--) {
+        const prevFilterItem = dataFilter[j];
+        const indexInResult = result.findIndex(item => item.rowId === prevFilterItem.rowId);
+        if (indexInResult !== -1) {
+          // console.log('filterItem', filterItem)
+
+          result.splice(indexInResult + 1, 0, filterItem);
+          return;
+        }
+      }
+
+      // nếu không tìm thấy phần tử trước đó thì push cuối
+      result.push(filterItem);
+    } else {
+      result[i] = {
+        ...filterItem
+      };
+    }
+  });
+  return result;
+}
+function mergeWithFilter2(dataArray, dataFilter) {
+  const result = [...dataArray];
+  dataFilter.forEach((filterItem, i) => {
+    const existsInArray = result.find(item => item.rowId === filterItem.rowId);
+
+    // console.log('existsInArray', existsInArray)
+
+    if (!existsInArray) {
+      // tìm index của phần tử trước đó trong dataFilter
+      for (let j = i - 1; j >= 0; j--) {
+        const prevFilterItem = dataFilter[j];
+        const indexInResult = result.findIndex(item => item.rowId === prevFilterItem.rowId);
+        if (indexInResult !== -1) {
+          // console.log('filterItem', filterItem)
+
+          result.splice(indexInResult + 1, 0, filterItem);
+          return;
+        }
+      }
+
+      // nếu không tìm thấy phần tử trước đó thì push cuối
+      result.push(filterItem);
+    }
+  });
+  return result;
+}
+const removeInvisibleColumns = columns => {
+  const tmp = [...columns];
+  return tmp.map(col => {
+    const newCol = {
+      ...col
+    };
+    if (col.children) {
+      // Recursively process children
+      newCol.children = removeInvisibleColumns(newCol.children);
+    }
+    // Return the column only if it's visible or has visible children
+    return newCol.visible !== false && (newCol.children ? newCol.children.length > 0 : true) ? newCol : null;
+  }).filter(Boolean); // Filter out null items
+};
+exports.removeInvisibleColumns = removeInvisibleColumns;
+const sumByField = (data, field) => {
+  return data.reduce((total, item) => {
+    if (item[field] != null) {
+      return total + item[field];
+    } else if (item.children && item.children.length > 0) {
+      return total + sumByField(item.children, field);
+    }
+    return total;
+  }, 0);
+};
+exports.sumByField = sumByField;
+const customFilterOption = (input, option) => {
+  if (!option) return false;
+  const valueStr = removeVietnameseTones(String(option.value).toLowerCase() ?? '');
+  const labelStr = removeVietnameseTones(String(option.label).toLowerCase() ?? '');
+  const inputStr = removeVietnameseTones(input.toLowerCase() ?? '');
+  return valueStr.includes(inputStr) || labelStr.includes(inputStr);
+};
+exports.customFilterOption = customFilterOption;