@infinite-table/infinite-react 2.0.2 → 2.0.4

package/index.d.ts

@@ -1375,15 +1375,21 @@ declare type RenderRange = {
 declare type DataSourceMutation<T> = {
     type: 'delete';
     primaryKey: any;
+    originalData: T;
+    metadata: any;
 } | {
     type: 'update';
     primaryKey: any;
     data: Partial<T>;
+    originalData: T;
+    metadata: any;
 } | {
     type: 'insert';
     primaryKey: any;
     position: 'before' | 'after';
+    originalData: null;
     data: T;
+    metadata: any;
 };
 declare class DataSourceCache<DataType, PrimaryKeyType = string> {
     private affectedFields;
@@ -1393,9 +1399,9 @@ declare class DataSourceCache<DataType, PrimaryKeyType = string> {
         light?: boolean;
     }): DataSourceCache<DataType, PrimaryKeyType>;
     getAffectedFields: () => true | Set<keyof DataType>;
-    delete: (primaryKey: PrimaryKeyType) => void;
-    insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after') => void;
-    update: (primaryKey: PrimaryKeyType, data: Partial<DataType>) => void;
+    delete: (primaryKey: PrimaryKeyType, originalData: DataType, metadata: any) => void;
+    insert: (primaryKey: PrimaryKeyType, data: DataType, position: 'before' | 'after', metadata: any) => void;
+    update: (primaryKey: PrimaryKeyType, data: Partial<DataType>, originalData: DataType, metadata: any) => void;
     clear: () => void;
     isEmpty: () => boolean;
     removeInfo: (primaryKey: PrimaryKeyType) => void;
@@ -1636,6 +1642,7 @@ declare type DataSourcePropIsRowSelected<T> = (rowInfo: InfiniteTableRowInfo<T>,
 declare type DataSourcePropSortFn<T> = (sortInfo: MultisortInfoAllowMultipleFields<T>[], array: T[], get?: (item: any) => T) => T[];
 declare type DataSourceCRUDParam = {
     flush?: boolean;
+    metadata?: any;
 };
 declare type DataSourceInsertParam = DataSourceCRUDParam & ({
     position: 'before' | 'after';
@@ -1667,6 +1674,9 @@ declare type DataSourceRowInfoReducer<T> = DataSourceRawReducer<InfiniteTableRow
 declare type DataSourceProps<T> = {
     children: React$1.ReactNode | ((contextData: DataSourceState<T>) => React$1.ReactNode);
     primaryKey: keyof T | ((data: T) => string);
+    /**
+     * @deprecated for now
+     */
     fields?: (keyof T)[];
     refetchKey?: number | string | object;
     rowInfoReducers?: DataSourcePropRowInfoReducers<T>;
@@ -1704,7 +1714,8 @@ declare type DataSourceProps<T> = {
     onSortInfoChange?: ((sortInfo: DataSourceSingleSortInfo<T> | null) => void) | ((sortInfo: DataSourceSingleSortInfo<T>[]) => void);
     onDataParamsChange?: (dataParamsChange: DataSourceDataParams<T>) => void;
     onDataArrayChange?: (dataArray: DataSourceState<T>['originalDataArray'], info: DataSourceState<T>['originalDataArrayChangedInfo']) => void;
-    onDataMutations?: ({ dataArray, timestamp, mutations, }: {
+    onDataMutations?: ({ dataArray, timestamp, mutations, primaryKeyField, }: {
+        primaryKeyField: undefined | keyof T;
         dataArray: DataSourceState<T>['originalDataArray'];
         timestamp: number;
         mutations: NonUndefined<DataSourceState<T>['originalDataArrayChangedInfo']['mutations']>;

package/index.dev.js

@@ -10928,17 +10928,19 @@ var DataSourceCache = class {
       }
       return this.affectedFields;
     };
-    this.delete = (primaryKey) => {
+    this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
-        primaryKey
+        primaryKey,
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.insert = (primaryKey, data, position2) => {
+    this.insert = (primaryKey, data, position2, metadata) => {
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
@@ -10946,11 +10948,13 @@ var DataSourceCache = class {
         type: "insert",
         primaryKey,
         data,
-        position: position2
+        position: position2,
+        originalData: null,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.update = (primaryKey, data) => {
+    this.update = (primaryKey, data, originalData, metadata) => {
       if (!this.allFieldsAffected) {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
@@ -10960,7 +10964,9 @@ var DataSourceCache = class {
       value.push({
         type: "update",
         primaryKey,
-        data
+        data,
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(`${primaryKey}`, value);
     };
@@ -11031,20 +11037,32 @@ var DataSourceApiImpl = class {
     operations.forEach((operation) => {
       switch (operation.type) {
         case "update":
-          operation.array.forEach((d, index) => {
-            cache.update(operation.primaryKeys[index], d);
+          operation.array.forEach((data, index) => {
+            const key = operation.primaryKeys[index];
+            const rowInfo = this.getRowInfoByPrimaryKey(key);
+            if (rowInfo && !rowInfo.isGroupRow) {
+              cache.update(
+                operation.primaryKeys[index],
+                data,
+                rowInfo.data,
+                operation.metadata
+              );
+            }
           });
           break;
         case "delete":
           operation.primaryKeys.forEach((key) => {
-            cache.delete(key);
+            const rowInfo = this.getRowInfoByPrimaryKey(key);
+            if (rowInfo && !rowInfo.isGroupRow) {
+              cache.delete(key, rowInfo.data, operation.metadata);
+            }
           });
           break;
         case "insert":
           let pk = operation.primaryKey;
           let position2 = operation.position;
           operation.array.forEach((data) => {
-            cache.insert(pk, data, position2);
+            cache.insert(pk, data, position2, operation.metadata);
             pk = this.toPrimaryKey(data);
             position2 = "after";
           });
@@ -11102,7 +11120,8 @@ var DataSourceApiImpl = class {
       array: data,
       primaryKeys: data.map((d) => {
         return this.toPrimaryKey(d);
-      })
+      }),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11112,7 +11131,8 @@ var DataSourceApiImpl = class {
   removeDataByPrimaryKey(id, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [id]
+      primaryKeys: [id],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11122,7 +11142,8 @@ var DataSourceApiImpl = class {
   removeData(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [this.toPrimaryKey(data)]
+      primaryKeys: [this.toPrimaryKey(data)],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11132,7 +11153,8 @@ var DataSourceApiImpl = class {
   removeDataArrayByPrimaryKeys(ids, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: ids
+      primaryKeys: ids,
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11142,7 +11164,8 @@ var DataSourceApiImpl = class {
   removeDataArray(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: data.map(this.toPrimaryKey)
+      primaryKeys: data.map(this.toPrimaryKey),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11180,6 +11203,7 @@ var DataSourceApiImpl = class {
       type: "insert",
       array: data,
       position: position2,
+      metadata: options == null ? void 0 : options.metadata,
       primaryKey
     });
     if (options == null ? void 0 : options.flush) {
@@ -11566,6 +11590,17 @@ function getPivotColumnsAndColumnGroups({
   ).map((key) => {
     return __spreadProps(__spreadValues({}, reducers[key]), { id: key });
   });
+  if (!aggregationReducers.length) {
+    showSeparatePivotColumnForSingleAggregation = true;
+    pivotGrandTotalColumnPosition = false;
+    pivotTotalColumnPosition = false;
+    aggregationReducers.push({
+      id: "__empty-aggregation-reducer__",
+      name: "-",
+      initialValue: null,
+      reducer: () => null
+    });
+  }
   const columns = /* @__PURE__ */ new Map([
     // [
     //   'labels',
@@ -13976,6 +14011,7 @@ function DataSourceCmp({ children }) {
     );
     if (componentState.onDataMutations && componentState.originalDataArrayChangedInfo.mutations) {
       componentState.onDataMutations({
+        primaryKeyField: typeof componentState.primaryKey === "string" ? componentState.primaryKey : void 0,
         dataArray: componentState.originalDataArray,
         mutations: componentState.originalDataArrayChangedInfo.mutations,
         timestamp: componentState.originalDataArrayChangedInfo.timestamp
@@ -14093,13 +14129,19 @@ var InfiniteTableApiImpl = class {
         valueToPersist = yield column.getValueToPersist(params);
       }
       params.value = valueToPersist;
+      editingCell.value = valueToPersist;
       const persistEdit = (_b = this.getState().persistEdit) != null ? _b : () => {
         if (!params.column.field) {
           return value;
         }
-        return this.context.dataSourceApi.updateData(__spreadProps(__spreadValues({}, params.data), {
+        const primaryKey = this.getDataSourceState().primaryKey;
+        const newData = params.data && typeof primaryKey === "string" ? {
+          [primaryKey]: params.data[primaryKey],
           [params.column.field]: valueToPersist
-        }));
+        } : __spreadProps(__spreadValues({}, params.data), {
+          [params.column.field]: valueToPersist
+        });
+        return this.context.dataSourceApi.updateData(newData);
       };
       let response;
       try {
@@ -16765,7 +16807,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.2"
+      version: "2.0.4"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -10914,17 +10914,19 @@ var DataSourceCache = class {
       }
       return this.affectedFields;
     };
-    this.delete = (primaryKey) => {
+    this.delete = (primaryKey, originalData, metadata) => {
       this.allFieldsAffected = true;
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       value.push({
         type: "delete",
-        primaryKey
+        primaryKey,
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.insert = (primaryKey, data, position2) => {
+    this.insert = (primaryKey, data, position2, metadata) => {
       const pk = `${primaryKey}`;
       const value = this.primaryKeyToData.get(pk) || [];
       this.allFieldsAffected = true;
@@ -10932,11 +10934,13 @@ var DataSourceCache = class {
         type: "insert",
         primaryKey,
         data,
-        position: position2
+        position: position2,
+        originalData: null,
+        metadata
       });
       this.primaryKeyToData.set(pk, value);
     };
-    this.update = (primaryKey, data) => {
+    this.update = (primaryKey, data, originalData, metadata) => {
       if (!this.allFieldsAffected) {
         const keys = Object.keys(data);
         keys.forEach((key) => this.affectedFields.add(key));
@@ -10946,7 +10950,9 @@ var DataSourceCache = class {
       value.push({
         type: "update",
         primaryKey,
-        data
+        data,
+        originalData,
+        metadata
       });
       this.primaryKeyToData.set(`${primaryKey}`, value);
     };
@@ -11017,20 +11023,32 @@ var DataSourceApiImpl = class {
     operations.forEach((operation) => {
       switch (operation.type) {
         case "update":
-          operation.array.forEach((d, index) => {
-            cache.update(operation.primaryKeys[index], d);
+          operation.array.forEach((data, index) => {
+            const key = operation.primaryKeys[index];
+            const rowInfo = this.getRowInfoByPrimaryKey(key);
+            if (rowInfo && !rowInfo.isGroupRow) {
+              cache.update(
+                operation.primaryKeys[index],
+                data,
+                rowInfo.data,
+                operation.metadata
+              );
+            }
           });
           break;
         case "delete":
           operation.primaryKeys.forEach((key) => {
-            cache.delete(key);
+            const rowInfo = this.getRowInfoByPrimaryKey(key);
+            if (rowInfo && !rowInfo.isGroupRow) {
+              cache.delete(key, rowInfo.data, operation.metadata);
+            }
           });
           break;
         case "insert":
           let pk = operation.primaryKey;
           let position2 = operation.position;
           operation.array.forEach((data) => {
-            cache.insert(pk, data, position2);
+            cache.insert(pk, data, position2, operation.metadata);
             pk = this.toPrimaryKey(data);
             position2 = "after";
           });
@@ -11088,7 +11106,8 @@ var DataSourceApiImpl = class {
       array: data,
       primaryKeys: data.map((d) => {
         return this.toPrimaryKey(d);
-      })
+      }),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11098,7 +11117,8 @@ var DataSourceApiImpl = class {
   removeDataByPrimaryKey(id, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [id]
+      primaryKeys: [id],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11108,7 +11128,8 @@ var DataSourceApiImpl = class {
   removeData(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: [this.toPrimaryKey(data)]
+      primaryKeys: [this.toPrimaryKey(data)],
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11118,7 +11139,8 @@ var DataSourceApiImpl = class {
   removeDataArrayByPrimaryKeys(ids, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: ids
+      primaryKeys: ids,
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11128,7 +11150,8 @@ var DataSourceApiImpl = class {
   removeDataArray(data, options) {
     const result = this.batchOperation({
       type: "delete",
-      primaryKeys: data.map(this.toPrimaryKey)
+      primaryKeys: data.map(this.toPrimaryKey),
+      metadata: options == null ? void 0 : options.metadata
     });
     if (options == null ? void 0 : options.flush) {
       this.commit();
@@ -11166,6 +11189,7 @@ var DataSourceApiImpl = class {
       type: "insert",
       array: data,
       position: position2,
+      metadata: options == null ? void 0 : options.metadata,
       primaryKey
     });
     if (options == null ? void 0 : options.flush) {
@@ -11552,6 +11576,17 @@ function getPivotColumnsAndColumnGroups({
   ).map((key) => {
     return __spreadProps(__spreadValues({}, reducers[key]), { id: key });
   });
+  if (!aggregationReducers.length) {
+    showSeparatePivotColumnForSingleAggregation = true;
+    pivotGrandTotalColumnPosition = false;
+    pivotTotalColumnPosition = false;
+    aggregationReducers.push({
+      id: "__empty-aggregation-reducer__",
+      name: "-",
+      initialValue: null,
+      reducer: () => null
+    });
+  }
   const columns = /* @__PURE__ */ new Map([
     // [
     //   'labels',
@@ -13962,6 +13997,7 @@ function DataSourceCmp({ children }) {
     );
     if (componentState.onDataMutations && componentState.originalDataArrayChangedInfo.mutations) {
       componentState.onDataMutations({
+        primaryKeyField: typeof componentState.primaryKey === "string" ? componentState.primaryKey : void 0,
         dataArray: componentState.originalDataArray,
         mutations: componentState.originalDataArrayChangedInfo.mutations,
         timestamp: componentState.originalDataArrayChangedInfo.timestamp
@@ -14079,13 +14115,19 @@ var InfiniteTableApiImpl = class {
         valueToPersist = yield column.getValueToPersist(params);
       }
       params.value = valueToPersist;
+      editingCell.value = valueToPersist;
       const persistEdit = (_b = this.getState().persistEdit) != null ? _b : () => {
         if (!params.column.field) {
           return value;
         }
-        return this.context.dataSourceApi.updateData(__spreadProps(__spreadValues({}, params.data), {
+        const primaryKey = this.getDataSourceState().primaryKey;
+        const newData = params.data && typeof primaryKey === "string" ? {
+          [primaryKey]: params.data[primaryKey],
           [params.column.field]: valueToPersist
-        }));
+        } : __spreadProps(__spreadValues({}, params.data), {
+          [params.column.field]: valueToPersist
+        });
+        return this.context.dataSourceApi.updateData(newData);
       };
       let response;
       try {
@@ -16755,7 +16797,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.2"
+      version: "2.0.4"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;