@infinite-table/infinite-react 3.0.3 → 3.0.5

package/index.d.ts

@@ -1376,7 +1376,7 @@ declare type CellPositionOptions = {
     colId?: never;
 };
 
-declare type InfiniteTableCellSelectionApi = {
+declare type InfiniteTableCellSelectionApi<T> = {
     isCellSelected(cellPosition: CellPositionOptions): boolean;
     selectCell(cellPosition: CellPositionOptions & {
         clear?: boolean;
@@ -1395,6 +1395,10 @@ declare type InfiniteTableCellSelectionApi = {
         columnIds: string[];
         positions: (CellSelectionPosition | null)[][];
     };
+    getMappedCellSelectionPositions<SELECTED_VALUE, EMPTY_VALUE>(fn: (rowInfo: InfiniteTableRowInfo<T>, colId: string) => SELECTED_VALUE, emptyValue: EMPTY_VALUE): {
+        columnIds: string[];
+        positions: (SELECTED_VALUE | EMPTY_VALUE)[][];
+    };
 };
 
 declare type ArrayOfIds = Pick<InfiniteTable_RowInfoBase<any>, 'id'>[];
@@ -2564,7 +2568,7 @@ declare type MultiSortBehaviorOptions = {
 };
 interface InfiniteTableApi<T> {
     get rowSelectionApi(): InfiniteTableRowSelectionApi;
-    get cellSelectionApi(): InfiniteTableCellSelectionApi;
+    get cellSelectionApi(): InfiniteTableCellSelectionApi<T>;
     setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
     setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
     isDestroyed: () => boolean;

package/index.dev.js

@@ -13112,7 +13112,7 @@ function concludeReducer(params) {
   }
   if (cache) {
     cache.clear();
-    state.cache = cache;
+    state.cache = void 0;
   }
   const { filterFunction, filterValue, filterTypes, operatorsByFilterType } = state;
   const shouldFilter = !!filterFunction || Array.isArray(filterValue) && filterValue.length;
@@ -13365,7 +13365,7 @@ function concludeReducer(params) {
   if (originalDataArrayChanged) {
     state.originalDataArrayChangedInfo = {
       timestamp: now,
-      mutations
+      mutations: (mutations == null ? void 0 : mutations.size) ? mutations : void 0
     };
   }
   return state;
@@ -13975,7 +13975,7 @@ var Indexer = class {
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
-      if (cache) {
+      if (cache && !cache.isEmpty()) {
         arr = arr.concat();
       }
       for (let i = 0; i < arr.length; i++) {
@@ -14448,7 +14448,7 @@ function DataSourceCmp({ children }) {
       componentState.originalDataArray,
       componentState.originalDataArrayChangedInfo
     );
-    if (componentState.onDataMutations && componentState.originalDataArrayChangedInfo.mutations) {
+    if (componentState.onDataMutations && componentState.originalDataArrayChangedInfo.mutations && componentState.originalDataArrayChangedInfo.mutations.size) {
       componentState.onDataMutations({
         primaryKeyField: typeof componentState.primaryKey === "string" ? componentState.primaryKey : void 0,
         dataArray: componentState.originalDataArray,
@@ -14538,31 +14538,67 @@ function ensureMinMaxCellPositionByIndex(start, end) {
     { rowIndex: rowEnd, colIndex: colEnd }
   ];
 }
-function getCellSelectionApi(param) {
-  const {
-    getComputed,
-    // getState,
-    getDataSourceState,
-    // componentActions,
-    dataSourceActions
-  } = param;
-  const getCellSelectionPosition = (options) => {
-    var _a, _b, _c;
-    const rowId = (_b = options.rowId) != null ? _b : (_a = getRowInfoAt(options.rowIndex, getDataSourceState)) == null ? void 0 : _a.id;
-    const colId = (_c = options.colId) != null ? _c : getComputed().computedVisibleColumns[options.colIndex].id;
-    return [rowId, colId];
-  };
-  const cellSelectionApi = {
-    getAllCellSelectionPositions: () => {
-      const dataArray = getRowInfoArray(getDataSourceState);
-      const { computedVisibleColumns } = getComputed();
+var InfiniteTableCellSelectionApiImpl = class {
+  constructor(param) {
+    this.getCellSelectionPosition = (options) => {
+      var _a, _b, _c;
+      const rowId = (_b = options.rowId) != null ? _b : (_a = getRowInfoAt(options.rowIndex, this.getDataSourceState)) == null ? void 0 : _a.id;
+      const colId = (_c = options.colId) != null ? _c : this.getComputed().computedVisibleColumns[options.colIndex].id;
+      return [rowId, colId];
+    };
+    this.setRangeSelected = (startOptions, endOptions, selected) => {
+      const dataSourceState = this.getDataSourceState();
+      const cellSelection = dataSourceState.cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      const [startRowId, startColId] = this.getCellSelectionPosition(startOptions);
+      const [endRowId, endColId] = this.getCellSelectionPosition(endOptions);
+      const startCol = this.getComputed().computedVisibleColumnsMap.get(startColId);
+      const endCol = this.getComputed().computedVisibleColumnsMap.get(endColId);
+      if (!startCol || !endCol) {
+        return;
+      }
+      const startColIndex = startCol.computedVisibleIndex;
+      const endColIndex = endCol.computedVisibleIndex;
+      const startRowInfo = getRowInfoAt(startRowId, this.getDataSourceState);
+      const endRowInfo = getRowInfoAt(endRowId, this.getDataSourceState);
+      if (!startRowInfo || !endRowInfo) {
+        return;
+      }
+      const startRowIndex = startRowInfo.indexInAll;
+      const endRowIndex = endRowInfo.indexInAll;
+      const [start, end] = ensureMinMaxCellPositionByIndex(
+        { rowIndex: startRowIndex, colIndex: startColIndex },
+        { rowIndex: endRowIndex, colIndex: endColIndex }
+      );
+      for (let i = start.rowIndex; i <= end.rowIndex; i++) {
+        for (let j = start.colIndex; j <= end.colIndex; j++) {
+          const pos = {
+            rowIndex: i,
+            colIndex: j
+          };
+          const [pk, colId] = this.getCellSelectionPosition(pos);
+          if (selected) {
+            newCellSelection.selectCell(pk, colId);
+          } else {
+            newCellSelection.deselectCell(pk, colId);
+          }
+        }
+      }
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.getCellSelectionPositionsWithFn = (fn, emptyValue) => {
+      const dataArray = getRowInfoArray(this.getDataSourceState);
+      const { computedVisibleColumns } = this.getComputed();
       const computedVisibleColumnsIds = computedVisibleColumns.map((x) => x.id);
       const colsInSelection = /* @__PURE__ */ new Set();
       const rowsInSelection = [];
       const rowIdsInSelection = /* @__PURE__ */ new Set();
       dataArray.filter((rowInfo) => {
         computedVisibleColumns.forEach((col) => {
-          if (cellSelectionApi.isCellSelected({
+          if (this.isCellSelected({
             rowId: rowInfo.id,
             colId: col.id
           })) {
@@ -14582,136 +14618,107 @@ function getCellSelectionApi(param) {
       );
       const positions = rowsInSelection.map((rowInfo) => {
         return columnIds.map((colId) => {
-          if (cellSelectionApi.isCellSelected({ rowId: rowInfo.id, colId })) {
-            return [rowInfo.id, colId];
+          if (this.isCellSelected({ rowId: rowInfo.id, colId })) {
+            return fn(rowInfo, colId);
           }
-          return null;
+          return emptyValue;
         });
       });
       return {
         columnIds,
         positions
       };
-    },
-    deselectAll: () => {
-      const dataSourceState = getDataSourceState();
+    };
+    this.getAllCellSelectionPositions = () => {
+      return this.getCellSelectionPositionsWithFn((rowInfo, colId) => {
+        return [rowInfo.id, colId];
+      }, null);
+    };
+    this.getMappedCellSelectionPositions = (fn, emptyValue) => {
+      return this.getCellSelectionPositionsWithFn(fn, emptyValue);
+    };
+    this.deselectAll = () => {
+      const dataSourceState = this.getDataSourceState();
       const cellSelection = dataSourceState.cellSelection;
       if (!cellSelection) {
         return;
       }
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.deselectAll();
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    clear: () => {
-      cellSelectionApi.deselectAll();
-    },
-    selectAll: () => {
-      const dataSourceState = getDataSourceState();
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.clear = () => {
+      this.deselectAll();
+    };
+    this.selectAll = () => {
+      const dataSourceState = this.getDataSourceState();
       const cellSelection = dataSourceState.cellSelection;
       if (!cellSelection) {
         return;
       }
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.selectAll();
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    selectRange: (startOptions, endOptions) => {
-      cellSelectionApi.setRangeSelected(startOptions, endOptions, true);
-    },
-    deselectRange: (startOptions, endOptions) => {
-      cellSelectionApi.setRangeSelected(startOptions, endOptions, false);
-    },
-    setRangeSelected: (startOptions, endOptions, selected) => {
-      const dataSourceState = getDataSourceState();
-      const cellSelection = dataSourceState.cellSelection;
-      if (!cellSelection) {
-        return;
-      }
-      const newCellSelection = new CellSelectionState(cellSelection);
-      const [startRowId, startColId] = getCellSelectionPosition(startOptions);
-      const [endRowId, endColId] = getCellSelectionPosition(endOptions);
-      const startCol = getComputed().computedVisibleColumnsMap.get(startColId);
-      const endCol = getComputed().computedVisibleColumnsMap.get(endColId);
-      if (!startCol || !endCol) {
-        return;
-      }
-      const startColIndex = startCol.computedVisibleIndex;
-      const endColIndex = endCol.computedVisibleIndex;
-      const startRowInfo = getRowInfoAt(startRowId, getDataSourceState);
-      const endRowInfo = getRowInfoAt(endRowId, getDataSourceState);
-      if (!startRowInfo || !endRowInfo) {
-        return;
-      }
-      const startRowIndex = startRowInfo.indexInAll;
-      const endRowIndex = endRowInfo.indexInAll;
-      const [start, end] = ensureMinMaxCellPositionByIndex(
-        { rowIndex: startRowIndex, colIndex: startColIndex },
-        { rowIndex: endRowIndex, colIndex: endColIndex }
-      );
-      for (let i = start.rowIndex; i <= end.rowIndex; i++) {
-        for (let j = start.colIndex; j <= end.colIndex; j++) {
-          const pos = {
-            rowIndex: i,
-            colIndex: j
-          };
-          const [pk, colId] = getCellSelectionPosition(pos);
-          if (selected) {
-            newCellSelection.selectCell(pk, colId);
-          } else {
-            newCellSelection.deselectCell(pk, colId);
-          }
-        }
-      }
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    isCellSelected: (options) => {
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.selectRange = (startOptions, endOptions) => {
+      this.setRangeSelected(startOptions, endOptions, true);
+    };
+    this.deselectRange = (startOptions, endOptions) => {
+      this.setRangeSelected(startOptions, endOptions, false);
+    };
+    this.isCellSelected = (options) => {
       var _a, _b;
-      const [pk, colId] = getCellSelectionPosition(options);
-      return (_b = (_a = getDataSourceState().cellSelection) == null ? void 0 : _a.isCellSelected(pk, colId)) != null ? _b : false;
-    },
-    selectCell: (options) => {
-      const cellSelection = getDataSourceState().cellSelection;
+      const [pk, colId] = this.getCellSelectionPosition(options);
+      return (_b = (_a = this.getDataSourceState().cellSelection) == null ? void 0 : _a.isCellSelected(pk, colId)) != null ? _b : false;
+    };
+    this.selectCell = (options) => {
+      const cellSelection = this.getDataSourceState().cellSelection;
       if (!cellSelection) {
         return;
       }
-      const [pk, colId] = getCellSelectionPosition(options);
+      const [pk, colId] = this.getCellSelectionPosition(options);
       const newCellSelection = options.clear ? new CellSelectionState() : new CellSelectionState(cellSelection);
       newCellSelection.selectCell(pk, colId);
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    deselectCell: (options) => {
-      const cellSelection = getDataSourceState().cellSelection;
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.deselectCell = (options) => {
+      const cellSelection = this.getDataSourceState().cellSelection;
       if (!cellSelection) {
         return;
       }
-      const [pk, colId] = getCellSelectionPosition(options);
+      const [pk, colId] = this.getCellSelectionPosition(options);
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.deselectCell(pk, colId);
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    selectColumn: (colId, options) => {
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.selectColumn = (colId, options) => {
       if (options == null ? void 0 : options.clear) {
-        cellSelectionApi.deselectAll();
+        this.deselectAll();
       }
-      const cellSelection = getDataSourceState().cellSelection;
+      const cellSelection = this.getDataSourceState().cellSelection;
       if (!cellSelection) {
         return;
       }
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.selectColumn(colId);
-      dataSourceActions.cellSelection = newCellSelection;
-    },
-    deselectColumn: (colId) => {
-      const cellSelection = getDataSourceState().cellSelection;
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.deselectColumn = (colId) => {
+      const cellSelection = this.getDataSourceState().cellSelection;
       if (!cellSelection) {
         return;
       }
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.deselectColumn(colId);
-      dataSourceActions.cellSelection = newCellSelection;
-    }
-  };
+      this.dataSourceActions.cellSelection = newCellSelection;
+    };
+    this.getComputed = param.getComputed;
+    this.getDataSourceState = param.getDataSourceState;
+    this.dataSourceActions = param.dataSourceActions;
+  }
+};
+function getCellSelectionApi(param) {
+  const cellSelectionApi = new InfiniteTableCellSelectionApiImpl(param);
   if (false) {
     globalThis.cellSelectionApi = cellSelectionApi;
   }
@@ -17583,7 +17590,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.3"
+      version: "3.0.5"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;