es-grid-template 1.9.63 → 1.9.65

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

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

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

@@ -469,7 +469,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];
@@ -618,14 +620,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.createElement(Select, {
           options: options,
-          value: valueSelect ?? '',
+          value: valueSelect ?? undefined,
           onChange: (val, option) => {
             onChange(val ?? '');
             const formState = getValues();
@@ -761,7 +765,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];
@@ -769,7 +774,7 @@ const EditCell = props => {
         return /*#__PURE__*/React.createElement(AsyncSelect, {
           options: options,
           defaultOptions: options,
-          value: valueAsyncSelect ?? undefined,
+          value: valueAsyncSelect,
           onChange: (val, option) => {
             onChange(val ?? '');
             const formState = getValues();
@@ -1237,7 +1242,10 @@ const EditCell = props => {
     }
   };
   return /*#__PURE__*/React.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
+    onSubmit: handleSubmit(onSubmit),
+    style: {
+      height: '100%'
+    }
   }, /*#__PURE__*/React.createElement(Controller, {
     name: dataIndex,
     control: control,

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

@@ -292,7 +292,7 @@ export 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/es/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/es/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/es/ali-table/pipeline/features/columnCustom.js

@@ -3,20 +3,25 @@ import { internals } from "../../internals";
 import { collectNodes, makeRecursiveMapper, mergeCellProps } from "../../utils";
 import Resizer from "../../base-table/ColumnResizer";
 import { ArrowDown, ArrowUp, FilterFill, SortCancel } from 'becoxy-icons';
-import { booleanOperator, findItemPath, isEditable, isObjEmpty, nonActionColumn, numberOperator, pageSizeOptions, stringOperator, translateOption, updateArrayByKey } from "../../../grid-component/hooks";
+import { booleanOperator, findItemPath, isEditable, isObjEmpty, nonActionColumn, numberOperator, pageSizeOptions, stringOperator, translateOption, updateArrayByKey
+// updateOrInsert 
+} from "../../../grid-component/hooks";
 import classNames from 'classnames';
 import { Dropdown, Select, Space, Button } from 'rc-master-ui';
-import { addRowsDown, addRowsDownWithCtrl, addRowsUp, addRowsUpWithCtrl, convertFilters, extendsObject, flattenArray, flattenData, getColIdsBetween1, getDefaultOperator, getDragRightData, getKeys, getNextColumn, getNextColumn1, getPrevColumn, getRowIdsBetween3, getRowIndexMap, getSelectedCellMatrix1, getTypeFilter,
+import { addRowsDown, addRowsDownWithCtrl, addRowsUp, addRowsUpWithCtrl, convertFilters, extendsObject, flattenArray, flattenData, getColIdsBetween1, getDefaultOperator, getDragRightData, getEditType, getKeys, getNextColumn, getNextColumn1, getPrevColumn, getRowIdsBetween3,
+// getRowIndexMap,
+getSelectedCellMatrix1, getTypeFilter,
 // isObjEqual,
-newGuid, unFlattenData, updateOrInsert } from "../../../table-component/hook/utils";
+newGuid } from "../../../table-component/hook/utils";
 import { renderFilter } from "../../base-table/renderFilter";
 import { renderValueCell } from "../../../table-component/hook/useColumns";
 import EditCell from "../../base-table/cell/EditCell";
 import HeaderEditCell from "../../base-table/cell/HeaderEditCell";
 import { stateKeyResize, stateKeyColumnFilter, stateKeyFilter, stateKeyPagination, stateKeySorter, stateKeyTooltip, stateKeyTypePaste, stateKeyVisible,
 //  state For edit
-stateKeyEndCell, stateKeyEndPasteCell, stateKeyStartCell, stateKeyStartPasteCell, stateKeyFocusedCell, stateKeyIsEditing, stateKeyIsPasting, stateKeyIsSelecting } from "../../utils/constants";
+stateKeyEndCell, stateKeyEndPasteCell, stateKeyStartCell, stateKeyStartPasteCell, stateKeyFocusedCell, stateKeyEditCellSettings, stateKeyIsEditing, stateKeyIsPasting, stateKeyIsSelecting } from "../../utils/constants";
 import { getColumnsAtLevel } from "../../base-table/utils";
+import { unFlattenData, updateOrInsert } from "../../utils/utility";
 // import { getMaxDepth } from '../../utils/utility';
 
 function clamp(min, x, max) {
@@ -53,7 +58,7 @@ export function columnCustom(opts) {
     control,
     getValues,
     errors,
-    handleDeleteContent,
+    triggerChangeData,
     tableRef,
     triggerPaste,
     handleSubmit,
@@ -62,7 +67,9 @@ export function columnCustom(opts) {
     handleHeaderCellChange,
     dataErrors,
     headerData,
-    headerEditAble
+    headerEditAble,
+    rowIndexMap,
+    onCellClick
     // originData
 
     // currentPage = 1,
@@ -73,6 +80,7 @@ export function columnCustom(opts) {
     mode = 'multiple',
     onSorter
   } = opts;
+  const rowKey = 'rowId';
   return function columnResizeFeature(pipeline) {
     // State table
 
@@ -93,7 +101,6 @@ export function columnCustom(opts) {
     const originCols = pipeline.getColumns();
     const rowIds = getKeys(allRows, 'rowId');
     const colIds = getKeys(leafColumns, 'field');
-    const rowIndexMap = getRowIndexMap(allRows);
 
     // const deppthCols  = getMaxDepth(originCols)
 
@@ -105,6 +112,7 @@ export function columnCustom(opts) {
 
     const focusedCell = pipeline.getStateAtKey(stateKeyFocusedCell) ?? {};
     const isEditing = pipeline.getStateAtKey(stateKeyIsEditing) ?? false;
+    const editCellSettings = pipeline.getStateAtKey(stateKeyEditCellSettings);
     const isSelecting = pipeline.getStateAtKey(stateKeyIsSelecting) ?? false;
     const isPasting = pipeline.getStateAtKey(stateKeyIsPasting) ?? false;
     const startCell = pipeline.getStateAtKey(stateKeyStartCell) ?? undefined;
@@ -123,7 +131,10 @@ export function columnCustom(opts) {
       endColIndex,
       endRowIndex
     } = rangeState ?? {};
-    const rowKey = 'rowId';
+    const rowPasteIds = getRowIdsBetween3(allRows, rowIndexMap, startPasteCell?.rowId ?? '', endPasteCell?.rowId ?? '');
+    const colPasteds = getColIdsBetween1(leafColumns, startPasteCell?.colId ?? '', endPasteCell?.colId ?? '');
+    const rowSelectIds = getRowIdsBetween3(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
+    const colSelectIds = getColIdsBetween1(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
     leafColumns.forEach((col, colIndex) => {
       if (sizes[colIndex] == null) {
         if (typeof col.width === 'number') {
@@ -327,11 +338,7 @@ export function columnCustom(opts) {
       }
     };
     const triggerDragPaste = (pasteState, ctrlKey) => {
-      const tmpCols = [...leafColumns];
-      const rowPasteIds = getRowIdsBetween3(allRows, rowIndexMap, startPasteCell?.rowId ?? '', endPasteCell?.rowId ?? '');
-      const colPasteds = getColIdsBetween1(leafColumns, startPasteCell?.colId ?? '', endPasteCell?.colId ?? '');
-      const rowSelectIds = getRowIdsBetween3(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
-      const colSelectIds = getColIdsBetween1(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
+      const tmpCols = leafColumns;
       const dataSelected = []; // data được copy
 
       rowSelectIds.forEach(rowId => {
@@ -339,8 +346,6 @@ export 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 : '');
         });
@@ -383,7 +388,7 @@ export function columnCustom(opts) {
       }
 
       // Cập nhật data mới
-      const newData = flattenArray([...allRows]);
+      const newData = flattenArray(allRows);
       const pastedRows = [];
       if (pasteState.type === 'down' || pasteState.type === 'up') {
         newRange.addedRows.forEach((rowValues, rowIndex1) => {
@@ -449,7 +454,9 @@ export function columnCustom(opts) {
           pastedRows.push(newData[targetRow]);
         });
       }
-      const rsFilterData = updateOrInsert(flattenArray(dataSource), newData);
+
+      // const rsFilterData = updateOrInsert(flattenArray(dataSource), newData)
+      const rsFilterData = updateOrInsert(dataSource, newData);
       const rs = unFlattenData(rsFilterData);
       triggerPaste?.(pastedRows, colPasteds, rs, copyRows);
       pipeline.setStateAtKey(stateKeyEndCell, endPasteCell);
@@ -457,12 +464,8 @@ export function columnCustom(opts) {
       pipeline.setStateAtKey(stateKeyStartPasteCell, undefined);
     };
     const triggerPointPaste = (pasteState, cellStart, cellEnd, ctrlKey) => {
-      // const tmpCols = { ...visibleColumns }
-
-      const rowPasteIds = getRowIdsBetween3(allRows, rowIndexMap, cellStart?.rowId ?? '', cellEnd?.rowId ?? '');
-      const colPasteds = getColIdsBetween1(leafColumns, cellStart?.colId ?? '', cellEnd?.colId ?? '');
-      const rowSelectIds = getRowIdsBetween3(allRows, rowIndexMap, startCell?.rowId ?? '', endCell?.rowId ?? '');
-      const colSelectIds = getColIdsBetween1(leafColumns, startCell?.colId ?? '', endCell?.colId ?? '');
+      const rowsPasteId = getRowIdsBetween3(allRows, rowIndexMap, cellStart?.rowId ?? '', cellEnd?.rowId ?? '');
+      const colsPastedId = getColIdsBetween1(leafColumns, cellStart?.colId ?? '', cellEnd?.colId ?? '');
       const dataSelected = [];
       rowSelectIds.forEach(rowId => {
         const row = allRows.find(r => r.rowId === rowId);
@@ -477,21 +480,13 @@ export function columnCustom(opts) {
       const copyRows = flattenData('children', dataSource).filter(it => rowSelectIds.includes(it[rowKey]));
 
       // kéo xuóng
-      // setRangeState?.(getSelectedCellMatrix(table, startCell, endPasteCell))
-      const newRange = ctrlKey ? addRowsDownWithCtrl(dataSelected, rowPasteIds.length) : addRowsDown(dataSelected, rowPasteIds.length);
+      const newRange = ctrlKey ? addRowsDownWithCtrl(dataSelected, rowsPasteId.length) : addRowsDown(dataSelected, rowsPasteId.length);
 
       // Cập nhật data mới
-      const newData = flattenArray([...dataSource]);
+      const newData = 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) {
@@ -508,9 +503,9 @@ export function columnCustom(opts) {
         // Lưu dòng được paste
         pastedRows.push(newData[targetRow]);
       });
-      const rsFilterData = updateOrInsert(flattenArray(dataSource), newData);
+      const rsFilterData = updateOrInsert(dataSource, newData);
       const rs = unFlattenData(rsFilterData);
-      triggerPaste?.(pastedRows, colPasteds, rs, copyRows);
+      triggerPaste?.(pastedRows, colsPastedId, rs, copyRows);
     };
     const handleMouseDown = (rowId, colId) => {
       pipeline.setStateAtKey(stateKeyIsSelecting, true);
@@ -640,6 +635,11 @@ export function columnCustom(opts) {
         // }
       }
     };
+
+    // const handleDeleteContent = () => {
+
+    // }
+
     const handleKeyDown = (e, rowId, colId, rowIndex, column, record, editType) => {
       if (e.key === 'Tab') {
         const nextCol = getNextColumn(allCols, focusedCell.colId);
@@ -773,8 +773,54 @@ export function columnCustom(opts) {
         }
         return;
       }
-      if (e.key === 'Delete') {
-        handleDeleteContent?.();
+      if (e.key === 'Delete' || e.key === 'Backspace') {
+        // handleDeleteContent?.()
+
+        if (startCell && endCell) {
+          const tmpData = 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 (isEditable(col, row)) {
+                let newValue = '';
+                if (col.type === 'number') {
+                  newValue = 0;
+                }
+                if (col.type === 'boolean' || col.type === 'checkbox') {
+                  newValue = false;
+                }
+                const cellEditType = 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 = unFlattenData(rs);
+          triggerChangeData?.([...newData], {
+            type: 'DELETE_CONTENT'
+          });
+        }
         return;
       }
       if (e.key === 'Enter') {
@@ -999,20 +1045,13 @@ export 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 = getSelectedCellMatrix1(allRows, leafColumns, cellStart, cellEnd);
-
-      // setRangeState?.(selectState)
-      // setEndCell?.(cellEnd)
-
       pipeline.setStateAtKey(stateKeyEndCell, cellEnd);
       triggerPointPaste(selectPasteState, cellStart, cellEnd, e.ctrlKey);
     };
@@ -1616,6 +1655,28 @@ export function columnCustom(opts) {
                 return;
               }
               if (record.rowId === focusedCell.rowId && col.field === focusedCell.colId && canEdit) {
+                if (onCellClick) {
+                  const cellClickCallback = newOptions => {
+                    if (newOptions) {
+                      pipeline.setStateAtKey(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);
               }
             },
@@ -1694,7 +1755,10 @@ export function columnCustom(opts) {
             },
             // children: ''
             children: canEdit && cellEditing ? /*#__PURE__*/React.createElement(EditCell, {
-              column: col,
+              column: editCellSettings?.rowId === record.rowId && editCellSettings?.colId === col.field ? {
+                ...col,
+                editSelectSettings: editCellSettings.editSelectSettings
+              } : col,
               editType: editType ?? 'text',
               record: record,
               tableId: id,

package/es/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/es/ali-table/utils/constants.js

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

package/es/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/es/ali-table/utils/convertColumnsChoose.js

@@ -1,5 +1,3 @@
-// import type { ColumnTable } from "../../table-component"
-
 export function convertColumnsToTreeData(columns, groupColumns, t) {
   if (!columns) {
     return [];
@@ -57,6 +55,7 @@ export function filterColumnsByField(columns, fieldList) {
       if (fieldSet.has(col.field) || nextChildren && nextChildren.length) {
         result.push({
           ...col,
+          visible: true,
           ...(nextChildren ? {
             children: nextChildren
           } : {})

package/es/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 {};