@infinite-table/infinite-react 3.0.0 → 3.0.2

package/README.md

@@ -24,6 +24,7 @@
 - [❤️ TypeScript](#-typescript)
 - [🏢 Enterprise-ready](#-enterprise-ready)
   - [🔒 Secure by default](#-secure-by-default)
+  - [🚫 No dependencies](#-no-dependencies)
   - [📦 Small bundle size](#-small-bundle-size)
   - [🧪 Automated end-to-end tests](#-automated-end-to-end-tests)
 - [🎨 Themable](#-themable)
@@ -83,17 +84,21 @@ It's fully typed and offers you great developer experience to help you get up an
 
 ## 🏢 Enterprise-ready
 
-Infinite Table is ready to power your enterprise apps, as it supports advanced [data fetching](https://infinite-table.com/docs/learn/working-with-data#data-loading-strategies), [filtering](https://infinite-table.com/docs/learn/filtering), [sorting](https://infinite-table.com/docs/learn/sorting/overview), [grouping](https://infinite-table.com/docs/learn/grouping-and-pivoting/grouping-rows), [pivoting](https://infinite-table.com/docs/learn/grouping-and-pivoting/pivoting/overview), [aggregations](https://infinite-table.com/docs/learn/grouping-and-pivoting/group-aggregations), [live pagination](https://infinite-table.com/docs/learn/working-with-data/live-pagination), [lazy loading](https://infinite-table.com/docs/learn/working-with-data/lazy-loading) - all of those with support for both client-side and server-side implementations.
+Infinite Table is ready to power your enterprise apps, as it supports advanced [data fetching](https://infinite-table.com/docs/learn/working-with-data#data-loading-strategies), [filtering](https://infinite-table.com/docs/learn/filtering), [sorting](https://infinite-table.com/docs/learn/sorting/overview), [grouping](https://infinite-table.com/docs/learn/grouping-and-pivoting/grouping-rows), [pivoting](https://infinite-table.com/docs/learn/grouping-and-pivoting/pivoting/overview), [aggregations](https://infinite-table.com/docs/learn/grouping-and-pivoting/group-aggregations), [https://infinite-table.com/docs/learn/selection/row-selection](row & cell selection), [live pagination](https://infinite-table.com/docs/learn/working-with-data/live-pagination), [lazy loading](https://infinite-table.com/docs/learn/working-with-data/lazy-loading) - all of those with support for both client-side and server-side implementations.
 
 You can choose to leverage our built-in implementations in the browser or you can process your data on the server with full support from our-side.
 
 ### 🔒 Secure by default
 
-We take security seriously and only have a total of 3 dependencies in our full dependency graph - and this number will only go down.
+We take security seriously and we're not installing any dependencies. No extra fluff to slow down your code or make installs less secure.
+
+### 🚫 No dependencies
+
+We don't depend on any external package, so you can be sure that you're not introducing any security vulnerabilities in your app.
 
 ### 📦 Small bundle size
 
-Our bundle size is under `250kB` and we're [keeping it small](https://bundlephobia.com/package/@infinite-table/infinite-react).
+Our bundle size is under `300kB` and we're [keeping it small](https://bundlephobia.com/package/@infinite-table/infinite-react).
 
 ### 🧪 Automated end-to-end tests
 

package/index.d.ts

@@ -811,6 +811,8 @@ declare class CellSelectionState {
     selectAll: () => void;
     selectCell(rowId: any, colId: string): void;
     deselectCell(rowId: any, colId: string): void;
+    selectColumn(colId: string): void;
+    deselectColumn(colId: string): void;
     setCellSelected(rowId: any, colId: string, selected: boolean): void;
     private setCellInDeselection;
     private setCellInSelection;
@@ -1383,8 +1385,16 @@ declare type InfiniteTableCellSelectionApi = {
     deselectAll(): void;
     clear(): void;
     selectAll(): void;
+    selectColumn(colId: string, options?: {
+        clear?: boolean;
+    }): void;
+    deselectColumn(colId: string): void;
     selectRange(start: CellPositionOptions, end: CellPositionOptions): void;
     deselectRange(start: CellPositionOptions, end: CellPositionOptions): void;
+    getAllCellSelectionPositions(): {
+        columnIds: string[];
+        positions: (CellSelectionPosition | null)[][];
+    };
 };
 
 declare type ArrayOfIds = Pick<InfiniteTable_RowInfoBase<any>, 'id'>[];

package/index.dev.js

@@ -12156,15 +12156,68 @@ var CellSelectionState = class {
   deselectCell(rowId, colId) {
     this.setCellSelected(rowId, colId, false);
   }
+  selectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, true);
+  }
+  deselectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, false);
+  }
   setCellSelected(rowId, colId, selected) {
-    if (rowId === this.wildcard || colId === this.wildcard) {
-      throw "Please dont use this private method to select cells with wildcard";
-    }
+    const wildcardRow = rowId === this.wildcard;
+    const wildcardColumn = colId === this.wildcard;
     const isSelected = this.isCellSelected(rowId, colId);
     if (isSelected === selected) {
       return;
     }
+    const clearKeys = [];
+    if (wildcardRow) {
+      const deselectedRowsForColumn = this.deselectedColumnsToRows.get(colId);
+      const selectedRowsForColumn = this.selectedColumnsToRows.get(colId);
+      deselectedRowsForColumn == null ? void 0 : deselectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId2, colId, false);
+      });
+      selectedRowsForColumn == null ? void 0 : selectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId2, colId, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [rowId2, c] = key;
+        if (c === colId) {
+          clearKeys.push([rowId2, colId]);
+        }
+      });
+    }
+    if (wildcardColumn) {
+      const deselectedColumnsForRow = this.deselectedRowsToColumns.get(colId);
+      const selectedColumnsForRow = this.selectedRowsToColumns.get(colId);
+      deselectedColumnsForRow == null ? void 0 : deselectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId, colId2, false);
+      });
+      selectedColumnsForRow == null ? void 0 : selectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId, colId2, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [row] = key;
+        if (row === rowId) {
+          clearKeys.push([rowId, colId]);
+        }
+      });
+    }
     const cacheKey = [rowId, colId];
