@infinite-table/infinite-react 9.0.3 → 9.1.1

package/index.d.ts

@@ -895,14 +895,38 @@ interface PerfMarker {
     }): PerfMarker;
 }
 
+type RowInfoStoreNotifyParams<T> = {
+    marker?: PerfMarker;
+    /**
+     * The DataSource state that produced `newDataArray` and the state it replaces.
+     * Exposed to cells via `getDataSourceStates()` so `repaintCellsKey` functions
+     * can compare the two.
+     */
+    dataSourceState?: DataSourceState<T>;
+    previousDataSourceState?: DataSourceState<T>;
+};
+type RowInfoStoreDataSourceStates<T> = {
+    dataSourceState: DataSourceState<T> | undefined;
+    previousDataSourceState: DataSourceState<T> | undefined;
+};
 interface RowInfoStore<T> {
     /**
      * Update the entire dataArray (called from reducer)
      * Compares old vs new rowInfo at each index and notifies subscribers for changed indices
      */
-    notifyDataArray(newDataArray: InfiniteTableRowInfo<T>[], params?: {
-        marker?: PerfMarker;
-    }): void;
+    notifyDataArray(newDataArray: InfiniteTableRowInfo<T>[], params?: RowInfoStoreNotifyParams<T>): void;
+    /**
+     * Subscribe to *any* change of the dataArray reference (regardless of which
+     * rows changed). Used by cells whose `repaintCellsKey` is a function, so they
+     * can re-evaluate their key after every data change.
+     * Returns unsubscribe function
+     */
+    subscribeToDataArrayChange(callback: () => void): () => void;
+    /**
+     * The DataSource state that produced the current dataArray, and the one
+     * before it - as passed by the reducer via `notifyDataArray`.
+     */
+    getDataSourceStates(): RowInfoStoreDataSourceStates<T>;
     /**
      * Get current rowInfo at index (snapshot for useSyncExternalStore)
      */
@@ -1216,6 +1240,12 @@ type InfiniteTableColumn<DATA_TYPE> = {
     headerStyle?: InfiniteTableColumnHeaderStyle<DATA_TYPE>;
     headerClassName?: InfiniteTableColumnHeaderClassName<DATA_TYPE>;
     className?: InfiniteTableColumnClassName<DATA_TYPE>;
+    /**
+     * Forces the cells of this column to re-render when their row didn't change
+     * but something they render depends on did (eg: cross-row computations).
+     * Takes precedence over the `repaintCellsKey` prop of the table.
+     */
+    repaintCellsKey?: InfiniteTablePropRepaintCellsKey<DATA_TYPE>;
     rowspan?: InfiniteTableColumnRowspanFn<DATA_TYPE>;
     render?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
     renderValue?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
@@ -2250,6 +2280,7 @@ interface InfiniteTableMappedState<T> {
     columnDefaultSortable: InfiniteTableProps<T>['columnDefaultSortable'];
     rowStyle: InfiniteTableProps<T>['rowStyle'];
     cellStyle: InfiniteTableProps<T>['cellStyle'];
+    repaintCellsKey: InfiniteTableProps<T>['repaintCellsKey'];
     rowProps: InfiniteTableProps<T>['rowProps'];
     rowClassName: InfiniteTableProps<T>['rowClassName'];
     rowHoverClassName: InfiniteTableProps<T>['rowHoverClassName'];
@@ -7278,6 +7309,31 @@ type InfiniteTableRowClassNameFn<T> = (params: InfiniteTableRowStylingFnParams<T
 type InfiniteTableCellClassNameFn<T> = InfiniteTableColumn<T>['className'];
 type InfiniteTablePropRowStyle<T> = React$1.CSSProperties | InfiniteTableRowStyleFn<T>;
 type InfiniteTablePropCellStyle<T> = InfiniteTableColumn<T>['style'];
+type InfiniteTablePropRepaintCellsKeyFnParams<T> = {
+    rowInfo: InfiniteTableRowInfo<T>;
+    column: InfiniteTableComputedColumn<T>;
+    /**
+     * The DataSource state that produced the current data array.
+     */
+    dataSourceState: DataSourceState<T>;
+    /**
+     * The DataSource state before the last data change - `undefined` until the
+     * first data change happens.
+     */
+    previousDataSourceState: DataSourceState<T> | undefined;
+};
+/**
+ * Called for each cell (whenever the DataSource data array changes) - the cell
+ * is re-rendered when the returned key is different (via `Object.is`) from the
+ * key returned on the previous call. Return primitives or stable references.
+ */
+type InfiniteTablePropRepaintCellsKeyFn<T> = (params: InfiniteTablePropRepaintCellsKeyFnParams<T>) => unknown;
+/**
+ * When a string/number/object - cells re-render whenever the key changes.
+ * When a function - it is called per cell after each data change and the cell
+ * re-renders when the returned key changes.
+ */
+type InfiniteTablePropRepaintCellsKey<T> = string | number | object | InfiniteTablePropRepaintCellsKeyFn<T>;
 type InfiniteTablePropRowClassName<T> = string | InfiniteTableRowClassNameFn<T>;
 type InfiniteTablePropCellClassName<T> = string | InfiniteTableCellClassNameFn<T>;
 type InfiniteTableColumnAggregator<T, AggregationResultType> = Omit<AggregationReducer<T, AggregationResultType>, 'getter' | 'id'> & {
@@ -7682,6 +7738,12 @@ interface InfiniteTableProps<T> {
     cellClassName?: InfiniteTablePropCellClassName<T>;
     rowClassName?: InfiniteTablePropRowClassName<T>;
     rowHoverClassName?: string;
+    /**
+     * Forces cells to re-render when their row didn't change but something they
+     * render depends on did (eg: cross-row computations). Applies to all columns,
+     * unless a column specifies its own `repaintCellsKey`, which takes precedence.
+     */
+    repaintCellsKey?: InfiniteTablePropRepaintCellsKey<T>;
     columnHeaderHeight?: number | string;
     onKeyDown?: (context: InfiniteTablePublicContext<T> & {
         actions: InfiniteTableEventHandlerContext<T>['actions'];
@@ -8293,4 +8355,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { type AdvancedAlignable, AutoScroller, type AutoScrollerConfig, CellSelectionState, type CellSelectionStateObject, type ColumnTypeWithInherit, DRAG_ITEM_ATTRIBUTE, DataClient, DataSource, type DataSourceAction, DataSourceActionType, type DataSourceAggregationReducer, type DataSourceApi, type DataSourceCRUDParam, type DataSourceCallback_BaseParam, type DataSourceComponentActions, type DataSourceContextValue, type DataSourceData, type DataSourceDataFn, type DataSourceDataParams, type DataSourceDataParamsChanges, type DataSourceDebugWarningKey, type DataSourceDerivedState, type DataSourceFilterFunctionParam, type DataSourceFilterOperator, type DataSourceFilterOperatorFunction, type DataSourceFilterOperatorFunctionParam, type DataSourceFilterType, type DataSourceFilterValueItem, type DataSourceFilterValueItemValueGetter, type DataSourceGroupBy, type DataSourceGroupRowsList, type DataSourceInsertParam, type DataSourceLivePaginationCursorFn, type DataSourceLivePaginationCursorParams, type DataSourceLivePaginationCursorValue, type DataSourceMappedState, type DataSourceMappings, type DataSourceMasterDetailContextValue, type DataSourcePivotBy, type DataSourcePropAggregationReducers, type DataSourcePropCellSelection, type DataSourcePropCellSelection_MultiCell, type DataSourcePropCellSelection_SingleCell, type DataSourcePropFilterFunction, type DataSourcePropFilterTypes, type DataSourcePropFilterValue, type DataSourcePropGroupBy, type DataSourcePropGroupRowsState, type DataSourcePropGroupRowsStateObject, type DataSourcePropIsNodeExpanded, type DataSourcePropIsNodeReadOnly, type DataSourcePropIsNodeSelectable, type DataSourcePropIsNodeSelected, type DataSourcePropIsRowSelected, type DataSourcePropLivePaginationCursor, type DataSourcePropMultiRowSelectionChangeParamType, type DataSourcePropOnCellSelectionChange, type DataSourcePropOnCellSelectionChange_MultiCell, type DataSourcePropOnCellSelectionChange_SingleCell, type DataSourcePropOnRowSelectionChange, type DataSourcePropOnRowSelectionChange_MultiRow, type DataSourcePropOnRowSelectionChange_SingleRow, type DataSourcePropOnTreeSelectionChange, type DataSourcePropOnTreeSelectionChange_MultiNode, type DataSourcePropOnTreeSelectionChange_SingleNode, type DataSourcePropPivotBy, type DataSourcePropRowInfoReducers, type DataSourcePropRowSelection, type DataSourcePropRowSelection_MultiRow, type DataSourcePropRowSelection_SingleRow, type DataSourcePropSelectionMode, type DataSourcePropShouldReloadData, type DataSourcePropShouldReloadDataObject, type DataSourcePropSortFn, type DataSourcePropSortInfo, type DataSourcePropSortTypes, type DataSourcePropTreeFilterFunction, type DataSourcePropTreeSelection, type DataSourcePropTreeSelection_MultiNode, type DataSourcePropTreeSelection_SingleNode, type DataSourceProps, type DataSourcePropsNotAvailableInTreeDataSource, type DataSourcePropsWithChildren, type DataSourceRawReducer, type DataSourceRemoteData, type DataSourceRowInfoReducer, type DataSourceSetupState, type DataSourceSingleSortInfo, type DataSourceSortInfo, type DataSourceStableContextValue, type DataSourceState, type DataSourceUpdateParam, type DebugLogger, type DebugTimingKey, type DebugWarningPayload, DeepMap, type DevToolsDataSourceOverrides, type DevToolsGenericMessage, type DevToolsHookFn, type DevToolsHookFnOptions, type DevToolsHostPageLogMessage, type DevToolsHostPageLogMessagePayload, type DevToolsHostPageMessage, type DevToolsHostPageMessagePayload, type DevToolsHostPageMessageType, type DevToolsInfiniteOverrides, type DevToolsMessageAddress, type DevToolsOverrides, DragDropProvider, type DragDropSourceAndTarget, DragInteractionTarget, DragList, type DragListProps, type DragProxyMoveParams, type DragProxyRenderParams, type DragProxySetupParams, type DragProxySetupResult, type ElementContainerGetter, type ErrorCodeKey, FixedSizeSet, FlashingColumnCell, GroupRowsState, INTERNAL_MatrixDebugger, type InfiniteColumnEditorContextType, InfiniteTable, type InfiniteTableAction, InfiniteTableActionType, type InfiniteTableApi, type InfiniteTableCellSelectionApi, InfiniteTableClassName, type InfiniteTableColumn, type InfiniteTableColumnAggregator, type InfiniteTableColumnApi, type InfiniteTableColumnCellContextType, type InfiniteTableColumnComparer, type InfiniteTableColumnGroup, type InfiniteTableColumnRenderFunctionForGroupRows, type InfiniteTableColumnRenderFunctionForNormalRows, type InfiniteTableColumnRenderValueParam, type InfiniteTableColumnRowspanParam, type InfiniteTableColumnSizingOptions, type InfiniteTableColumnValueFormatterParams, type InfiniteTableColumnValueGetterParams, InfiniteTableComponent, type InfiniteTableComputedColumn, type InfiniteTableComputedValues, type InfiniteTableContextValue, type InfiniteTableDebugWarningKey, type InfiniteTableGroupColumnBase, type InfiniteTableGroupColumnFunction, type InfiniteTableGroupColumnGetterOptions, type InfiniteTableKeyboardNavigationApi, type InfiniteTablePivotColumn, type InfiniteTablePropAutoSizeColumnsKey, type InfiniteTablePropColumnGroupVisibility, type InfiniteTablePropColumnGroups, type InfiniteTablePropColumnOrder, type InfiniteTablePropColumnPinning, type InfiniteTablePropColumnSizing, type InfiniteTablePropColumnTypes, type InfiniteTablePropColumnVisibility, type InfiniteTablePropColumns, type InfiniteTablePropComponents, type InfiniteTablePropGetCellContextMenuItems, type InfiniteTablePropGetColumnMenuItems, type InfiniteTablePropGetContextMenuItems, type InfiniteTablePropGroupColumn, type InfiniteTablePropGroupRenderStrategy, type InfiniteTablePropHeaderOptions, type InfiniteTablePropKeyboardNavigation, type InfiniteTablePropKeyboardShorcut, type InfiniteTablePropMultiSortBehavior, type InfiniteTablePropRowClassName, type InfiniteTablePropRowStyle, type InfiniteTableProps, type InfiniteTablePropsNotAvailableInTreeGrid, type InfiniteTableRowClassNameFn, type InfiniteTableRowDetailApi, type InfiniteTableRowInfo, type InfiniteTableRowSelectionApi, type InfiniteTableRowStyleFn, type InfiniteTableState, type InfiniteTable_HasGrouping_RowInfoGroup, type InfiniteTable_HasGrouping_RowInfoNormal, type InfiniteTable_Tree_RowInfoLeafNode, type InfiniteTable_Tree_RowInfoNode, type InfiniteTable_Tree_RowInfoParentNode, type LazyGroupDataDeepMap, type LazyGroupDataItem, type LazyRowInfoGroup, Menu, type MenuChildrenFnParam, type MenuColumn, type MenuColumnRenderParam, type MenuDecoration, type MenuIconProps, type MenuItemActionContext, type MenuItemDefinition, type MenuItemObject, type MenuProps, type MenuRenderable, type MenuRuntimeItem, type MenuRuntimeItemSelectable, type MenuSeparator, type OverlayShowParams, RowDetailCache, RowDetailState, type RowDetailStateObject, RowDisabledState, type RowDisabledStateObject, RowSelectionState, type ScrollStopInfo, type Scrollbars, type ShowOverlayFn, type TableRenderRange, TreeDataSource, type TreeDataSourceProps, TreeExpandState, type TreeExpandStateValue, TreeGrid, type TreeGridOnlyProps, type TreeGridProps, TreeSelectionState, type TreeSelectionStateObject, type TreeSelectionValue, type UpdateChildrenFn, type UpdateOverlayContentFn, type WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createDefaultProxy, createFlashingColumnCellComponent, debounce, debug, defaultDragProxyMove, defaultFilterTypes, eventMatchesKeyboardShortcut, filterDataArray, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceApi, useDataSourceInternal, useDataSourceSelector, useDataSourceState, useDragDropProvider, useDragListContext, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnApi, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useInfiniteTableApi, useLayoutEffectWithChanges, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes, withSelectedLeafNodesOnly };
+export { type AdvancedAlignable, AutoScroller, type AutoScrollerConfig, CellSelectionState, type CellSelectionStateObject, type ColumnTypeWithInherit, DRAG_ITEM_ATTRIBUTE, DataClient, DataSource, type DataSourceAction, DataSourceActionType, type DataSourceAggregationReducer, type DataSourceApi, type DataSourceCRUDParam, type DataSourceCallback_BaseParam, type DataSourceComponentActions, type DataSourceContextValue, type DataSourceData, type DataSourceDataFn, type DataSourceDataParams, type DataSourceDataParamsChanges, type DataSourceDebugWarningKey, type DataSourceDerivedState, type DataSourceFilterFunctionParam, type DataSourceFilterOperator, type DataSourceFilterOperatorFunction, type DataSourceFilterOperatorFunctionParam, type DataSourceFilterType, type DataSourceFilterValueItem, type DataSourceFilterValueItemValueGetter, type DataSourceGroupBy, type DataSourceGroupRowsList, type DataSourceInsertParam, type DataSourceLivePaginationCursorFn, type DataSourceLivePaginationCursorParams, type DataSourceLivePaginationCursorValue, type DataSourceMappedState, type DataSourceMappings, type DataSourceMasterDetailContextValue, type DataSourcePivotBy, type DataSourcePropAggregationReducers, type DataSourcePropCellSelection, type DataSourcePropCellSelection_MultiCell, type DataSourcePropCellSelection_SingleCell, type DataSourcePropFilterFunction, type DataSourcePropFilterTypes, type DataSourcePropFilterValue, type DataSourcePropGroupBy, type DataSourcePropGroupRowsState, type DataSourcePropGroupRowsStateObject, type DataSourcePropIsNodeExpanded, type DataSourcePropIsNodeReadOnly, type DataSourcePropIsNodeSelectable, type DataSourcePropIsNodeSelected, type DataSourcePropIsRowSelected, type DataSourcePropLivePaginationCursor, type DataSourcePropMultiRowSelectionChangeParamType, type DataSourcePropOnCellSelectionChange, type DataSourcePropOnCellSelectionChange_MultiCell, type DataSourcePropOnCellSelectionChange_SingleCell, type DataSourcePropOnRowSelectionChange, type DataSourcePropOnRowSelectionChange_MultiRow, type DataSourcePropOnRowSelectionChange_SingleRow, type DataSourcePropOnTreeSelectionChange, type DataSourcePropOnTreeSelectionChange_MultiNode, type DataSourcePropOnTreeSelectionChange_SingleNode, type DataSourcePropPivotBy, type DataSourcePropRowInfoReducers, type DataSourcePropRowSelection, type DataSourcePropRowSelection_MultiRow, type DataSourcePropRowSelection_SingleRow, type DataSourcePropSelectionMode, type DataSourcePropShouldReloadData, type DataSourcePropShouldReloadDataObject, type DataSourcePropSortFn, type DataSourcePropSortInfo, type DataSourcePropSortTypes, type DataSourcePropTreeFilterFunction, type DataSourcePropTreeSelection, type DataSourcePropTreeSelection_MultiNode, type DataSourcePropTreeSelection_SingleNode, type DataSourceProps, type DataSourcePropsNotAvailableInTreeDataSource, type DataSourcePropsWithChildren, type DataSourceRawReducer, type DataSourceRemoteData, type DataSourceRowInfoReducer, type DataSourceSetupState, type DataSourceSingleSortInfo, type DataSourceSortInfo, type DataSourceStableContextValue, type DataSourceState, type DataSourceUpdateParam, type DebugLogger, type DebugTimingKey, type DebugWarningPayload, DeepMap, type DevToolsDataSourceOverrides, type DevToolsGenericMessage, type DevToolsHookFn, type DevToolsHookFnOptions, type DevToolsHostPageLogMessage, type DevToolsHostPageLogMessagePayload, type DevToolsHostPageMessage, type DevToolsHostPageMessagePayload, type DevToolsHostPageMessageType, type DevToolsInfiniteOverrides, type DevToolsMessageAddress, type DevToolsOverrides, DragDropProvider, type DragDropSourceAndTarget, DragInteractionTarget, DragList, type DragListProps, type DragProxyMoveParams, type DragProxyRenderParams, type DragProxySetupParams, type DragProxySetupResult, type ElementContainerGetter, type ErrorCodeKey, FixedSizeSet, FlashingColumnCell, GroupRowsState, INTERNAL_MatrixDebugger, type InfiniteColumnEditorContextType, InfiniteTable, type InfiniteTableAction, InfiniteTableActionType, type InfiniteTableApi, type InfiniteTableCellSelectionApi, InfiniteTableClassName, type InfiniteTableColumn, type InfiniteTableColumnAggregator, type InfiniteTableColumnApi, type InfiniteTableColumnCellContextType, type InfiniteTableColumnComparer, type InfiniteTableColumnGroup, type InfiniteTableColumnRenderFunctionForGroupRows, type InfiniteTableColumnRenderFunctionForNormalRows, type InfiniteTableColumnRenderValueParam, type InfiniteTableColumnRowspanParam, type InfiniteTableColumnSizingOptions, type InfiniteTableColumnValueFormatterParams, type InfiniteTableColumnValueGetterParams, InfiniteTableComponent, type InfiniteTableComputedColumn, type InfiniteTableComputedValues, type InfiniteTableContextValue, type InfiniteTableDebugWarningKey, type InfiniteTableGroupColumnBase, type InfiniteTableGroupColumnFunction, type InfiniteTableGroupColumnGetterOptions, type InfiniteTableKeyboardNavigationApi, type InfiniteTablePivotColumn, type InfiniteTablePropAutoSizeColumnsKey, type InfiniteTablePropColumnGroupVisibility, type InfiniteTablePropColumnGroups, type InfiniteTablePropColumnOrder, type InfiniteTablePropColumnPinning, type InfiniteTablePropColumnSizing, type InfiniteTablePropColumnTypes, type InfiniteTablePropColumnVisibility, type InfiniteTablePropColumns, type InfiniteTablePropComponents, type InfiniteTablePropGetCellContextMenuItems, type InfiniteTablePropGetColumnMenuItems, type InfiniteTablePropGetContextMenuItems, type InfiniteTablePropGroupColumn, type InfiniteTablePropGroupRenderStrategy, type InfiniteTablePropHeaderOptions, type InfiniteTablePropKeyboardNavigation, type InfiniteTablePropKeyboardShorcut, type InfiniteTablePropMultiSortBehavior, type InfiniteTablePropRepaintCellsKey, type InfiniteTablePropRepaintCellsKeyFn, type InfiniteTablePropRepaintCellsKeyFnParams, type InfiniteTablePropRowClassName, type InfiniteTablePropRowStyle, type InfiniteTableProps, type InfiniteTablePropsNotAvailableInTreeGrid, type InfiniteTableRowClassNameFn, type InfiniteTableRowDetailApi, type InfiniteTableRowInfo, type InfiniteTableRowSelectionApi, type InfiniteTableRowStyleFn, type InfiniteTableState, type InfiniteTable_HasGrouping_RowInfoGroup, type InfiniteTable_HasGrouping_RowInfoNormal, type InfiniteTable_Tree_RowInfoLeafNode, type InfiniteTable_Tree_RowInfoNode, type InfiniteTable_Tree_RowInfoParentNode, type LazyGroupDataDeepMap, type LazyGroupDataItem, type LazyRowInfoGroup, Menu, type MenuChildrenFnParam, type MenuColumn, type MenuColumnRenderParam, type MenuDecoration, type MenuIconProps, type MenuItemActionContext, type MenuItemDefinition, type MenuItemObject, type MenuProps, type MenuRenderable, type MenuRuntimeItem, type MenuRuntimeItemSelectable, type MenuSeparator, type OverlayShowParams, RowDetailCache, RowDetailState, type RowDetailStateObject, RowDisabledState, type RowDisabledStateObject, RowSelectionState, type ScrollStopInfo, type Scrollbars, type ShowOverlayFn, type TableRenderRange, TreeDataSource, type TreeDataSourceProps, TreeExpandState, type TreeExpandStateValue, TreeGrid, type TreeGridOnlyProps, type TreeGridProps, TreeSelectionState, type TreeSelectionStateObject, type TreeSelectionValue, type UpdateChildrenFn, type UpdateOverlayContentFn, type WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createDefaultProxy, createFlashingColumnCellComponent, debounce, debug, defaultDragProxyMove, defaultFilterTypes, eventMatchesKeyboardShortcut, filterDataArray, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceApi, useDataSourceInternal, useDataSourceSelector, useDataSourceState, useDragDropProvider, useDragListContext, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnApi, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useInfiniteTableApi, useLayoutEffectWithChanges, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes, withSelectedLeafNodesOnly };

package/index.dev.js

@@ -6365,6 +6365,39 @@ var React26 = __toESM(require("react"));
 var React25 = __toESM(require("react"));
 var import_react20 = require("react");
 
+// src/components/InfiniteTable/components/InfiniteTableRow/repaintCellsKey.ts
+var REPAINT_CELLS_KEY_NO_ROW = Symbol("REPAINT_CELLS_KEY_NO_ROW");
+function isRepaintCellsKeyFn(repaintCellsKey) {
+  return typeof repaintCellsKey === "function";
+}
+function computeRepaintCellsKey(fn, params) {
+  const { column, rowIndex, rowInfoStore, getDataSourceState } = params;
+  const rowInfo = rowInfoStore.getRowInfoAtIndex(rowIndex);
+  if (!rowInfo) {
+    return REPAINT_CELLS_KEY_NO_ROW;
+  }
+  const states = rowInfoStore.getDataSourceStates();
+  return fn({
+    rowInfo,
+    column,
+    dataSourceState: states.dataSourceState ?? getDataSourceState(),
+    previousDataSourceState: states.previousDataSourceState
+  });
+}
+function subscribeToRepaintCellsKey(fn, params, onKeyChange) {
+  let lastKey = computeRepaintCellsKey(fn, params);
+  return params.rowInfoStore.subscribeToDataArrayChange(() => {
+    const nextKey = computeRepaintCellsKey(fn, params);
+    if (nextKey === REPAINT_CELLS_KEY_NO_ROW) {
+      return;
+    }
+    if (!Object.is(nextKey, lastKey)) {
+      lastKey = nextKey;
+      onKeyChange();
+    }
+  });
+}
+
 // src/components/InfiniteTable/components/cell.css.ts
 var ColumnCellCls = "_1eexc2a7 _1eexc2a6";
 var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2an", variantClassNames: { dragging: { false: "_1eexc2ao", true: "_1eexc2ap" }, insideDisabledDraggingPage: { true: "_1eexc2aq", false: "_1eexc2ar" }, cellSelected: { false: "_1eexc2as", true: "_1eexc2at" }, treeNode: { parent: "_1eexc2au", leaf: "_1eexc2av", false: "_1eexc2aw" }, align: { start: "_1eexc2ax", end: "_1eexc2ay", center: "_1eexc2az" }, verticalAlign: { start: "_1eexc2a10", end: "_1eexc2a11", center: "_1eexc2a12" }, rowActive: { false: "_1eexc2a13", true: "_1eexc2a14" }, groupRow: { false: "_1eexc2a15", true: "_1eexc2a16" }, groupCell: { false: "_1eexc2a17", true: "_1eexc2a18" }, rowDisabled: { false: "_1eexc2a19", true: "_1eexc2a1a" }, zebra: { false: "_1eexc2a1b", even: "_1eexc2a1c", odd: "_1eexc2a1d" }, rowSelected: { true: "_1eexc2a1e", false: "_1eexc2a1f", null: "_1eexc2a1g" }, first: { true: "_1eexc2a1h", false: "_1eexc2a1i" }, last: { true: "_1eexc2a1j", false: "_1eexc2a1k" }, groupByField: { true: "_1eexc2a1l", false: "_1eexc2a1m" }, firstInCategory: { true: "_1eexc2a1n", false: "_1eexc2a1o" }, firstRow: { true: "_1eexc2a1p", false: "_1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "_1eexc2a1r", false: "_1eexc2a1s" }, lastInCategory: { true: "_1eexc2a1t", false: "_1eexc2a1u" }, pinned: { start: "_1eexc2a1v", end: "_1eexc2a1w", false: "_1eexc2a1x" }, filtered: { true: "_1eexc2a1y", false: "_1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "_1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "_1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "_1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "_1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "_1eexc2a24"], [{ align: "center", groupCell: false }, "_1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "_1eexc2a26"]] });
@@ -7376,6 +7409,21 @@ var defaultRenderSelectionCheckBox = (params) => {
     }
   );
 };
+function useRepaintCellsKey(params) {
+  const { repaintCellsKey, column, rowIndex, rowInfoStore, getDataSourceState } = params;
+  const [, forceRepaint] = (0, import_react20.useReducer)((x) => x + 1, 0);
+  const repaintCellsKeyFn = isRepaintCellsKeyFn(repaintCellsKey) ? repaintCellsKey : void 0;
+  (0, import_react20.useEffect)(() => {
+    if (!repaintCellsKeyFn) {
+      return;
+    }
+    return subscribeToRepaintCellsKey(
+      repaintCellsKeyFn,
+      { column, rowIndex, rowInfoStore, getDataSourceState },
+      forceRepaint
+    );
+  }, [repaintCellsKeyFn, column, rowIndex, rowInfoStore, getDataSourceState]);
+}
 function InfiniteTableColumnCellFn(props) {
   const {
     dataSourceStatePartialForCell,
@@ -7389,6 +7437,7 @@ function InfiniteTableColumnCellFn(props) {
     computedColumnOrder,
     cellStyle,
     cellClassName,
+    repaintCellsKey,
     rowDetailState,
     width,
     column,
@@ -7425,6 +7474,13 @@ function InfiniteTableColumnCellFn(props) {
       [rowInfoStore, rowIndex]
     )
   );
+  useRepaintCellsKey({
+    repaintCellsKey,
+    column,
+    rowIndex,
+    rowInfoStore,
+    getDataSourceState
+  });
   const isEmptyRowInfo = !rowInfoFromStore;
   const isEmptyColumn = !column;
   const htmlElementRef = React25.useRef(null);
@@ -20231,9 +20287,22 @@ function deepEqualRowInfo(oldRowInfo, newRowInfo) {
 function createRowInfoStore() {
   let dataArray = [];
   const subscribers = /* @__PURE__ */ new Map();
+  const dataArrayChangeSubscribers = /* @__PURE__ */ new Set();
+  let dataSourceStates = {
+    dataSourceState: void 0,
+    previousDataSourceState: void 0
+  };
   const notifyDataArray = (newDataArray, params) => {
     const oldDataArray = dataArray;
     const marker = params?.marker;
+    const dataArrayChanged = newDataArray !== oldDataArray;
+    const notifyDataArrayChange = dataArrayChanged && dataArrayChangeSubscribers.size > 0;
+    if (notifyDataArrayChange) {
+      dataSourceStates = {
+        dataSourceState: params?.dataSourceState,
+        previousDataSourceState: params?.previousDataSourceState
+      };
+    }
     if (marker) {
       marker.start({
         details: [
@@ -20259,7 +20328,7 @@ function createRowInfoStore() {
       }
     }
     dataArray = newDataArray;
-    if (changedIndices.length > 0) {
+    if (changedIndices.length > 0 || notifyDataArrayChange) {
       queueMicrotask(() => {
         for (let i = 0, len = changedIndices.length; i < len; i++) {
           const index = changedIndices[i];
@@ -20270,6 +20339,11 @@ function createRowInfoStore() {
             }
           }
         }
+        if (notifyDataArrayChange) {
+          for (const callback of Array.from(dataArrayChangeSubscribers)) {
+            callback();
+          }
+        }
       });
     }
     if (marker) {
@@ -20304,14 +20378,36 @@ function createRowInfoStore() {
   const getDataArray = () => {
     return dataArray;
   };
+  const subscribeToDataArrayChange = (callback) => {
+    dataArrayChangeSubscribers.add(callback);
+    return () => {
+      dataArrayChangeSubscribers.delete(callback);
+      if (dataArrayChangeSubscribers.size === 0) {
+        dataSourceStates = {
+          dataSourceState: void 0,
+          previousDataSourceState: void 0
+        };
+      }
+    };
+  };
+  const getDataSourceStates = () => {
+    return dataSourceStates;
+  };
   const clear = () => {
     dataArray = [];
     subscribers.clear();
+    dataArrayChangeSubscribers.clear();
+    dataSourceStates = {
+      dataSourceState: void 0,
+      previousDataSourceState: void 0
+    };
   };
   return {
     notifyDataArray,
     getRowInfoAtIndex,
     subscribeToRowIndex,
+    subscribeToDataArrayChange,
+    getDataSourceStates,
     getDataArray,
     clear
   };
@@ -21995,7 +22091,9 @@ function concludeReducer(params) {
     };
   }
   state.rowInfoStore.notifyDataArray(rowInfoDataArray, {
-    marker: debugId ? getMarker(debugId).track.DataSource.label.DiffRowInfoInStore : void 0
+    marker: debugId ? getMarker(debugId).track.DataSource.label.DiffRowInfoInStore : void 0,
+    dataSourceState: state,
+    previousDataSourceState: previousState
   });
   if (rootMarker) {
     rootMarker?.track.DataSource.label.PrepareData.end({
@@ -22393,6 +22491,40 @@ function lazyLoadRange(options, cache) {
   }, initialPromise);
 }
 
+// src/components/InfiniteTable/utils/getEditingCellContext.ts
+function resolveEditingCellRowIndex(context, editingCell) {
+  const { rowIndex, primaryKey } = editingCell;
+  const { dataArray } = context.getDataSourceState();
+  if (primaryKey !== void 0) {
+    const indexByKey = context.dataSourceApi.getIndexByPrimaryKey(primaryKey);
+    if (indexByKey !== -1) {
+      return indexByKey;
+    }
+    if (dataArray[rowIndex]?.id !== primaryKey) {
+      return -1;
+    }
+  }
+  return dataArray[rowIndex] ? rowIndex : -1;
+}
+function getEditingCellContext(context, editingCell) {
+  const rowIndex = resolveEditingCellRowIndex(context, editingCell);
+  if (rowIndex === -1) {
+    return null;
+  }
+  return getCellContext({
+    ...context,
+    rowIndex,
+    columnId: editingCell.columnId
+  });
+}
+function warnEditedRowGone(callbackName, editingCell) {
+  console.warn(
+    `Skipping "${callbackName}": the edited row (primaryKey: ${String(
+      editingCell.primaryKey
+    )}, rowIndex: ${editingCell.rowIndex}) is no longer in the data array.`
+  );
+}
+
 // src/components/InfiniteTable/api/realignColumnContextMenu.ts
 function realignColumnContextMenu(param) {
   const { getComputed, getState, actions } = param;
@@ -23269,9 +23401,28 @@ var InfiniteTableApiImpl = class {
           waiting: "persist"
         };
       }
+      const rowIndex = resolveEditingCellRowIndex(
+        { ...this.context, api: this },
+        editingCell
+      );
+      if (rowIndex === -1) {
+        const error4 = new Error(
+          `Cannot persist edit: the edited row (primaryKey: ${String(
+            editingCell.primaryKey
+          )}, rowIndex: ${editingCell.rowIndex}) is no longer in the data array.`
+        );
+        this.actions.editingCell = {
+          ...editingCell,
+          active: false,
+          accepted: false,
+          waiting: false,
+          persisted: error4
+        };
+        return Promise.resolve(error4);
+      }
       const params = {
         ...getCellContext({
-          rowIndex: editingCell.rowIndex,
+          rowIndex,
           columnId: editingCell.columnId,
           ...this.context,
           api: this
@@ -25914,6 +26065,7 @@ var forwardProps4 = (_setupState) => {
     keyboardShortcuts: 1,
     rowStyle: 1,
     cellStyle: 1,
+    repaintCellsKey: 1,
     rowProps: 1,
     rowClassName: 1,
     rowHoverClassName: 1,
@@ -27659,7 +27811,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "9.0.3"
+      version: "9.1.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -30304,15 +30456,19 @@ function useOnEditCancelled() {
   const cancelled = editingCell && !editingCell.active ? editingCell.cancelled : void 0;
   (0, import_react61.useEffect)(() => {
     if (cancelled) {
-      const { rowIndex, columnId, initialValue } = getState().editingCell;
       const { onEditCancelled } = getState();
-      onEditCancelled?.({
-        ...getCellContext({
-          rowIndex,
-          columnId,
-          ...context
-        }),
-        initialValue
+      const editingCell2 = getState().editingCell;
+      if (!onEditCancelled) {
+        return;
+      }
+      const cellContext = getEditingCellContext(context, editingCell2);
+      if (!cellContext) {
+        warnEditedRowGone("onEditCancelled", editingCell2);
+        return;
+      }
+      onEditCancelled({
+        ...cellContext,
+        initialValue: editingCell2.initialValue
       });
     }
   }, [cancelled]);
@@ -30328,17 +30484,21 @@ function useOnEditRejected() {
   const rejected = editingCell && !editingCell.active && editingCell.accepted instanceof Error ? editingCell.accepted : void 0;
   (0, import_react61.useEffect)(() => {
     if (rejected) {
-      const { rowIndex, columnId, value, initialValue } = getState().editingCell;
       const { onEditRejected } = getState();
-      onEditRejected?.({
-        ...getCellContext({
-          rowIndex,
-          columnId,
-          ...context
-        }),
-        value,
+      const editingCell2 = getState().editingCell;
+      if (!onEditRejected) {
+        return;
+      }
+      const cellContext = getEditingCellContext(context, editingCell2);
+      if (!cellContext) {
+        warnEditedRowGone("onEditRejected", editingCell2);
+        return;
+      }
+      onEditRejected({
+        ...cellContext,
+        value: editingCell2.value,
         error: rejected,
-        initialValue
+        initialValue: editingCell2.initialValue
       });
     }
   }, [rejected]);
@@ -30369,18 +30529,17 @@ function useOnEditAccepted() {
   const accepted = editingCell && !editingCell.active && !editingCell.cancelled && editingCell.accepted === true;
   (0, import_react61.useEffect)(() => {
     if (accepted) {
-      const { editingCell: editingCell2 } = getState();
-      const { value, rowIndex, columnId, initialValue } = editingCell2;
-      const editParams = {
-        ...getCellContext({
-          rowIndex,
-          columnId,
-          ...context
-        }),
-        value,
-        initialValue
-      };
-      getState().onEditAccepted?.(editParams);
+      const { onEditAccepted } = getState();
+      const editingCell2 = getState().editingCell;
+      const { value, initialValue } = editingCell2;
+      if (onEditAccepted) {
+        const cellContext = getEditingCellContext(context, editingCell2);
+        if (cellContext) {
+          onEditAccepted({ ...cellContext, value, initialValue });
+        } else {
+          warnEditedRowGone("onEditAccepted", editingCell2);
+        }
+      }
       context.api.persistEdit({ value });
     }
   }, [accepted]);
@@ -30400,15 +30559,19 @@ function useOnEditPersisted() {
       if (!editingCell2) {
         return;
       }
-      const { rowIndex, columnId, value, initialValue } = editingCell2;
+      const callbackName = persisted instanceof Error ? "onEditPersistError" : "onEditPersistSuccess";
+      if (!getState()[callbackName]) {
+        return;
+      }
+      const cellContext = getEditingCellContext(context, editingCell2);
+      if (!cellContext) {
+        warnEditedRowGone(callbackName, editingCell2);
+        return;
+      }
       const params = {
-        ...getCellContext({
-          rowIndex,
-          columnId,
-          ...context
-        }),
-        value,
-        initialValue
+        ...cellContext,
+        value: editingCell2.value,
+        initialValue: editingCell2.initialValue
       };
       if (persisted instanceof Error) {
         onEditPersistError?.({ ...params, error: persisted });
@@ -32169,6 +32332,7 @@ function useCellRendering(param) {
     isRowDetailsEnabled,
     cellClassName,
     cellStyle,
+    repaintCellsKey,
     rowStyle,
     rowDetailCache,
     rowClassName,
@@ -32198,6 +32362,7 @@ function useCellRendering(param) {
       isRowDetailsEnabled: ctx.state.isRowDetailEnabled,
       cellClassName: ctx.state.cellClassName,
       cellStyle: ctx.state.cellStyle,
+      repaintCellsKey: ctx.state.repaintCellsKey,
       rowStyle: ctx.state.rowStyle,
       rowDetailCache: ctx.state.rowDetailCache,
       rowClassName: ctx.state.rowClassName,
@@ -32393,6 +32558,8 @@ function useCellRendering(param) {
         rowClassName,
         cellStyle,
         cellClassName,
+        // the column-level key wins over the table-level one
+        repaintCellsKey: column.repaintCellsKey !== void 0 ? column.repaintCellsKey : repaintCellsKey,
         visibleColumnIds,
         computedColumnOrder,
         // Whether this specific cell is in edit mode
@@ -32434,6 +32601,7 @@ function useCellRendering(param) {
       rowClassName,
       cellClassName,
       cellStyle,
+      repaintCellsKey,
       getDataSourceState,
       dataSourceApi,
       dataSourceActions,