@infinite-table/infinite-react 3.0.1 → 3.0.3

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

@@ -1391,6 +1391,10 @@ declare type InfiniteTableCellSelectionApi = {
     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'>[];
@@ -1517,7 +1521,7 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
     isEmpty: () => boolean;
     removeInfo: (primaryKey: PrimaryKeyType) => void;
     getMutationsForPrimaryKey: (primaryKey: PrimaryKeyType) => DataSourceMutation<DataType>[] | undefined;
-    getMutations: () => Map<string, DataSourceMutation<DataType>[]>;
+    getMutations: () => Map<PrimaryKeyType, DataSourceMutation<DataType>[]>;
 }
 
 declare type BooleanDeepCollectionStateKeys<KeyType> = true | KeyType[][];
@@ -1568,13 +1572,13 @@ declare class GroupRowsState<KeyType extends any = any> extends BooleanDeepColle
 }
 
 declare class Indexer<DataType, PrimaryKeyType = string> {
-    primaryKeyToData: Map<string, DataType>;
+    primaryKeyToData: Map<PrimaryKeyType, DataType>;
     private add;
     clear: () => void;
-    getDataForPrimaryKey: (primaryKey: PrimaryKeyType | string) => DataType | undefined;
+    getDataForPrimaryKey: (primaryKey: PrimaryKeyType) => DataType | undefined;
     indexArray: (arr: DataType[], options: {
         toPrimaryKey: (data: DataType) => PrimaryKeyType;
-        cache?: DataSourceCache<DataType, string> | undefined;
+        cache?: DataSourceCache<DataType, PrimaryKeyType> | undefined;
     }) => DataType[];
 }
 

package/index.dev.js

@@ -11003,7 +11003,7 @@ var DataSourceCache = class {
     };
     this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
