@infinite-table/infinite-react 0.4.0 → 0.4.1

package/README.md

@@ -40,7 +40,7 @@ Infinite Table is a React DataGrid component for displaying virtualized tabular
 * [🏢 pivoting](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/pivoting) - both server-side and client-side
 * [🧪 aggregations](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/grouping-rows#aggregations)
 * [🌪️ live pagination](https://infinite-table.com/docs/latest/learn/working-with-data/live-pagination)
-* [🌴lazy loading](https://infinite-table.com/docs/latest/learn/working-with-data/lazy-loading)
+* [🌴 lazy loading](https://infinite-table.com/docs/latest/learn/working-with-data/lazy-loading)
 * [🧭 keyboard navigation for cells and rows](https://infinite-table.com/docs/latest/learn/keyboard-navigation/navigating-cells)
 * [↔️ fixed and flexible columns](https://infinite-table.com/docs/latest/learn/columns/fixed-and-flexible-size)
 * [🧩 column grouping](https://infinite-table.com/docs/latest/learn/column-groups)

package/index.d.ts

@@ -1690,6 +1690,7 @@ declare type InfiniteTableComputedColumnGroup = InfiniteTableColumnGroup & {
 declare type InfiniteTableGroupColumnGetterOptions<T> = {
     groupIndexForColumn?: number;
     groupByForColumn?: DataSourceGroupBy<T>;
+    selectionMode: DataSourcePropSelectionMode;
     groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
     groupCount: number;
     groupBy: DataSourceGroupBy<T>[];

package/index.esm.js

@@ -8653,7 +8653,7 @@ function mapPropsToState(params) {
           selectionMode = "single-row";
         }
       }
-      selectionMode = selectionMode != null ? selectionMode : "multi-row";
+      selectionMode = selectionMode != null ? selectionMode : false;
     }
   }
   let rowSelectionState = null;
@@ -9342,20 +9342,6 @@ function getImperativeApi(getComputed, getState, getDataSourceState, componentAc
             rowSelectionState.deselectRow(id);
           }
         });
-      }
-      const primaryKey = `${groupKeys}`;
-      const index = getDataSourceState().indexer.getIndexOf(primaryKey);
-      if (index != null) {
-        const rowInfo = getDataSourceState().dataArray[index];
-        rowInfo.deepRowInfoArray.forEach((rowInfo2) => {
-          if (!rowInfo2.isGroupRow) {
-            if (selected) {
-              rowSelectionState.selectRow(rowInfo2.id);
-            } else {
-              rowSelectionState.deselectRow(rowInfo2.id);
-            }
-          }
-        });
         dataSourceActions.rowSelection = rowSelectionState;
         return true;
       }
@@ -10280,8 +10266,11 @@ function getGroupColumnRenderGroupIcon({
   };
 }
 function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
-  var _a;
   const { groupByForColumn, groupIndexForColumn, groupRenderStrategy } = options;
+  let userDefinedGroupColumn = typeof groupColumnFromProps === "function" ? groupColumnFromProps(options, toggleGroupRow) : __spreadValues({}, groupColumnFromProps);
+  if (groupByForColumn.column) {
+    userDefinedGroupColumn = __spreadValues(__spreadValues({}, userDefinedGroupColumn), groupByForColumn.column);
+  }
   let generatedGroupColumn = __spreadProps(__spreadValues({
     header: `Group by ${groupByForColumn.field}`,
     groupByField: groupByForColumn.field,
@@ -10291,9 +10280,9 @@ function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
       groupIndexForColumn,
       groupRenderStrategy
     })
-  }, groupByForColumn.column), {
+  }, userDefinedGroupColumn), {
     renderGroupIcon: getGroupColumnRenderGroupIcon({
-      initialRenderGroupIcon: (_a = groupByForColumn.column) == null ? void 0 : _a.renderGroupIcon,
+      initialRenderGroupIcon: userDefinedGroupColumn == null ? void 0 : userDefinedGroupColumn.renderGroupIcon,
       groupIndexForColumn,
       toggleGroupRow,
       groupRenderStrategy
@@ -10314,7 +10303,7 @@ function getSingleGroupColumn(options, toggleGroupRow, groupColumnFromProps) {
     header: `Group`,
     groupByField: options.groupBy.map((g) => g.field),
     sortable: false,
-    renderSelectionCheckBox: true,
+    renderSelectionCheckBox: options.selectionMode === "multi-row",
     style: styleForGroupColumn,
     render: getGroupColumnRender({
       groupIndexForColumn: 0,
@@ -10511,7 +10500,7 @@ function useColumnsWhenInlineGroupRenderStrategy(groupByMap) {
 }
 function useColumnsWhenGrouping() {
   const {
-    componentState: { groupBy, pivotBy }
+    componentState: { groupBy, pivotBy, selectionMode }
   } = useDataSourceContextValue();
   const {
     componentActions,
@@ -10538,7 +10527,8 @@ function useColumnsWhenGrouping() {
         groupBy,
         pivotBy,
         pivotColumns,
-        toggleGroupRow
+        toggleGroupRow,
+        selectionMode
       });
       componentActions.columnsWhenGrouping = columnsWhenGrouping;
     };
@@ -10552,6 +10542,7 @@ function useColumnsWhenGrouping() {
     columns,
     groupBy,
     pivotBy,
+    selectionMode,
     groupColumn,
     groupRenderStrategy,
     pivotColumns,
@@ -10695,6 +10686,7 @@ function getColumnsWhenGrouping(params) {
     pivotColumns,
     groupBy,
     pivotBy,
+    selectionMode,
     groupColumn,
     pivotTotalColumnPosition,
     pivotGrandTotalColumnPosition,
@@ -10715,7 +10707,8 @@ function getColumnsWhenGrouping(params) {
         pivotBy,
         groupIndexForColumn,
         groupCount: arr.length,
-        groupRenderStrategy
+        groupRenderStrategy,
+        selectionMode
       }, toggleGroupRow, groupColumn);
       computedColumns.set(generatedGroupColumn.id || `group-by-${groupByForColumn.field}`, generatedGroupColumn);
     });
@@ -10724,7 +10717,8 @@ function getColumnsWhenGrouping(params) {
       groupCount: groupBy.length,
       groupBy,
       pivotBy,
-      groupRenderStrategy
+      groupRenderStrategy,
+      selectionMode
     }, toggleGroupRow, groupColumn);
     computedColumns.set(singleGroupColumn.id || "group-by", singleGroupColumn);
   }
@@ -11572,7 +11566,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.0"
+      version: "0.4.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -8568,7 +8568,7 @@ function mapPropsToState(params) {
           selectionMode = "single-row";
         }
       }
-      selectionMode = selectionMode != null ? selectionMode : "multi-row";
+      selectionMode = selectionMode != null ? selectionMode : false;
     }
   }
   let rowSelectionState = null;
