es-grid-template 1.9.63 → 1.9.64

package/lib/ali-table/base-table/calculations.js

@@ -50,7 +50,7 @@ function processColumns(columns, defaultColumnWidth) {
         }
       }
       if ((0, _utils.isLeafNode)(column)) {
-        if (column.hidden) {
+        if (column.visible === false) {
           // 被隐藏的列 会在这里被剔除
           warnColumnHiddenDeprecated(column);
         } else {

package/lib/ali-table/base-table/cell/EditCell.js

@@ -476,7 +476,9 @@ const EditCell = props => {
             align: colSelect.textAlign
           };
         });
-        let valueSelectTable = formValues[dataIndex];
+
+        // let valueSelectTable = formValues[dataIndex]
+        let valueSelectTable = formValues[dataIndex] !== null ? formValues[dataIndex] : undefined;
         if (fieldValue) {
           // @ts-ignore
           valueSelectTable = record[fieldValue] ?? formValues[dataIndex];
@@ -625,14 +627,16 @@ const EditCell = props => {
           "data-tooltip-id": `${tableId}-tooltip-error`
         });
       case 'select':
-        let valueSelect = formValues[dataIndex];
+        let valueSelect = formValues[dataIndex] !== null ? formValues[dataIndex] : undefined;
+        // let valueSelect = !isNullOrUndefined(formValues[dataIndex]) ? formValues[dataIndex] : undefined
+
         if (fieldValue) {
           // @ts-ignore
           valueSelect = record[fieldValue] ?? formValues[dataIndex];
         }
         return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
           options: options,
-          value: valueSelect ?? '',
+          value: valueSelect ?? undefined,
           onChange: (val, option) => {
             onChange(val ?? '');
             const formState = getValues();
@@ -768,7 +772,8 @@ const EditCell = props => {
           "data-tooltip-id": `${tableId}-tooltip-error`
         });
       case 'asyncSelect':
-        let valueAsyncSelect = formValues[dataIndex];
+        // let valueAsyncSelect = formValues[dataIndex]
+        let valueAsyncSelect = formValues[dataIndex] !== null ? formValues[dataIndex] : undefined;
         if (fieldValue) {
           // @ts-ignore
           valueAsyncSelect = record[fieldValue] ?? formValues[dataIndex];
@@ -776,7 +781,7 @@ const EditCell = props => {
         return /*#__PURE__*/_react.default.createElement(_asyncSelect.AsyncSelect, {
           options: options,
           defaultOptions: options,
-          value: valueAsyncSelect ?? undefined,
+          value: valueAsyncSelect,
           onChange: (val, option) => {
             onChange(val ?? '');
             const formState = getValues();
@@ -1244,7 +1249,10 @@ const EditCell = props => {
     }
   };
   return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
+    onSubmit: handleSubmit(onSubmit),
+    style: {
+      height: '100%'
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
     name: dataIndex,
     control: control,

package/lib/ali-table/base-table/renderFilter.js

@@ -301,7 +301,7 @@ const renderFilter = args => {
         ,
         onBlur: e => {
           if (selectedKeys[0] === e.target.value) {} else {
-            setSelectedKeys(e.target.value ? [e.target.value] : []);
+            setSelectedKeys(e.target.value ? [e.target.value.trim()] : []);
           }
         }
 

package/lib/ali-table/interfaces.d.ts

@@ -25,8 +25,7 @@ export interface ArtColumnStaticPart<RecordType = any> {
     /** Column width; required if the column is locked */
     width?: number;
     fixed?: 'left' | 'right';
-    /** @deprecated Whether the column is hidden */
-    hidden?: boolean;
+    visible?: boolean;
     /** Whether the column is locked (fixed) */
     lock?: boolean;
     /** Props for the header cell */
@@ -68,6 +67,7 @@ export interface ArtColumnStaticPart<RecordType = any> {
     headerEditEnable?: boolean;
     /** Kiểu editor khi edit cell */
     headerEditType?: EditType;
+    editSelectSettings?: any;
 }
 export interface ArtColumnDynamicPart<RecordType = any> {
     /** Custom data retrieval method */

package/lib/ali-table/pipeline/features/columnCustom.d.ts

@@ -1,7 +1,7 @@
 import type { TablePipeline } from '../pipeline';
 import type { ColumnResizeMode } from '../../base-table/table';
 import type { ArtColumn, SortOrder } from '../../interfaces';
-import type { FilterItem, IFormat, IWrapSettings, Sorter, SourceFilter } from '../../../grid-component/type';
+import type { FilterItem, ICellClick, IFormat, IWrapSettings, Sorter, SourceFilter } from '../../../grid-component/type';
 type FilterState = {
     field: any;
     key: any;
@@ -14,6 +14,7 @@ export interface ColumnFeatureOptions {
     columns: any[];
     isDataTree?: boolean;
     dataSource: any[];
+    rowIndexMap: any;
     /** Uncontrolled usage: default column widths array */
     defaultSizes?: number[];
     columnResizeMode?: ColumnResizeMode;
@@ -63,7 +64,7 @@ export interface ColumnFeatureOptions {
     getValues?: any;
     control?: any;
     errors?: any;
-    handleDeleteContent?: () => void;
+    triggerChangeData?: any;
     tableRef: any;
     triggerPaste?: (pastedRows: any[], pastedColumnsArray: string[], newData: any[], copyRows: any[]) => void;
     handleSubmit: any;
@@ -73,6 +74,7 @@ export interface ColumnFeatureOptions {
     dataErrors?: any[];
     headerData?: any;
     headerEditAble?: boolean;
+    onCellClick?: (args: ICellClick, callback?: any) => void;
 }
 export declare function columnCustom(opts: ColumnFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
 export {};

package/lib/ali-table/pipeline/features/columnCustom.js

@@ -20,6 +20,7 @@ var _EditCell = _interopRequireDefault(require("../../base-table/cell/EditCell")
 var _HeaderEditCell = _interopRequireDefault(require("../../base-table/cell/HeaderEditCell"));
 var _constants = require("../../utils/constants");
 var _utils3 = require("../../base-table/utils");
+var _utility = require("../../utils/utility");
 // import { getMaxDepth } from '../../utils/utility';
 
 function clamp(min, x, max) {
@@ -56,7 +57,7 @@ function columnCustom(opts) {
     control,
     getValues,
     errors,
-    handleDeleteContent,
+    triggerChangeData,
     tableRef,
     triggerPaste,
     handleSubmit,
@@ -65,7 +66,9 @@ function columnCustom(opts) {
     handleHeaderCellChange,
     dataErrors,
     headerData,
-    headerEditAble
+    headerEditAble,
+    rowIndexMap,
+    onCellClick
     // originData
 
     // currentPage = 1,
@@ -76,6 +79,7 @@ function columnCustom(opts) {
     mode = 'multiple',
     onSorter
   } = opts;
+  const rowKey = 'rowId';
   return function columnResizeFeature(pipeline) {
     // State table
 
@@ -96,7 +100,6 @@ function columnCustom(opts) {
     const originCols = pipeline.getColumns();
     const rowIds = (0, _utils2.getKeys)(allRows, 'rowId');
     const colIds = (0, _utils2.getKeys)(leafColumns, 'field');
-    const rowIndexMap = (0, _utils2.getRowIndexMap)(allRows);
 
     // const deppthCols  = getMaxDepth(originCols)
 
@@ -108,6 +111,7 @@ function columnCustom(opts) {
 
     const focusedCell = pipeline.getStateAtKey(_constants.stateKeyFocusedCell) ?? {};
     const isEditing = pipeline.getStateAtKey(_constants.stateKeyIsEditing) ?? false;
+    const editCellSettings = pipeline.getStateAtKey(_constants.stateKeyEditCellSettings);
     const isSelecting = pipeline.getStateAtKey(_constants.stateKeyIsSelecting) ?? false;
     const isPasting = pipeline.getStateAtKey(_constants.stateKeyIsPasting) ?? false;
     const startCell = pipeline.getStateAtKey(_constants.stateKeyStartCell) ?? undefined;
@@ -126,7 +130,10 @@ function columnCustom(opts) {
       endColIndex,
       endRowIndex
     } = rangeState ?? {};
-    const rowKey = 'rowId';
+    const rowPasteIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, startPasteCell?.rowId ?? '', endPasteCell?.rowId ?? '');
+    const colPasteds = (0, _utils2.getColIdsBetween1)(leafColumns, startPasteCell?.colId ?? '', endPasteCell?.colId ?? '');
+    const rowSelectIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
+    const colSelectIds = (0, _utils2.getColIdsBetween1)(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
     leafColumns.forEach((col, colIndex) => {
       if (sizes[colIndex] == null) {
         if (typeof col.width === 'number') {
@@ -330,11 +337,7 @@ function columnCustom(opts) {
       }
     };
     const triggerDragPaste = (pasteState, ctrlKey) => {
-      const tmpCols = [...leafColumns];
-      const rowPasteIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, startPasteCell?.rowId ?? '', endPasteCell?.rowId ?? '');
-      const colPasteds = (0, _utils2.getColIdsBetween1)(leafColumns, startPasteCell?.colId ?? '', endPasteCell?.colId ?? '');
-      const rowSelectIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
-      const colSelectIds = (0, _utils2.getColIdsBetween1)(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
+      const tmpCols = leafColumns;
       const dataSelected = []; // data được copy
 
       rowSelectIds.forEach(rowId => {
@@ -342,8 +345,6 @@ function columnCustom(opts) {
         if (!row) return;
         const rowData = [];
         colSelectIds.forEach(colId => {
-          // const cellll = row.getVisibleCells().find(c => c.column.id === colId);
-
           const value = row[colId];
           rowData.push(value !== undefined ? value : '');
         });
@@ -386,7 +387,7 @@ function columnCustom(opts) {
       }
 
       // Cập nhật data mới
-      const newData = (0, _utils2.flattenArray)([...allRows]);
+      const newData = (0, _utils2.flattenArray)(allRows);
       const pastedRows = [];
       if (pasteState.type === 'down' || pasteState.type === 'up') {
         newRange.addedRows.forEach((rowValues, rowIndex1) => {
@@ -452,20 +453,18 @@ function columnCustom(opts) {
           pastedRows.push(newData[targetRow]);
         });
       }
-      const rsFilterData = (0, _utils2.updateOrInsert)((0, _utils2.flattenArray)(dataSource), newData);
-      const rs = (0, _utils2.unFlattenData)(rsFilterData);
+
+      // const rsFilterData = updateOrInsert(flattenArray(dataSource), newData)
+      const rsFilterData = (0, _utility.updateOrInsert)(dataSource, newData);
+      const rs = (0, _utility.unFlattenData)(rsFilterData);
       triggerPaste?.(pastedRows, colPasteds, rs, copyRows);
       pipeline.setStateAtKey(_constants.stateKeyEndCell, endPasteCell);
       pipeline.setStateAtKey(_constants.stateKeyEndPasteCell, undefined);
       pipeline.setStateAtKey(_constants.stateKeyStartPasteCell, undefined);
     };
     const triggerPointPaste = (pasteState, cellStart, cellEnd, ctrlKey) => {
-      // const tmpCols = { ...visibleColumns }
-
-      const rowPasteIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, cellStart?.rowId ?? '', cellEnd?.rowId ?? '');
-      const colPasteds = (0, _utils2.getColIdsBetween1)(leafColumns, cellStart?.colId ?? '', cellEnd?.colId ?? '');
-      const rowSelectIds = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
-      const colSelectIds = (0, _utils2.getColIdsBetween1)(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
+      const rowsPasteId = (0, _utils2.getRowIdsBetween3)(allRows, rowIndexMap, cellStart?.rowId ?? '', cellEnd?.rowId ?? '');
+      const colsPastedId = (0, _utils2.getColIdsBetween1)(leafColumns, cellStart?.colId ?? '', cellEnd?.colId ?? '');
       const dataSelected = [];
       rowSelectIds.forEach(rowId => {
         const row = allRows.find(r => r.rowId === rowId);
@@ -480,21 +479,13 @@ function columnCustom(opts) {
       const copyRows = (0, _utils2.flattenData)('children', dataSource).filter(it => rowSelectIds.includes(it[rowKey]));
 
       // kéo xuóng
-      // setRangeState?.(getSelectedCellMatrix(table, startCell, endPasteCell))
-      const newRange = ctrlKey ? (0, _utils2.addRowsDownWithCtrl)(dataSelected, rowPasteIds.length) : (0, _utils2.addRowsDown)(dataSelected, rowPasteIds.length);
+      const newRange = ctrlKey ? (0, _utils2.addRowsDownWithCtrl)(dataSelected, rowsPasteId.length) : (0, _utils2.addRowsDown)(dataSelected, rowsPasteId.length);
 
       // Cập nhật data mới
-      const newData = (0, _utils2.flattenArray)([...dataSource]);
+      const newData = (0, _utils2.flattenArray)(dataSource);
       const pastedRows = [];
       newRange.addedRows.forEach((rowValues, rowIndex1) => {
-        const targetRow = pasteState.startRowIndex + rowIndex1;
-
-        // Nếu vượt quá số dòng hiện có, thêm dòng mới
-        // if (targetRow >= newData.length) {
-
-        //   newData.push({ id: undefined, rowId: newGuid() })
-        // }
-
+        const targetRow = pasteState?.startRowIndex + rowIndex1;
         rowValues.forEach((cellValue, colIndex1) => {
           const targetCol = startColIndex + colIndex1;
           if (targetCol >= leafColumns.length) {
@@ -511,9 +502,9 @@ function columnCustom(opts) {
         // Lưu dòng được paste
         pastedRows.push(newData[targetRow]);
       });
-      const rsFilterData = (0, _utils2.updateOrInsert)((0, _utils2.flattenArray)(dataSource), newData);
-      const rs = (0, _utils2.unFlattenData)(rsFilterData);
-      triggerPaste?.(pastedRows, colPasteds, rs, copyRows);
+      const rsFilterData = (0, _utility.updateOrInsert)(dataSource, newData);
+      const rs = (0, _utility.unFlattenData)(rsFilterData);
+      triggerPaste?.(pastedRows, colsPastedId, rs, copyRows);
     };
     const handleMouseDown = (rowId, colId) => {
       pipeline.setStateAtKey(_constants.stateKeyIsSelecting, true);
@@ -643,6 +634,11 @@ function columnCustom(opts) {
         // }
       }
     };
+
+    // const handleDeleteContent = () => {
+
+    // }
+
     const handleKeyDown = (e, rowId, colId, rowIndex, column, record, editType) => {
       if (e.key === 'Tab') {
         const nextCol = (0, _utils2.getNextColumn)(allCols, focusedCell.colId);
@@ -776,8 +772,54 @@ function columnCustom(opts) {
         }
         return;
       }
-      if (e.key === 'Delete') {
-        handleDeleteContent?.();
+      if (e.key === 'Delete' || e.key === 'Backspace') {
+        // handleDeleteContent?.()
+
+        if (startCell && endCell) {
+          const tmpData = (0, _utils2.flattenArray)([...dataSource]);
+          const rs = tmpData.map((row, index) => {
+            if (!rangeState?.rowRange.includes(row.rowId)) {
+              return row;
+            }
+            const updatedRow = {
+              ...row
+            };
+            for (const field of rangeState.colRange) {
+              const col = leafColumns.find(it => it.field === field);
+              const columnIndex = leafColumns.findIndex(it => it.field === field);
+              if ((0, _hooks.isEditable)(col, row)) {
+                let newValue = '';
+                if (col.type === 'number') {
+                  newValue = 0;
+                }
+                if (col.type === 'boolean' || col.type === 'checkbox') {
+                  newValue = false;
+                }
+                const cellEditType = (0, _utils2.getEditType)(col, row);
+                if (col.type === 'date' || col.type === 'datetime' || col.type === 'time' || col.type === 'month' || col.type === 'week' || col.type === 'year' || col.type === 'quarter' || cellEditType === 'asyncSelect' || cellEditType === 'select' || cellEditType === 'treeSelect' || cellEditType === 'selectTable') {
+                  newValue = undefined;
+                }
+                updatedRow[col.field] = newValue;
+                handleCellChange({
+                  key: row[rowKey],
+                  field: col.field,
+                  record: updatedRow,
+                  prevState: row[col.field],
+                  newState: newValue,
+                  option: '',
+                  indexCol: columnIndex,
+                  indexRow: index,
+                  type: e.key
+                });
+              }
+            }
+            return updatedRow;
+          });
+          const newData = (0, _utility.unFlattenData)(rs);
+          triggerChangeData?.([...newData], {
+            type: 'DELETE_CONTENT'
+          });
+        }
         return;
       }
       if (e.key === 'Enter') {
@@ -1002,20 +1044,13 @@ function columnCustom(opts) {
         rowId: rowEnd.id,
         colId: column.field
       };
-      const currentRowId = allRows.findIndex(it => it.rowId === record.rowId);
-      const pasteStartRow = allRows[currentRowId + 1];
+      const currentRowIndex = rowIndexMap.get(record.rowId);
+      const pasteStartRow = allRows[currentRowIndex + 1];
       const cellStart = {
         rowId: pasteStartRow.id,
         colId: endCell?.colId ?? ''
       };
-
-      // const selectState = getSelectedCellMatrix(table, startCell, cellEnd)
-
       const selectPasteState = (0, _utils2.getSelectedCellMatrix1)(allRows, leafColumns, cellStart, cellEnd);
-
-      // setRangeState?.(selectState)
-      // setEndCell?.(cellEnd)
-
       pipeline.setStateAtKey(_constants.stateKeyEndCell, cellEnd);
       triggerPointPaste(selectPasteState, cellStart, cellEnd, e.ctrlKey);
     };
@@ -1619,6 +1654,28 @@ function columnCustom(opts) {
                 return;
               }
               if (record.rowId === focusedCell.rowId && col.field === focusedCell.colId && canEdit) {
+                if (onCellClick) {
+                  const cellClickCallback = newOptions => {
+                    if (newOptions) {
+                      pipeline.setStateAtKey(_constants.stateKeyEditCellSettings, {
+                        rowId: record.rowId,
+                        colId: col.field,
+                        editSelectSettings: {
+                          ...col.editSelectSettings,
+                          options: newOptions
+                        }
+                      });
+                    }
+                  };
+                  onCellClick({
+                    index: rowIndex,
+                    rowId: record.rowId,
+                    cellValue: value,
+                    type: "Editing",
+                    field: col.field,
+                    rowData: record
+                  }, cellClickCallback);
+                }
                 handleEdit(e, record, col, editType ?? 'text', false);
               }
             },
@@ -1697,7 +1754,10 @@ function columnCustom(opts) {
             },
             // children: ''
             children: canEdit && cellEditing ? /*#__PURE__*/_react.default.createElement(_EditCell.default, {
-              column: col,
+              column: editCellSettings?.rowId === record.rowId && editCellSettings?.colId === col.field ? {
+                ...col,
+                editSelectSettings: editCellSettings.editSelectSettings
+              } : col,
               editType: editType ?? 'text',
               record: record,
               tableId: id,

package/lib/ali-table/utils/constants.d.ts

@@ -10,6 +10,7 @@ export declare const stateKeyIsEditing = "isEditing";
 export declare const stateKeyStartPasteCell = "startPasteCell";
 export declare const stateKeyEndPasteCell = "endPasteCell";
 export declare const stateKeyIsSelecting = "isSelecting";
+export declare const stateKeyEditCellSettings = "editCellSettings";
 export declare const stateKeyIsPasting = "isPasting";
 export declare const stateKeyEndCell = "endCell";
 export declare const stateKeyStartCell = "startCell";

package/lib/ali-table/utils/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stateKeyVisible = exports.stateKeyTypePaste = exports.stateKeyTooltip = exports.stateKeyStartPasteCell = exports.stateKeyStartCell = exports.stateKeySorter = exports.stateKeyResize = exports.stateKeyPagination = exports.stateKeyIsSelecting = exports.stateKeyIsPasting = exports.stateKeyIsEditing = exports.stateKeyFocusedCell = exports.stateKeyFilter = exports.stateKeyEndPasteCell = exports.stateKeyEndCell = exports.stateKeyColumnFilter = void 0;
+exports.stateKeyVisible = exports.stateKeyTypePaste = exports.stateKeyTooltip = exports.stateKeyStartPasteCell = exports.stateKeyStartCell = exports.stateKeySorter = exports.stateKeyResize = exports.stateKeyPagination = exports.stateKeyIsSelecting = exports.stateKeyIsPasting = exports.stateKeyIsEditing = exports.stateKeyFocusedCell = exports.stateKeyFilter = exports.stateKeyEndPasteCell = exports.stateKeyEndCell = exports.stateKeyEditCellSettings = exports.stateKeyColumnFilter = void 0;
 const stateKeyResize = exports.stateKeyResize = 'columnResize';
 const stateKeyFilter = exports.stateKeyFilter = 'columnsFilter';
 const stateKeySorter = exports.stateKeySorter = 'columnsSorter';
@@ -21,6 +21,7 @@ const stateKeyIsEditing = exports.stateKeyIsEditing = 'isEditing';
 const stateKeyStartPasteCell = exports.stateKeyStartPasteCell = 'startPasteCell';
 const stateKeyEndPasteCell = exports.stateKeyEndPasteCell = 'endPasteCell';
 const stateKeyIsSelecting = exports.stateKeyIsSelecting = 'isSelecting';
+const stateKeyEditCellSettings = exports.stateKeyEditCellSettings = 'editCellSettings';
 const stateKeyIsPasting = exports.stateKeyIsPasting = 'isPasting';
 const stateKeyEndCell = exports.stateKeyEndCell = 'endCell';
 const stateKeyStartCell = exports.stateKeyStartCell = 'startCell';

package/lib/ali-table/utils/convertColumnsChoose.d.ts

@@ -1,5 +1,5 @@
-import { TreeDataNode } from "rc-master-ui";
-import { ColumnTable } from "../../grid-component";
+import type { TreeDataNode } from "rc-master-ui";
+import type { ColumnTable } from "../../grid-component";
 export declare function convertColumnsToTreeData(columns: ColumnTable[], groupColumns?: string[], t?: any): TreeDataNode[];
 export declare function filterColumnsByField(columns: ColumnTable[], fieldList: string[]): ColumnTable[];
 export declare function filterVisibleColumns(columns: ColumnTable[]): ColumnTable[];

package/lib/ali-table/utils/convertColumnsChoose.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertColumnsToTreeData = convertColumnsToTreeData;
 exports.filterColumnsByField = filterColumnsByField;
 exports.filterVisibleColumns = filterVisibleColumns;
-// import type { ColumnTable } from "../../table-component"
-
 function convertColumnsToTreeData(columns, groupColumns, t) {
   if (!columns) {
     return [];
@@ -65,6 +63,7 @@ function filterColumnsByField(columns, fieldList) {
       if (fieldSet.has(col.field) || nextChildren && nextChildren.length) {
         result.push({
           ...col,
+          visible: true,
           ...(nextChildren ? {
             children: nextChildren
           } : {})

package/lib/ali-table/utils/utility.d.ts

@@ -1,4 +1,4 @@
-import type { FilterItem, Sorter } from "../../grid-component/type";
+import type { AnyObject, ColumnTable, FilterItem, RowDnd, Sorter } from "../../grid-component/type";
 type PreparedFilter = FilterItem & {
     normalizedValue: any;
     operatorLower: string;
@@ -10,4 +10,18 @@ export declare function sortData(data: any[], sorter: Sorter[]): any[];
 export declare function filterDataByColumns1(data: any[], queries: FilterItem[] | undefined, sorter: Sorter[] | undefined, keysFilter: string[] | undefined, ignoreAccents?: boolean): any[];
 export declare const getMaxDepth: (data: any[]) => number;
 export declare const addRowIdArray: (inputArray: any[]) => any[];
+export declare const unFlattenData: <RecordType extends AnyObject = AnyObject>(data: RecordType[]) => RecordType[];
+export declare const flattenArray: <RecordType extends AnyObject = AnyObject>(arr: any[]) => RecordType[];
+export declare function updateOrInsert1(dataArray: any[], dataFilter: any[]): any[];
+export declare function updateOrInsert3<T extends {
+    rowId: PropertyKey;
+}>(dataArray: T[], dataFilter: Partial<T>[]): T[];
+type Row = {
+    rowId: number;
+    [key: string]: any;
+};
+export declare function updateOrInsert<T extends Row>(dataArray: T[], dataFilter: Partial<T>[]): T[];
+export declare function filterVisibleColumns<T extends ColumnTable>(columns: T[]): T[];
+export declare const sortByType: (arr: ColumnTable[], rowDnd?: RowDnd) => ColumnTable[];
+export declare function getVisibleColumnFields<T extends ColumnTable>(columns: T[]): string[];
 export {};