@infinite-table/infinite-react 0.4.12 → 0.4.13

package/README.md

@@ -37,7 +37,7 @@
 
 * [🔃 sorting](https://infinite-table.com/docs/latest/learn/working-with-data/sorting)
 * [💪 row grouping](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/grouping-rows) - both server-side and client-side
-* [🏢 pivoting](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/pivoting) - both server-side and client-side
+* [🏢 pivoting](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/pivoting/overview) - 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)

package/index.d.ts

@@ -271,7 +271,7 @@ declare type InfiniteTableColumn<DATA_TYPE> = {
     renderGroupValue?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
     renderLeafValue?: InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE>;
     valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
-    valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE>;
+    valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE, Renderable>;
     defaultWidth?: number;
     defaultFlex?: number;
     defaultFilterable?: boolean;

package/index.esm.js

@@ -4261,7 +4261,7 @@ import {
   createElement as createElement25,
   useMemo as useMemo5
 } from "react";
-import { useCallback as useCallback9, useContext as useContext5, useEffect as useEffect13, useRef as useRef13 } from "react";
+import { useCallback as useCallback9, useContext as useContext5, useEffect as useEffect13, useRef as useRef14 } from "react";
 import { createPortal } from "react-dom";
 
 // src/components/DataSource/defaultFilterTypes.ts
@@ -5147,7 +5147,8 @@ import {
   Fragment as Fragment2,
   createContext as createContext4,
   createElement as createElement18,
-  memo as memo8
+  memo as memo8,
+  useRef as useRef12
 } from "react";
 import { useCallback as useCallback7, useContext as useContext4, useMemo as useMemo4 } from "react";
 
@@ -5771,6 +5772,7 @@ function InfiniteTableColumnCellFn(props) {
     context: renderingContext
   });
   const renderParam = renderParams;
+  const renderParamRef = useRef12(renderParam);
   const onClick = useCallback7((event) => {
     const colIndex = column.computedVisibleIndex;
     getState().cellClick({
@@ -5854,6 +5856,7 @@ function InfiniteTableColumnCellFn(props) {
         })
       });
     }
+    renderParamRef.current = renderParam;
     if (column.render) {
       return /* @__PURE__ */ createElement18(RenderCellHookComponent, {
         render: column.render,
@@ -5920,7 +5923,10 @@ function InfiniteTableColumnCellFn(props) {
     }), colClassName, rowComputedClassName),
     renderChildren
   };