@@ -9257,20 +9257,6 @@ function getImperativeApi(getComputed, getState, getDataSourceState, componentAc
             rowSelectionState.deselectRow(id);
           }
         });
-      }
-      const primaryKey = `${groupKeys}`;
-      const index = getDataSourceState().indexer.getIndexOf(primaryKey);
-      if (index != null) {
-        const rowInfo = getDataSourceState().dataArray[index];
-        rowInfo.deepRowInfoArray.forEach((rowInfo2) => {
-          if (!rowInfo2.isGroupRow) {
-            if (selected) {
-              rowSelectionState.selectRow(rowInfo2.id);
-            } else {
-              rowSelectionState.deselectRow(rowInfo2.id);
-            }
-          }
-        });
         dataSourceActions.rowSelection = rowSelectionState;
         return true;
       }
@@ -10182,8 +10168,11 @@ function getGroupColumnRenderGroupIcon({
   };
 }
 function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
-  var _a;
   const { groupByForColumn, groupIndexForColumn, groupRenderStrategy } = options;
+  let userDefinedGroupColumn = typeof groupColumnFromProps === "function" ? groupColumnFromProps(options, toggleGroupRow) : __spreadValues({}, groupColumnFromProps);
+  if (groupByForColumn.column) {
+    userDefinedGroupColumn = __spreadValues(__spreadValues({}, userDefinedGroupColumn), groupByForColumn.column);
+  }
   let generatedGroupColumn = __spreadProps(__spreadValues({
     header: `Group by ${groupByForColumn.field}`,
     groupByField: groupByForColumn.field,
@@ -10193,9 +10182,9 @@ function getColumnForGroupBy(options, toggleGroupRow, groupColumnFromProps) {
       groupIndexForColumn,
       groupRenderStrategy
     })
-  }, groupByForColumn.column), {
+  }, userDefinedGroupColumn), {
     renderGroupIcon: getGroupColumnRenderGroupIcon({
-      initialRenderGroupIcon: (_a = groupByForColumn.column) == null ? void 0 : _a.renderGroupIcon,
+      initialRenderGroupIcon: userDefinedGroupColumn == null ? void 0 : userDefinedGroupColumn.renderGroupIcon,
       groupIndexForColumn,
       toggleGroupRow,
       groupRenderStrategy
@@ -10216,7 +10205,7 @@ function getSingleGroupColumn(options, toggleGroupRow, groupColumnFromProps) {
     header: `Group`,
     groupByField: options.groupBy.map((g) => g.field),
     sortable: false,
-    renderSelectionCheckBox: true,
+    renderSelectionCheckBox: options.selectionMode === "multi-row",
     style: styleForGroupColumn,
     render: getGroupColumnRender({
       groupIndexForColumn: 0,
@@ -10413,7 +10402,7 @@ function useColumnsWhenInlineGroupRenderStrategy(groupByMap) {
 }
 function useColumnsWhenGrouping() {
   const {
-    componentState: { groupBy, pivotBy }
+    componentState: { groupBy, pivotBy, selectionMode }
   } = useDataSourceContextValue();
   const {
     componentActions,
@@ -10440,7 +10429,8 @@ function useColumnsWhenGrouping() {
         groupBy,
         pivotBy,
         pivotColumns,
-        toggleGroupRow
+        toggleGroupRow,
+        selectionMode
       });
       componentActions.columnsWhenGrouping = columnsWhenGrouping;
     };
@@ -10454,6 +10444,7 @@ function useColumnsWhenGrouping() {
     columns,
     groupBy,
     pivotBy,
+    selectionMode,
     groupColumn,
     groupRenderStrategy,
     pivotColumns,
@@ -10597,6 +10588,7 @@ function getColumnsWhenGrouping(params) {
     pivotColumns,
     groupBy,
     pivotBy,
+    selectionMode,
     groupColumn,
     pivotTotalColumnPosition,
     pivotGrandTotalColumnPosition,
@@ -10617,7 +10609,8 @@ function getColumnsWhenGrouping(params) {
         pivotBy,
         groupIndexForColumn,
         groupCount: arr.length,
-        groupRenderStrategy
+        groupRenderStrategy,
+        selectionMode
       }, toggleGroupRow, groupColumn);
       computedColumns.set(generatedGroupColumn.id || `group-by-${groupByForColumn.field}`, generatedGroupColumn);
     });
@@ -10626,7 +10619,8 @@ function getColumnsWhenGrouping(params) {
       groupCount: groupBy.length,
       groupBy,
       pivotBy,
-      groupRenderStrategy
+      groupRenderStrategy,
+      selectionMode
     }, toggleGroupRow, groupColumn);
     computedColumns.set(singleGroupColumn.id || "group-by", singleGroupColumn);
   }
@@ -11474,7 +11468,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react44.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.0"
+      version: "0.4.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1659518029086
+  "publishedAt": 1659542677371
 }