@@ -11014,7 +11014,7 @@ var DataSourceCache = class {
       this.primaryKeyToData.set(pk, value);
     };
     this.insert = (primaryKey, data, position2, metadata) => {
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
       value.push({
@@ -11032,7 +11032,7 @@ var DataSourceCache = class {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
       }
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "update",
@@ -11041,7 +11041,7 @@ var DataSourceCache = class {
         originalData,
         metadata
       });
-      this.primaryKeyToData.set(`${primaryKey}`, value);
+      this.primaryKeyToData.set(primaryKey, value);
     };
     this.clear = () => {
       this.allFieldsAffected = false;
@@ -11052,10 +11052,10 @@ var DataSourceCache = class {
       return this.primaryKeyToData.size === 0;
     };
     this.removeInfo = (primaryKey) => {
-      this.primaryKeyToData.delete(`${primaryKey}`);
+      this.primaryKeyToData.delete(primaryKey);
     };
     this.getMutationsForPrimaryKey = (primaryKey) => {
-      const data = this.primaryKeyToData.get(`${primaryKey}`);
+      const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
     this.getMutations = () => {
@@ -11066,7 +11066,9 @@ var DataSourceCache = class {
     const clone = new DataSourceCache();
     clone.allFieldsAffected = cache.allFieldsAffected;
     clone.affectedFields = new Set(cache.affectedFields);
-    clone.primaryKeyToData = light ? cache.primaryKeyToData : new Map(cache.primaryKeyToData);
+    clone.primaryKeyToData = light ? cache.primaryKeyToData : new Map(
+      cache.primaryKeyToData
+    );
     return clone;
   }
 };
@@ -13963,13 +13965,13 @@ var Indexer = class {
   constructor() {
     this.primaryKeyToData = /* @__PURE__ */ new Map();
     this.add = (primaryKey, data) => {
-      this.primaryKeyToData.set(`${primaryKey}`, data);
+      this.primaryKeyToData.set(primaryKey, data);
     };
     this.clear = () => {
       this.primaryKeyToData.clear();
     };
     this.getDataForPrimaryKey = (primaryKey) => {
-      return this.primaryKeyToData.get(`${primaryKey}`);
+      return this.primaryKeyToData.get(primaryKey);
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
@@ -13980,7 +13982,7 @@ var Indexer = class {
         let item = arr[i];
         let deleted = false;
         if (item != null) {
-          const pk = `${toPrimaryKey(item)}`;
+          const pk = toPrimaryKey(item);
           const cacheInfo = cache == null ? void 0 : cache.getMutationsForPrimaryKey(pk);
           if (cacheInfo && cacheInfo.length) {
             for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
@@ -13995,7 +13997,7 @@ var Indexer = class {
                 arr[i] = item;
               }
               if (info.type === "insert") {
-                const insertPK = `${toPrimaryKey(info.data)}`;
+                const insertPK = toPrimaryKey(info.data);
                 this.add(insertPK, info.data);
                 if (info.position === "before") {
                   arr.splice(i, 0, info.data);
@@ -14517,6 +14519,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;
@@ -14542,6 +14553,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;
@@ -17532,7 +17583,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.1"
+      version: "3.0.3"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -10988,7 +10988,7 @@ var DataSourceCache = class {
     };
     this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
@@ -10999,7 +10999,7 @@ var DataSourceCache = class {
       this.primaryKeyToData.set(pk, value);
     };
     this.insert = (primaryKey, data, position2, metadata) => {
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
       value.push({
@@ -11017,7 +11017,7 @@ var DataSourceCache = class {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
       }
-      const pk = `${primaryKey}`;
+      const pk = primaryKey;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "update",
@@ -11026,7 +11026,7 @@ var DataSourceCache = class {
         originalData,
         metadata
       });
-      this.primaryKeyToData.set(`${primaryKey}`, value);
+      this.primaryKeyToData.set(primaryKey, value);
     };
     this.clear = () => {
       this.allFieldsAffected = false;
@@ -11037,10 +11037,10 @@ var DataSourceCache = class {
       return this.primaryKeyToData.size === 0;
     };
     this.removeInfo = (primaryKey) => {
-      this.primaryKeyToData.delete(`${primaryKey}`);
+      this.primaryKeyToData.delete(primaryKey);
     };
     this.getMutationsForPrimaryKey = (primaryKey) => {
-      const data = this.primaryKeyToData.get(`${primaryKey}`);
+      const data = this.primaryKeyToData.get(primaryKey);
       return data;
     };
     this.getMutations = () => {
@@ -11051,7 +11051,9 @@ var DataSourceCache = class {
     const clone = new DataSourceCache();
     clone.allFieldsAffected = cache.allFieldsAffected;
     clone.affectedFields = new Set(cache.affectedFields);
-    clone.primaryKeyToData = light ? cache.primaryKeyToData : new Map(cache.primaryKeyToData);
+    clone.primaryKeyToData = light ? cache.primaryKeyToData : new Map(
+      cache.primaryKeyToData
+    );
     return clone;
   }
 };
@@ -13948,13 +13950,13 @@ var Indexer = class {
   constructor() {
     this.primaryKeyToData = /* @__PURE__ */ new Map();
     this.add = (primaryKey, data) => {
-      this.primaryKeyToData.set(`${primaryKey}`, data);
+      this.primaryKeyToData.set(primaryKey, data);
     };
     this.clear = () => {
       this.primaryKeyToData.clear();
     };
     this.getDataForPrimaryKey = (primaryKey) => {
-      return this.primaryKeyToData.get(`${primaryKey}`);
+      return this.primaryKeyToData.get(primaryKey);
     };
     this.indexArray = (arr, options) => {
       const { cache, toPrimaryKey } = options;
@@ -13965,7 +13967,7 @@ var Indexer = class {
         let item = arr[i];
         let deleted = false;
         if (item != null) {
-          const pk = `${toPrimaryKey(item)}`;
+          const pk = toPrimaryKey(item);
           const cacheInfo = cache == null ? void 0 : cache.getMutationsForPrimaryKey(pk);
           if (cacheInfo && cacheInfo.length) {
             for (let cacheIndex = 0, cacheLength = cacheInfo.length; cacheIndex < cacheLength; cacheIndex++) {
@@ -13980,7 +13982,7 @@ var Indexer = class {
                 arr[i] = item;
               }
               if (info.type === "insert") {
-                const insertPK = `${toPrimaryKey(info.data)}`;
+                const insertPK = toPrimaryKey(info.data);
                 this.add(insertPK, info.data);
                 if (info.position === "before") {
                   arr.splice(i, 0, info.data);
@@ -14502,6 +14504,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;
@@ -14527,6 +14538,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;
@@ -17521,7 +17572,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.1"
+      version: "3.0.3"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;