@infinite-table/infinite-react 2.0.0 → 2.0.2

package/index.d.ts

@@ -1537,7 +1537,7 @@ declare type DataSourceRawReducer<T, RESULT_TYPE> = {
 declare type DataSourceAggregationReducer<T, AggregationResultType> = {
     name?: string;
     field?: keyof T;
-    initialValue?: AggregationResultType;
+    initialValue?: AggregationResultType | (() => any);
     getter?: (data: T) => any;
     reducer: string | ((accumulator: any, value: any, data: T, index: number, groupKeys: any[] | undefined) => AggregationResultType | any);
     done?: (accumulatedValue: AggregationResultType | any, array: T[]) => AggregationResultType;
@@ -1890,6 +1890,7 @@ declare type InfiniteTable_HasGrouping_RowInfoNormal<T> = {
 declare type InfiniteTable_HasGrouping_RowInfoGroup<T> = {
     dataSourceHasGrouping: true;
     data: Partial<T> | null;
+    reducerData?: Partial<Record<keyof T, any>>;
     isGroupRow: true;
     /**
      * This array contains all the (uncollapsed, so visible) row infos under this group, at any level of nesting,
@@ -2560,8 +2561,8 @@ declare type InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T> = {
     api: InfiniteTableApi<T>;
     dataSourceApi: DataSourceApi<T>;
 } & InfiniteTableRowInfoDataDiscriminatorWithColumn<T>;
-declare type InfiniteTablePropsEditable<T> = InfiniteTableColumnEditableFn<T> | undefined;
-declare type InfiniteTablePropsSortable<T> = InfiniteTableColumnSortable<T> | undefined;
+declare type InfiniteTablePropEditable<T> = InfiniteTableColumnEditableFn<T> | undefined;
+declare type InfiniteTablePropSortable<T> = InfiniteTableColumnSortable<T> | undefined;
 declare type InfiniteTablePropOnEditAcceptedParams<T> = InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T> & {
     initialValue: any;
 };
@@ -2593,11 +2594,11 @@ interface InfiniteTableProps<T> {
      * This overrides both the global `columnDefaultSortable` prop and the column's own `defaultSortable` prop.
      * When used, it's the ultimate source of truth for whether (and which) columns are sortable.
      */
-    sortable?: InfiniteTablePropsSortable<T>;
+    sortable?: InfiniteTablePropSortable<T>;
     /**
      * This overrides both the global `columnDefaultEditable` prop and the column's own `defaultEditable` prop.
      */
-    editable?: InfiniteTablePropsEditable<T>;
+    editable?: InfiniteTablePropEditable<T>;
     pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
     pivotGrandTotalColumnPosition?: InfiniteTablePropPivotGrandTotalColumnPosition;
     groupColumn?: InfiniteTablePropGroupColumn<T>;

package/index.dev.js

@@ -8034,6 +8034,9 @@ function getRawValueForCell(column, rowInfo) {
   let value = isGroupRow && groupBy && column.groupByForColumn && // if this is a multi-group column we're good
   (Array.isArray(column.groupByForColumn) || // or it has to be a group column for the current group row
   column.groupByForColumn === groupBy[groupBy.length - 1]) ? rowInfo.value : isColumnWithField(column) ? data == null ? void 0 : data[column.field] : null;
+  if (column.field && rowInfo.isGroupRow && rowInfo.reducerData && rowInfo.reducerData[column.field] != null) {
+    value = rowInfo.reducerData[column.field];
+  }
   if (column.valueGetter) {
     if (!rowInfo.isGroupRow && rowInfo.data) {
       value = column.valueGetter({ data: rowInfo.data, field: column.field });
@@ -9070,11 +9073,14 @@ var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
 var spacer = /* @__PURE__ */ React42.createElement("div", { className: flex["1"] });
 var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-name": ``,
+  "data-field": ``,
   "data-header-align": "",
-  "data-column-id": ""
+  "data-column-id": "",
+  "data-sort": "",
+  "data-sort-index": ""
 });
 function InfiniteTableHeaderCell(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const column = props.column;
   const {
     api,
@@ -9353,9 +9359,12 @@ function InfiniteTableHeaderCell(props) {
   const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
   style2.zIndex = zIndex2;
   const dataAttrs = {
+    "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     "data-header-align": align2,
-    "data-name": "HeaderCell"
+    "data-name": "HeaderCell",
+    "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
+    "data-sort-index": `${(_p = column.computedSortIndex) != null ? _p : -1}`
   };
   return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
     InfiniteTableCell,
@@ -10568,12 +10577,17 @@ function getEnhancedGroupData(options, deepMapValue) {
     commonData
   } = deepMapValue;
   let data = commonData != null ? commonData : null;
+  let reducerData;
   if (Object.keys(reducerResults).length > 0) {
     data = __spreadValues({}, commonData);
+    reducerData = {};
     for (const key in reducers)
       if (reducers.hasOwnProperty(key)) {
         const reducer = reducers[key];
         const field = reducer.field;
+        if (field) {
+          reducerData[field] = reducerResults[key];
+        }
         if (field && data[field] == null) {
           data[field] = reducerResults[key];
         }
@@ -10598,6 +10612,7 @@ function getEnhancedGroupData(options, deepMapValue) {
   }
   const enhancedGroupData = {
     data,
+    reducerData,
     groupCount: groupItems.length,
     groupData: groupItems,
     groupKeys,
@@ -16750,7 +16765,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.0"
+      version: "2.0.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -8020,6 +8020,9 @@ function getRawValueForCell(column, rowInfo) {
   let value = isGroupRow && groupBy && column.groupByForColumn && // if this is a multi-group column we're good
   (Array.isArray(column.groupByForColumn) || // or it has to be a group column for the current group row
   column.groupByForColumn === groupBy[groupBy.length - 1]) ? rowInfo.value : isColumnWithField(column) ? data == null ? void 0 : data[column.field] : null;
+  if (column.field && rowInfo.isGroupRow && rowInfo.reducerData && rowInfo.reducerData[column.field] != null) {
+    value = rowInfo.reducerData[column.field];
+  }
   if (column.valueGetter) {
     if (!rowInfo.isGroupRow && rowInfo.data) {
       value = column.valueGetter({ data: rowInfo.data, field: column.field });
@@ -9056,11 +9059,14 @@ var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
 var spacer = /* @__PURE__ */ React42.createElement("div", { className: flex["1"] });
 var InfiniteHeaderCellDataAttributes = keyMirror({
   "data-name": ``,
+  "data-field": ``,
   "data-header-align": "",
-  "data-column-id": ""
+  "data-column-id": "",
+  "data-sort": "",
+  "data-sort-index": ""
 });
 function InfiniteTableHeaderCell(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const column = props.column;
   const {
     api,
@@ -9339,9 +9345,12 @@ function InfiniteTableHeaderCell(props) {
   const zIndex2 = `var(${columnZIndexAtIndex5}-${column.computedVisibleIndex})`;
   style2.zIndex = zIndex2;
   const dataAttrs = {
+    "data-field": `${column.field || ""}`,
     "data-column-id": column.id,
     "data-header-align": align2,
-    "data-name": "HeaderCell"
+    "data-name": "HeaderCell",
+    "data-sort": column.computedSortedAsc ? "asc" : column.computedSortedDesc ? "desc" : "none",
+    "data-sort-index": `${(_p = column.computedSortIndex) != null ? _p : -1}`
   };
   return /* @__PURE__ */ React42.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React42.createElement(
     InfiniteTableCell,
@@ -10554,12 +10563,17 @@ function getEnhancedGroupData(options, deepMapValue) {
     commonData
   } = deepMapValue;
   let data = commonData != null ? commonData : null;
+  let reducerData;
   if (Object.keys(reducerResults).length > 0) {
     data = __spreadValues({}, commonData);
+    reducerData = {};
     for (const key in reducers)
       if (reducers.hasOwnProperty(key)) {
         const reducer = reducers[key];
         const field = reducer.field;
+        if (field) {
+          reducerData[field] = reducerResults[key];
+        }
         if (field && data[field] == null) {
           data[field] = reducerResults[key];
         }
@@ -10584,6 +10598,7 @@ function getEnhancedGroupData(options, deepMapValue) {
   }
   const enhancedGroupData = {
     data,
+    reducerData,
     groupCount: groupItems.length,
     groupData: groupItems,
     groupKeys,
@@ -16740,7 +16755,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "2.0.0"
+      version: "2.0.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;