+    clearKeys.forEach((key) => {
+      this.cache.delete(key);
+    });
     this.cache.delete(cacheKey);
     if (selected) {
       if (this.defaultSelection) {
@@ -12238,6 +12291,11 @@ var CellSelectionState = class {
     }
   }
   setCellInSelection(rowId, colId, selected) {
+    if (rowId === this.wildcard && colId === this.wildcard) {
+      throw new Error(
+        "rowId and colId cannot be used as a wildcard at the same time!"
+      );
+    }
     if (selected) {
       const selectedColsForRow = this.selectedRowsToColumns.get(rowId) || /* @__PURE__ */ new Set();
       selectedColsForRow.add(colId);
@@ -14459,6 +14517,15 @@ function notNullable(value) {
 }
 
 // src/components/InfiniteTable/api/getCellSelectionApi.ts
+function ensureSortedPerOrder(arr, sortPattern) {
+  const arrSet = new Set(arr);
+  return sortPattern.map((item) => {
+    if (arrSet.has(item)) {
+      return item;
+    }
+    return null;
+  }).filter((x) => x != null);
+}
 function ensureMinMaxCellPositionByIndex(start, end) {
   let { rowIndex: startRowIndex, colIndex: startColIndex } = start;
   let { rowIndex: endRowIndex, colIndex: endColIndex } = end;
@@ -14484,6 +14551,46 @@ function getCellSelectionApi(param) {
     return [rowId, colId];
   };
   const cellSelectionApi = {
+    getAllCellSelectionPositions: () => {
+      const dataArray = getRowInfoArray(getDataSourceState);
+      const { computedVisibleColumns } = 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({
+            rowId: rowInfo.id,
+            colId: col.id
+          })) {
+            if (!colsInSelection.has(col.id)) {
+              colsInSelection.add(col.id);
+            }
+            if (!rowIdsInSelection.has(rowInfo.id)) {
+              rowIdsInSelection.add(rowInfo.id);
+              rowsInSelection.push(rowInfo);
+            }
+          }
+        });
+      });
+      const columnIds = ensureSortedPerOrder(
+        Array.from(colsInSelection),
+        computedVisibleColumnsIds
+      );
+      const positions = rowsInSelection.map((rowInfo) => {
+        return columnIds.map((colId) => {
+          if (cellSelectionApi.isCellSelected({ rowId: rowInfo.id, colId })) {
+            return [rowInfo.id, colId];
+          }
+          return null;
+        });
+      });
+      return {
+        columnIds,
+        positions
+      };
+    },
     deselectAll: () => {
       const dataSourceState = getDataSourceState();
       const cellSelection = dataSourceState.cellSelection;
@@ -14580,6 +14687,27 @@ function getCellSelectionApi(param) {
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.deselectCell(pk, colId);
       dataSourceActions.cellSelection = newCellSelection;
+    },
+    selectColumn: (colId, options) => {
+      if (options == null ? void 0 : options.clear) {
+        cellSelectionApi.deselectAll();
+      }
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.selectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    deselectColumn: (colId) => {
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.deselectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
     }
   };
   if (false) {
@@ -17453,7 +17581,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.0"
+      version: "3.0.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -12141,15 +12141,68 @@ var CellSelectionState = class {
   deselectCell(rowId, colId) {
     this.setCellSelected(rowId, colId, false);
   }
+  selectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, true);
+  }
+  deselectColumn(colId) {
+    this.setCellSelected(this.wildcard, colId, false);
+  }
   setCellSelected(rowId, colId, selected) {
-    if (rowId === this.wildcard || colId === this.wildcard) {
-      throw "Please dont use this private method to select cells with wildcard";
-    }
+    const wildcardRow = rowId === this.wildcard;
+    const wildcardColumn = colId === this.wildcard;
     const isSelected = this.isCellSelected(rowId, colId);
     if (isSelected === selected) {
       return;
     }
+    const clearKeys = [];
+    if (wildcardRow) {
+      const deselectedRowsForColumn = this.deselectedColumnsToRows.get(colId);
+      const selectedRowsForColumn = this.selectedColumnsToRows.get(colId);
+      deselectedRowsForColumn == null ? void 0 : deselectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId2, colId, false);
+      });
+      selectedRowsForColumn == null ? void 0 : selectedRowsForColumn.forEach((rowId2) => {
+        if (rowId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId2, colId, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [rowId2, c] = key;
+        if (c === colId) {
+          clearKeys.push([rowId2, colId]);
+        }
+      });
+    }
+    if (wildcardColumn) {
+      const deselectedColumnsForRow = this.deselectedRowsToColumns.get(colId);
+      const selectedColumnsForRow = this.selectedRowsToColumns.get(colId);
+      deselectedColumnsForRow == null ? void 0 : deselectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInDeselection(rowId, colId2, false);
+      });
+      selectedColumnsForRow == null ? void 0 : selectedColumnsForRow.forEach((colId2) => {
+        if (colId2 === this.wildcard) {
+          return;
+        }
+        this.setCellInSelection(rowId, colId2, false);
+      });
+      [...this.cache.keys()].forEach((key) => {
+        const [row] = key;
+        if (row === rowId) {
+          clearKeys.push([rowId, colId]);
+        }
+      });
+    }
     const cacheKey = [rowId, colId];