-  return /* @__PURE__ */ createElement18(InfiniteTableCell, __spreadValues({}, cellProps));
+  const ContextProvider = InfiniteTableColumnCellContext.Provider;
+  return /* @__PURE__ */ createElement18(ContextProvider, {
+    value: renderParamRef.current
+  }, /* @__PURE__ */ createElement18(InfiniteTableCell, __spreadValues({}, cellProps)));
 }
 var InfiniteTableColumnCell = memo8(InfiniteTableColumnCellFn);
 function useInfiniteColumnCell() {
@@ -6486,7 +6492,7 @@ var computeGroupResize = (params) => {
 };
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
-import { useRef as useRef12, useState as useState9 } from "react";
+import { useRef as useRef13, useState as useState9 } from "react";
 import {
   createElement as createElement23,
   memo as memo9
@@ -6590,9 +6596,9 @@ var ResizeHandleRecipeCls = (0, import_createRuntimeFn6.createRuntimeFn)({ defau
 var { rootClassName: rootClassName8 } = internalProps;
 var InfiniteTableHeaderCellResizeHandleCls = `${rootClassName8}HeaderCell_ResizeHandle`;
 function ResizeHandleFn(props) {
-  const domRef = useRef12(null);
+  const domRef = useRef13(null);
   const [constrained, setConstrained] = useState9(false);
-  const constrainedRef = useRef12(constrained);
+  const constrainedRef = useRef13(constrained);
   constrainedRef.current = constrained;
   const col = props.columns[props.columnIndex];
   if (!col) {
@@ -6838,7 +6844,7 @@ function InfiniteTableHeaderCell(props) {
     }
     return /* @__PURE__ */ createElement25(Fragment3, null, align !== "end" ? renderParam.renderBag.selectionCheckBox : null, align === "end" ? renderParam.renderBag.sortIcon : null, renderParam.renderBag.header, align !== "end" ? renderParam.renderBag.sortIcon : null, align === "end" ? renderParam.renderBag.selectionCheckBox : null);
   };
-  const domRef = useRef13(null);
+  const domRef = useRef14(null);
   const {
     componentActions: dataSourceActions,
     getState: getDataSourceState,
@@ -7101,7 +7107,7 @@ import {
   createElement as createElement29,
   memo as memo11
 } from "react";
-import { useCallback as useCallback11, useEffect as useEffect14, useRef as useRef15 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect14, useRef as useRef16 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderGroup.tsx
 import {
@@ -7115,7 +7121,7 @@ import {
 import { useCallback as useCallback10 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/GroupResizeHandle.tsx
-import { useRef as useRef14, useState as useState10 } from "react";
+import { useRef as useRef15, useState as useState10 } from "react";
 import {
   createElement as createElement26,
   memo as memo10
@@ -7123,9 +7129,9 @@ import {
 var { rootClassName: rootClassName10 } = internalProps;
 var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName10}HeaderCell_ResizeHandle`;
 function GroupResizeHandleFn(props) {
-  const domRef = useRef14(null);
+  const domRef = useRef15(null);
   const [constrained, setConstrained] = useState10(false);
-  const constrainedRef = useRef14(constrained);
+  const constrainedRef = useRef15(constrained);
   constrainedRef.current = constrained;
   const col = props.groupColumns[0];
   if (!col) {
@@ -7324,7 +7330,7 @@ function InfiniteTableHeaderFn(props) {
     const removeOnScroll = brain.onScroll(onScroll);
     return removeOnScroll;
   }, [brain]);
-  const domRef = useRef15(null);
+  const domRef = useRef16(null);
   const headerCls = HeaderClsRecipe({
     overflow: false
   });
@@ -7498,7 +7504,7 @@ import {
   createElement as createElement31,
   forwardRef as forwardRef4,
   useCallback as useCallback13,
-  useRef as useRef16
+  useRef as useRef17
 } from "react";
 import { useEffect as useEffect15 } from "react";
 
@@ -7537,7 +7543,7 @@ var enforceStyle = (node, style) => {
 };
 var InfiniteTableLicenseFooter = forwardRef4(function InfiniteTableLicenseFooter2(props, ref) {
   const { rootClassName: rootClassName13 } = useInternalProps();
-  const domRef = useRef16(null);
+  const domRef = useRef17(null);
   const domCallback = useCallback13((node) => {
     domRef.current = node;
     if (!ref) {
@@ -8377,15 +8383,15 @@ var GroupRowsState = class extends BooleanDeepCollectionState {
 };
 
 // src/components/DataSource/privateHooks/useLoadData.ts
-import { useEffect as useEffect17, useMemo as useMemo7, useRef as useRef18, useState as useState11 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo7, useRef as useRef19, useState as useState11 } from "react";
 
 // src/components/hooks/useEffectWithChanges.ts
-import { useEffect as useEffect16, useRef as useRef17 } from "react";
+import { useEffect as useEffect16, useRef as useRef18 } from "react";
 function useEffectWithChanges(fn, deps) {
-  const prevRef = useRef17({});
-  const oldValuesRef = useRef17({});
+  const prevRef = useRef18({});
+  const oldValuesRef = useRef18({});
   const oldValues = oldValuesRef.current;
-  const changesRef = useRef17({});
+  const changesRef = useRef18({});
   const changes = changesRef.current;
   const useEffectDeps = [];
   for (const k in deps) {
@@ -8668,7 +8674,7 @@ function useLoadData() {
     vertical: false,
     horizontal: false
   });
-  const scrollbarsRef = useRef18(scrollbars);
+  const scrollbarsRef = useRef19(scrollbars);
   useEffect17(() => {
     notifyScrollbarsChange.onChange((scrollbars2) => {
       if (!scrollbars2) {
@@ -8725,7 +8731,7 @@ function useLoadData() {
     filterValue,
     cursorId: livePagination ? stateCursorId : null
   };
-  const initialRef = useRef18(true);
+  const initialRef = useRef19(true);
   useLazyLoadRange();
   useEffectWithChanges(() => {
     const componentState2 = getComponentState();
@@ -8769,7 +8775,7 @@ function useLazyLoadRange() {
     groupRowsState,
     scrollStopDelayUpdatedByTable
   } = componentState;
-  const latestRenderRangeRef = useRef18(null);
+  const latestRenderRangeRef = useRef19(null);
   const loadRange = (renderRange, cache = getComponentState().lazyLoadCacheOfLoadedBatches) => {
     const componentState2 = getComponentState();
     renderRange = renderRange || latestRenderRangeRef.current;
@@ -10589,7 +10595,7 @@ function getImperativeApi(param) {
 // src/components/InfiniteTable/hooks/useAutoSizeColumns.ts
 import {
   useEffect as useEffect18,
-  useRef as useRef19,
+  useRef as useRef20,
   useState as useState12
 } from "react";
 var OFFSET = 10;
@@ -10660,7 +10666,7 @@ function useAutoSizeColumns() {
   const [refreshId, setRefreshId] = useState12(0);
   const theKey = typeof autoSizeColumnsKey === "object" ? autoSizeColumnsKey.key : autoSizeColumnsKey;
   const getTheKey = useLatest(theKey);
-  const lastExecutedIdentifierRef = useRef19(null);
+  const lastExecutedIdentifierRef = useRef20(null);
   useEffect18(() => {
     const key = getTheKey();
     if (key == null) {
@@ -10719,7 +10725,7 @@ function useAutoSizeColumns() {
 }
 
 // src/components/InfiniteTable/hooks/useCellRendering.tsx
-import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef20 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef21 } from "react";
 import {
   createElement as createElement34
 } from "react";
@@ -10795,7 +10801,7 @@ function useCellRendering(param) {
     bodySize,
     rowspan
   });
-  const scrollTopMaxRef = useRef20(0);
+  const scrollTopMaxRef = useRef21(0);
   useEffect19(() => {
     return brain.onRenderCountChange(() => {
       scrollTopMaxRef.current = brain.scrollTopMax;
@@ -11135,10 +11141,10 @@ function useColumnSizeFn(columns) {
 import { useEffect as useEffect23, useMemo as useMemo9 } from "react";
 
 // src/components/InfiniteTable/hooks/useEffectWithRaf.ts
-import { useEffect as useEffect22, useRef as useRef21 } from "react";
+import { useEffect as useEffect22, useRef as useRef22 } from "react";
 function useEffectWithRaf(fn, deps) {
-  const rafId = useRef21(0);
-  const removeFnRaf = useRef21();
+  const rafId = useRef22(0);
+  const removeFnRaf = useRef22();
   useEffect22(() => {
     rafId.current = requestAnimationFrame(() => {
       removeFnRaf.current = fn();
@@ -12523,7 +12529,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.12"
+      version: "0.4.13"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -12534,11 +12540,11 @@ var useLicense = (licenseKey = "") => {
 };
 
 // src/components/InfiniteTable/hooks/useScrollToActiveCell.ts
-import { useRef as useRef22, useEffect as useEffect27 } from "react";
+import { useRef as useRef23, useEffect as useEffect27 } from "react";
 var RETRIES = 10;
 function useScrollToActiveCell(activeCellIndex, dataCount, imperativeApi) {
-  const didScrollRef = useRef22(false);
-  const rafId = useRef22(null);
+  const didScrollRef = useRef23(false);
+  const rafId = useRef23(null);
   useEffect27(() => {
     if (activeCellIndex != null) {
       didScrollRef.current = false;
@@ -12568,11 +12574,11 @@ function useScrollToActiveCell(activeCellIndex, dataCount, imperativeApi) {
 }
 
 // src/components/InfiniteTable/hooks/useScrollToActiveRow.ts
-import { useRef as useRef23, useEffect as useEffect28 } from "react";
+import { useRef as useRef24, useEffect as useEffect28 } from "react";
 var RETRIES2 = 10;
 function useScrollToActiveRow(activeRowIndex, dataCount, imperativeApi) {
-  const didScrollRef = useRef23(false);
-  const rafId = useRef23(null);
+  const didScrollRef = useRef24(false);
+  const rafId = useRef24(null);
   useEffect28(() => {
     if (activeRowIndex != null) {
       didScrollRef.current = false;

package/index.js

@@ -5716,6 +5716,7 @@ function InfiniteTableColumnCellFn(props) {
     context: renderingContext
   });
   const renderParam = renderParams;
+  const renderParamRef = React21.useRef(renderParam);
   const onClick = (0, import_react19.useCallback)((event) => {
     const colIndex = column.computedVisibleIndex;
     getState().cellClick({
@@ -5799,6 +5800,7 @@ function InfiniteTableColumnCellFn(props) {
         })
       });
     }
+    renderParamRef.current = renderParam;
     if (column.render) {
       return /* @__PURE__ */ React21.createElement(RenderCellHookComponent, {
         render: column.render,
@@ -5865,7 +5867,10 @@ function InfiniteTableColumnCellFn(props) {
     }), colClassName, rowComputedClassName),
     renderChildren
   };
-  return /* @__PURE__ */ React21.createElement(InfiniteTableCell, __spreadValues({}, cellProps));
+  const ContextProvider = InfiniteTableColumnCellContext.Provider;
+  return /* @__PURE__ */ React21.createElement(ContextProvider, {
+    value: renderParamRef.current
+  }, /* @__PURE__ */ React21.createElement(InfiniteTableCell, __spreadValues({}, cellProps)));
 }
 var InfiniteTableColumnCell = React21.memo(InfiniteTableColumnCellFn);
 function useInfiniteColumnCell() {
@@ -12426,7 +12431,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react44.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.12"
+      version: "0.4.13"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -10,7 +10,7 @@
     "react-datagrid",
     "react-infinite"
   ],
-  "version": "0.4.12",
+  "version": "0.4.13",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -23,5 +23,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1662371717630
+  "publishedAt": 1662407924032
 }