+    clearKeys.forEach((key) => {
+      this.cache.delete(key);
+    });
     this.cache.delete(cacheKey);
     if (selected) {
       if (this.defaultSelection) {
@@ -12223,6 +12276,11 @@ var CellSelectionState = class {
     }
   }
   setCellInSelection(rowId, colId, selected) {
+    if (rowId === this.wildcard && colId === this.wildcard) {
+      throw new Error(
+        "rowId and colId cannot be used as a wildcard at the same time!"
+      );
+    }
     if (selected) {
       const selectedColsForRow = this.selectedRowsToColumns.get(rowId) || /* @__PURE__ */ new Set();
       selectedColsForRow.add(colId);
@@ -14444,6 +14502,15 @@ function notNullable(value) {
 }
 
 // src/components/InfiniteTable/api/getCellSelectionApi.ts
+function ensureSortedPerOrder(arr, sortPattern) {
+  const arrSet = new Set(arr);
+  return sortPattern.map((item) => {
+    if (arrSet.has(item)) {
+      return item;
+    }
+    return null;
+  }).filter((x) => x != null);
+}
 function ensureMinMaxCellPositionByIndex(start, end) {
   let { rowIndex: startRowIndex, colIndex: startColIndex } = start;
   let { rowIndex: endRowIndex, colIndex: endColIndex } = end;
@@ -14469,6 +14536,46 @@ function getCellSelectionApi(param) {
     return [rowId, colId];
   };
   const cellSelectionApi = {
+    getAllCellSelectionPositions: () => {
+      const dataArray = getRowInfoArray(getDataSourceState);
+      const { computedVisibleColumns } = 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({
+            rowId: rowInfo.id,
+            colId: col.id
+          })) {
+            if (!colsInSelection.has(col.id)) {
+              colsInSelection.add(col.id);
+            }
+            if (!rowIdsInSelection.has(rowInfo.id)) {
+              rowIdsInSelection.add(rowInfo.id);
+              rowsInSelection.push(rowInfo);
+            }
+          }
+        });
+      });
+      const columnIds = ensureSortedPerOrder(
+        Array.from(colsInSelection),
+        computedVisibleColumnsIds
+      );
+      const positions = rowsInSelection.map((rowInfo) => {
+        return columnIds.map((colId) => {
+          if (cellSelectionApi.isCellSelected({ rowId: rowInfo.id, colId })) {
+            return [rowInfo.id, colId];
+          }
+          return null;
+        });
+      });
+      return {
+        columnIds,
+        positions
+      };
+    },
     deselectAll: () => {
       const dataSourceState = getDataSourceState();
       const cellSelection = dataSourceState.cellSelection;
@@ -14565,6 +14672,27 @@ function getCellSelectionApi(param) {
       const newCellSelection = new CellSelectionState(cellSelection);
       newCellSelection.deselectCell(pk, colId);
       dataSourceActions.cellSelection = newCellSelection;
+    },
+    selectColumn: (colId, options) => {
+      if (options == null ? void 0 : options.clear) {
+        cellSelectionApi.deselectAll();
+      }
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.selectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
+    },
+    deselectColumn: (colId) => {
+      const cellSelection = getDataSourceState().cellSelection;
+      if (!cellSelection) {
+        return;
+      }
+      const newCellSelection = new CellSelectionState(cellSelection);
+      newCellSelection.deselectColumn(colId);
+      dataSourceActions.cellSelection = newCellSelection;
     }
   };
   if (false) {
@@ -17442,7 +17570,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.0"
+      version: "3.0.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;