@tanstack/table-core 9.0.0-beta.7 → 9.0.0-beta.70

package/dist/features/column-resizing/columnResizingFeature.types.d.ts

@@ -1,5 +1,4 @@
 import { OnChangeFn, Updater } from "../../types/type-utils.js";
-
 //#region src/features/column-resizing/columnResizingFeature.types.d.ts
 interface TableState_ColumnResizing {
   columnResizing: columnResizingState;
@@ -46,11 +45,8 @@ interface Table_ColumnResizing {
   resetHeaderSizeInfo: (defaultState?: boolean) => void;
   /**
    * Updates transient resize interaction state with a next state or updater function.
-   *
-   * The lowercase `c` in this API name matches the current generated v9 table
-   * API for the `columnResizing` state slice.
    */
-  setcolumnResizing: (updater: Updater<columnResizingState>) => void;
+  setColumnResizing: (updater: Updater<columnResizingState>) => void;
 }
 interface ColumnDef_ColumnResizing {
   /**
@@ -77,5 +73,4 @@ interface Header_ColumnResizing {
   getResizeHandler: (context?: Document) => (event: unknown) => void;
 }
 //#endregion
-export { ColumnDef_ColumnResizing, ColumnResizeDirection, ColumnResizeMode, ColumnResizingDefaultOptions, Column_ColumnResizing, Header_ColumnResizing, TableOptions_ColumnResizing, TableState_ColumnResizing, Table_ColumnResizing, columnResizingState };
-//# sourceMappingURL=columnResizingFeature.types.d.ts.map
+export { ColumnDef_ColumnResizing, ColumnResizeDirection, ColumnResizeMode, ColumnResizingDefaultOptions, Column_ColumnResizing, Header_ColumnResizing, TableOptions_ColumnResizing, TableState_ColumnResizing, Table_ColumnResizing, columnResizingState };

package/dist/features/column-resizing/columnResizingFeature.utils.d.ts

@@ -1,10 +1,9 @@
 import { CellData, RowData, Updater } from "../../types/type-utils.js";
 import { columnResizingState } from "./columnResizingFeature.types.js";
 import { Header } from "../../types/Header.js";
-import { Column_Internal } from "../../types/Column.js";
+import { Column } from "../../types/Column.js";
+import { Table } from "../../types/Table.js";
 import { TableFeatures } from "../../types/TableFeatures.js";
-import { Table_Internal } from "../../types/Table.js";
-
 //#region src/features/column-resizing/columnResizingFeature.utils.d.ts
 /**
  * Creates the default transient column resizing state.
@@ -29,7 +28,7 @@ declare function getDefaultColumnResizingState(): columnResizingState;
  * const canResize = column_getCanResize(column)
  * ```
  */
-declare function column_getCanResize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): boolean;
+declare function column_getCanResize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column<TFeatures, TData, TValue>): boolean;
 /**
  * Checks whether this column is the active column resize target.
  *
@@ -40,7 +39,7 @@ declare function column_getCanResize<TFeatures extends TableFeatures, TData exte
  * const isResizing = column_getIsResizing(column)
  * ```
  */
-declare function column_getIsResizing<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): boolean;
+declare function column_getIsResizing<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column<TFeatures, TData, TValue>): boolean;
 /**
  * Creates the pointer/touch start handler for resizing a header.
  *
@@ -65,7 +64,7 @@ declare function header_getResizeHandler<TFeatures extends TableFeatures, TData
  * table_setColumnResizing(table, (old) => ({ ...old, deltaOffset: 12 }))
  * ```
  */
-declare function table_setColumnResizing<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, updater: Updater<columnResizingState>): void;
+declare function table_setColumnResizing<TFeatures extends TableFeatures, TData extends RowData>(table: Table<TFeatures, TData>, updater: Updater<columnResizingState>): void;
 /**
  * Resets `columnResizing` to the configured initial state or feature default.
  *
@@ -79,7 +78,7 @@ declare function table_setColumnResizing<TFeatures extends TableFeatures, TData
  * table_resetHeaderSizeInfo(table, true)
  * ```
  */
-declare function table_resetHeaderSizeInfo<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean): void;
+declare function table_resetHeaderSizeInfo<TFeatures extends TableFeatures, TData extends RowData>(table: Table<TFeatures, TData>, defaultState?: boolean): void;
 /**
  * Detects whether the current environment supports passive event listeners.
  *
@@ -105,5 +104,4 @@ declare function passiveEventSupported(): boolean;
  */
 declare function isTouchStartEvent(e: unknown): e is TouchEvent;
 //#endregion
-export { column_getCanResize, column_getIsResizing, getDefaultColumnResizingState, header_getResizeHandler, isTouchStartEvent, passiveEventSupported, table_resetHeaderSizeInfo, table_setColumnResizing };
-//# sourceMappingURL=columnResizingFeature.utils.d.ts.map
+export { column_getCanResize, column_getIsResizing, getDefaultColumnResizingState, header_getResizeHandler, isTouchStartEvent, passiveEventSupported, table_resetHeaderSizeInfo, table_setColumnResizing };

package/dist/features/column-resizing/columnResizingFeature.utils.js

@@ -1,4 +1,4 @@
-import { cloneState } from "../../utils.js";
+import { cloneState, makeObjectMap } from "../../utils.js";
 import { column_getSize, header_getSize, table_setColumnSizing } from "../column-sizing/columnSizingFeature.utils.js";
 
 //#region src/features/column-resizing/columnResizingFeature.utils.ts
@@ -48,8 +48,7 @@ function column_getCanResize(column) {
 * ```
 */
 function column_getIsResizing(column) {
-	var _column$table$atoms$c;
-	return ((_column$table$atoms$c = column.table.atoms.columnResizing) === null || _column$table$atoms$c === void 0 || (_column$table$atoms$c = _column$table$atoms$c.get()) === null || _column$table$atoms$c === void 0 ? void 0 : _column$table$atoms$c.isResizingColumn) === column.id;
+	return column.table.atoms.columnResizing?.get()?.isResizingColumn === column.id;
 }
 /**
 * Creates the pointer/touch start handler for resizing a header.
@@ -67,56 +66,89 @@ function header_getResizeHandler(header, _contextDocument) {
 	const column = header.table.getColumn(header.column.id);
 	const canResize = column_getCanResize(column);
 	return (event) => {
-		var _persist;
 		if (!canResize) return;
-		(_persist = event.persist) === null || _persist === void 0 || _persist.call(event);
 		if (isTouchStartEvent(event)) {
 			if (event.touches.length > 1) return;
 		}
 		const startSize = header_getSize(header);
 		const columnSizingStart = header.getLeafHeaders().map((leafHeader) => [leafHeader.column.id, column_getSize(leafHeader.column)]);
 		const clientX = isTouchStartEvent(event) ? Math.round(event.touches[0].clientX) : event.clientX;
-		const newColumnSizing = {};
+		const newColumnSizing = makeObjectMap();
 		const updateOffset = (eventType, clientXPos) => {
 			if (typeof clientXPos !== "number") return;
-			table_setColumnResizing(column.table, (old) => {
-				const deltaDirection = column.table.options.columnResizeDirection === "rtl" ? -1 : 1;
-				const deltaOffset = (clientXPos - (old.startOffset ?? 0)) * deltaDirection;
-				const startSize = old.startSize ?? 0;
-				const deltaPercentage = Math.max(startSize > 0 ? deltaOffset / startSize : 0, -.999999);
-				old.columnSizingStart.forEach(([columnId, headerSize]) => {
-					newColumnSizing[columnId] = Math.round(Math.max(headerSize > 0 ? headerSize + headerSize * deltaPercentage : deltaOffset / old.columnSizingStart.length, 0) * 100) / 100;
+			const table = column.table;
+			const isCommit = table.options.columnResizeMode === "onChange" || eventType === "end";
+			table._reactivity.batch(() => {
+				table_setColumnResizing(table, (old) => {
+					const deltaDirection = table.options.columnResizeDirection === "rtl" ? -1 : 1;
+					const deltaOffset = (clientXPos - (old.startOffset ?? 0)) * deltaDirection;
+					const startSize = old.startSize ?? 0;
+					const deltaPercentage = Math.max(startSize > 0 ? deltaOffset / startSize : 0, -.999999);
+					if (isCommit) {
+						const columnSizingStart = old.columnSizingStart;
+						for (let i = 0; i < columnSizingStart.length; i++) {
+							const entry = columnSizingStart[i];
+							const headerSize = entry[1];
+							newColumnSizing[entry[0]] = Math.round(Math.max(headerSize > 0 ? headerSize + headerSize * deltaPercentage : deltaOffset / columnSizingStart.length, 0) * 100) / 100;
+						}
+					}
+					return {
+						...old,
+						deltaOffset,
+						deltaPercentage
+					};
 				});
-				return {
-					...old,
-					deltaOffset,
-					deltaPercentage
-				};
+				if (isCommit) table_setColumnSizing(table, (old) => Object.assign(makeObjectMap(), old, newColumnSizing));
 			});
-			if (column.table.options.columnResizeMode === "onChange" || eventType === "end") table_setColumnSizing(column.table, (old) => ({
-				...old,
-				...newColumnSizing
-			}));
 		};
-		const onMove = (clientXPos) => updateOffset("move", clientXPos);
+		let moveRafId = null;
+		let hasPendingMove = false;
+		let latestMoveX;
+		const flushMove = () => {
+			if (hasPendingMove) {
+				hasPendingMove = false;
+				updateOffset("move", latestMoveX);
+				moveRafId = requestAnimationFrame(flushMove);
+			} else moveRafId = null;
+		};
+		const onMove = (clientXPos) => {
+			latestMoveX = clientXPos;
+			if (typeof requestAnimationFrame !== "function") {
+				updateOffset("move", clientXPos);
+				return;
+			}
+			if (moveRafId !== null) {
+				hasPendingMove = true;
+				return;
+			}
+			updateOffset("move", clientXPos);
+			moveRafId = requestAnimationFrame(flushMove);
+		};
 		const onEnd = (clientXPos) => {
-			updateOffset("end", clientXPos);
-			table_setColumnResizing(column.table, (old) => ({
-				...old,
-				isResizingColumn: false,
-				startOffset: null,
-				startSize: null,
-				deltaOffset: null,
-				deltaPercentage: null,
-				columnSizingStart: []
-			}));
+			if (moveRafId !== null) {
+				cancelAnimationFrame(moveRafId);
+				moveRafId = null;
+				hasPendingMove = false;
+			}
+			column.table._reactivity.batch(() => {
+				updateOffset("end", clientXPos ?? latestMoveX);
+				table_setColumnResizing(column.table, (old) => ({
+					...old,
+					isResizingColumn: false,
+					startOffset: null,
+					startSize: null,
+					deltaOffset: null,
+					deltaPercentage: null,
+					columnSizingStart: []
+				}));
+			});
 		};
-		const contextDocument = _contextDocument || typeof document !== "undefined" ? document : null;
+		const contextDocument = _contextDocument || (typeof document !== "undefined" ? document : null);
 		const mouseEvents = {
 			moveHandler: (e) => onMove(e.clientX),
 			upHandler: (e) => {
-				contextDocument === null || contextDocument === void 0 || contextDocument.removeEventListener("mousemove", mouseEvents.moveHandler);
-				contextDocument === null || contextDocument === void 0 || contextDocument.removeEventListener("mouseup", mouseEvents.upHandler);
+				contextDocument?.removeEventListener("mousemove", mouseEvents.moveHandler);
+				contextDocument?.removeEventListener("mouseup", mouseEvents.upHandler);
 				onEnd(e.clientX);
 			}
 		};
@@ -130,23 +162,31 @@ function header_getResizeHandler(header, _contextDocument) {
 				return false;
 			},
 			upHandler: (e) => {
-				var _e$touches$;
-				contextDocument === null || contextDocument === void 0 || contextDocument.removeEventListener("touchmove", touchEvents.moveHandler);
-				contextDocument === null || contextDocument === void 0 || contextDocument.removeEventListener("touchend", touchEvents.upHandler);
+				removeTouchEvents();
 				if (e.cancelable) {
 					e.preventDefault();
 					e.stopPropagation();
 				}
-				onEnd((_e$touches$ = e.touches[0]) === null || _e$touches$ === void 0 ? void 0 : _e$touches$.clientX);
+				onEnd(e.touches[0]?.clientX);
+			},
+			cancelHandler: () => {
+				removeTouchEvents();
+				onEnd();
 			}
 		};
+		const removeTouchEvents = () => {
+			contextDocument?.removeEventListener("touchmove", touchEvents.moveHandler);
+			contextDocument?.removeEventListener("touchend", touchEvents.upHandler);
+			contextDocument?.removeEventListener("touchcancel", touchEvents.cancelHandler);
+		};
 		const passiveIfSupported = passiveEventSupported() ? { passive: false } : false;
 		if (isTouchStartEvent(event)) {
-			contextDocument === null || contextDocument === void 0 || contextDocument.addEventListener("touchmove", touchEvents.moveHandler, passiveIfSupported);
-			contextDocument === null || contextDocument === void 0 || contextDocument.addEventListener("touchend", touchEvents.upHandler, passiveIfSupported);
+			contextDocument?.addEventListener("touchmove", touchEvents.moveHandler, passiveIfSupported);
+			contextDocument?.addEventListener("touchend", touchEvents.upHandler, passiveIfSupported);
+			contextDocument?.addEventListener("touchcancel", touchEvents.cancelHandler, passiveIfSupported);
 		} else {
-			contextDocument === null || contextDocument === void 0 || contextDocument.addEventListener("mousemove", mouseEvents.moveHandler, passiveIfSupported);
-			contextDocument === null || contextDocument === void 0 || contextDocument.addEventListener("mouseup", mouseEvents.upHandler, passiveIfSupported);
+			contextDocument?.addEventListener("mousemove", mouseEvents.moveHandler, passiveIfSupported);
+			contextDocument?.addEventListener("mouseup", mouseEvents.upHandler, passiveIfSupported);
 		}
 		table_setColumnResizing(column.table, (old) => ({
 			...old,
@@ -171,8 +211,7 @@ function header_getResizeHandler(header, _contextDocument) {
 * ```
 */
 function table_setColumnResizing(table, updater) {
-	var _table$options$onColu, _table$options;
-	(_table$options$onColu = (_table$options = table.options).onColumnResizingChange) === null || _table$options$onColu === void 0 || _table$options$onColu.call(_table$options, updater);
+	table.options.onColumnResizingChange?.(updater);
 }
 /**
 * Resets `columnResizing` to the configured initial state or feature default.
@@ -235,5 +274,4 @@ function isTouchStartEvent(e) {
 }
 
 //#endregion
-export { column_getCanResize, column_getIsResizing, getDefaultColumnResizingState, header_getResizeHandler, isTouchStartEvent, passiveEventSupported, table_resetHeaderSizeInfo, table_setColumnResizing };
-//# sourceMappingURL=columnResizingFeature.utils.js.map
+export { column_getCanResize, column_getIsResizing, getDefaultColumnResizingState, header_getResizeHandler, isTouchStartEvent, passiveEventSupported, table_resetHeaderSizeInfo, table_setColumnResizing };

package/dist/features/column-sizing/columnSizingFeature.d.ts

@@ -1,10 +1,8 @@
 import { TableFeature } from "../../types/TableFeatures.js";
-
 //#region src/features/column-sizing/columnSizingFeature.d.ts
 /**
  * Feature that adds column sizing state, defaults, and size measurement APIs.
  */
 declare const columnSizingFeature: TableFeature;
 //#endregion
-export { columnSizingFeature };
-//# sourceMappingURL=columnSizingFeature.d.ts.map
+export { columnSizingFeature };

package/dist/features/column-sizing/columnSizingFeature.js

@@ -1,5 +1,5 @@
 import { assignPrototypeAPIs, assignTableAPIs, makeStateUpdater } from "../../utils.js";
-import { column_getAfter, column_getSize, column_getStart, column_resetSize, getDefaultColumnSizingColumnDef, getDefaultColumnSizingState, header_getSize, header_getStart, table_getCenterTotalSize, table_getLeftTotalSize, table_getRightTotalSize, table_getTotalSize, table_resetColumnSizing, table_setColumnSizing } from "./columnSizingFeature.utils.js";
+import { column_getAfter, column_getSize, column_getStart, column_resetSize, getDefaultColumnSizingColumnDef, getDefaultColumnSizingState, header_getSize, header_getStart, table_getCenterTotalSize, table_getColumnOffsets, table_getEndTotalSize, table_getStartTotalSize, table_getTotalSize, table_resetColumnSizing, table_setColumnSizing } from "./columnSizingFeature.utils.js";
 
 //#region src/features/column-sizing/columnSizingFeature.ts
 /**
@@ -22,39 +22,10 @@ const columnSizingFeature = {
 		assignPrototypeAPIs("columnSizingFeature", prototype, table, {
 			column_getSize: {
 				fn: (column) => column_getSize(column),
-				memoDeps: (column) => {
-					var _table$atoms$columnSi;
-					return [table.options.columns, (_table$atoms$columnSi = table.atoms.columnSizing) === null || _table$atoms$columnSi === void 0 || (_table$atoms$columnSi = _table$atoms$columnSi.get()) === null || _table$atoms$columnSi === void 0 ? void 0 : _table$atoms$columnSi[column.id]];
-				}
-			},
-			column_getStart: {
-				fn: (column, position) => column_getStart(column, position),
-				memoDeps: (column, position) => {
-					var _table$atoms$columnSi2, _table$atoms$columnOr, _table$atoms$columnPi, _table$atoms$columnVi;
-					return [
-						position,
-						table.options.columns,
-						(_table$atoms$columnSi2 = table.atoms.columnSizing) === null || _table$atoms$columnSi2 === void 0 ? void 0 : _table$atoms$columnSi2.get(),
-						(_table$atoms$columnOr = table.atoms.columnOrder) === null || _table$atoms$columnOr === void 0 ? void 0 : _table$atoms$columnOr.get(),
-						(_table$atoms$columnPi = table.atoms.columnPinning) === null || _table$atoms$columnPi === void 0 ? void 0 : _table$atoms$columnPi.get(),
-						(_table$atoms$columnVi = table.atoms.columnVisibility) === null || _table$atoms$columnVi === void 0 ? void 0 : _table$atoms$columnVi.get()
-					];
-				}
-			},
-			column_getAfter: {
-				fn: (column, position) => column_getAfter(column, position),
-				memoDeps: (column, position) => {
-					var _table$atoms$columnSi3, _table$atoms$columnOr2, _table$atoms$columnPi2, _table$atoms$columnVi2;
-					return [
-						position,
-						table.options.columns,
-						(_table$atoms$columnSi3 = table.atoms.columnSizing) === null || _table$atoms$columnSi3 === void 0 ? void 0 : _table$atoms$columnSi3.get(),
-						(_table$atoms$columnOr2 = table.atoms.columnOrder) === null || _table$atoms$columnOr2 === void 0 ? void 0 : _table$atoms$columnOr2.get(),
-						(_table$atoms$columnPi2 = table.atoms.columnPinning) === null || _table$atoms$columnPi2 === void 0 ? void 0 : _table$atoms$columnPi2.get(),
-						(_table$atoms$columnVi2 = table.atoms.columnVisibility) === null || _table$atoms$columnVi2 === void 0 ? void 0 : _table$atoms$columnVi2.get()
-					];
-				}
+				memoDeps: (column) => [table.options.columns, table.atoms.columnSizing?.get()?.[column.id]]
 			},
+			column_getStart: { fn: (column, position) => column_getStart(column, position) },
+			column_getAfter: { fn: (column, position) => column_getAfter(column, position) },
 			column_resetSize: { fn: (column) => column_resetSize(column) }
 		});
 	},
@@ -62,63 +33,57 @@ const columnSizingFeature = {
 		assignPrototypeAPIs("columnSizingFeature", prototype, table, {
 			header_getSize: {
 				fn: (header) => header_getSize(header),
-				memoDeps: (header) => {
-					var _table$atoms$columnSi4, _table$atoms$columnSi5;
-					return [table.options.columns, header.column.columns.length > 0 ? (_table$atoms$columnSi4 = table.atoms.columnSizing) === null || _table$atoms$columnSi4 === void 0 ? void 0 : _table$atoms$columnSi4.get() : (_table$atoms$columnSi5 = table.atoms.columnSizing) === null || _table$atoms$columnSi5 === void 0 || (_table$atoms$columnSi5 = _table$atoms$columnSi5.get()) === null || _table$atoms$columnSi5 === void 0 ? void 0 : _table$atoms$columnSi5[header.column.id]];
-				}
+				memoDeps: (header) => [table.options.columns, header.column.columns.length > 0 ? table.atoms.columnSizing?.get() : table.atoms.columnSizing?.get()?.[header.column.id]]
 			},
 			header_getStart: {
 				fn: (header) => header_getStart(header),
-				memoDeps: (header, position) => {
-					var _table$atoms$columnSi6, _table$atoms$columnOr3, _table$atoms$columnPi3, _table$atoms$columnVi3;
-					return [
-						position,
-						table.options.columns,
-						(_table$atoms$columnSi6 = table.atoms.columnSizing) === null || _table$atoms$columnSi6 === void 0 ? void 0 : _table$atoms$columnSi6.get(),
-						(_table$atoms$columnOr3 = table.atoms.columnOrder) === null || _table$atoms$columnOr3 === void 0 ? void 0 : _table$atoms$columnOr3.get(),
-						(_table$atoms$columnPi3 = table.atoms.columnPinning) === null || _table$atoms$columnPi3 === void 0 ? void 0 : _table$atoms$columnPi3.get(),
-						(_table$atoms$columnVi3 = table.atoms.columnVisibility) === null || _table$atoms$columnVi3 === void 0 ? void 0 : _table$atoms$columnVi3.get()
-					];
-				}
+				memoDeps: () => [
+					table.options.columns,
+					table.atoms.columnSizing?.get(),
+					table.atoms.columnOrder?.get(),
+					table.atoms.columnPinning?.get(),
+					table.atoms.columnVisibility?.get(),
+					table.atoms.grouping?.get(),
+					table.options.groupedColumnMode
+				]
 			}
 		});
 	},
 	constructTableAPIs: (table) => {
 		assignTableAPIs("columnSizingFeature", table, {
+			table_getColumnOffsets: {
+				fn: () => table_getColumnOffsets(table),
+				memoDeps: () => [
+					table.options.columns,
+					table.atoms.columnSizing?.get(),
+					table.atoms.columnOrder?.get(),
+					table.atoms.columnPinning?.get(),
+					table.atoms.columnVisibility?.get(),
+					table.atoms.grouping?.get(),
+					table.options.groupedColumnMode
+				]
+			},
 			table_setColumnSizing: { fn: (updater) => table_setColumnSizing(table, updater) },
 			table_resetColumnSizing: { fn: (defaultState) => table_resetColumnSizing(table, defaultState) },
 			table_getTotalSize: {
 				fn: () => table_getTotalSize(table),
-				memoDeps: () => {
-					var _table$atoms$columnSi7;
-					return [(_table$atoms$columnSi7 = table.atoms.columnSizing) === null || _table$atoms$columnSi7 === void 0 ? void 0 : _table$atoms$columnSi7.get(), table.getHeaderGroups()];
-				}
+				memoDeps: () => [table.atoms.columnSizing?.get(), table.getHeaderGroups()]
 			},
-			table_getLeftTotalSize: {
-				fn: () => table_getLeftTotalSize(table),
-				memoDeps: () => {
-					var _table$atoms$columnSi8;
-					return [(_table$atoms$columnSi8 = table.atoms.columnSizing) === null || _table$atoms$columnSi8 === void 0 ? void 0 : _table$atoms$columnSi8.get(), table.getHeaderGroups()];
-				}
+			table_getStartTotalSize: {
+				fn: () => table_getStartTotalSize(table),
+				memoDeps: () => [table.atoms.columnSizing?.get(), table.getHeaderGroups()]
 			},
 			table_getCenterTotalSize: {
 				fn: () => table_getCenterTotalSize(table),
-				memoDeps: () => {
-					var _table$atoms$columnSi9;
-					return [(_table$atoms$columnSi9 = table.atoms.columnSizing) === null || _table$atoms$columnSi9 === void 0 ? void 0 : _table$atoms$columnSi9.get(), table.getHeaderGroups()];
-				}
+				memoDeps: () => [table.atoms.columnSizing?.get(), table.getHeaderGroups()]
 			},
-			table_getRightTotalSize: {
-				fn: () => table_getRightTotalSize(table),
-				memoDeps: () => {
-					var _table$atoms$columnSi10;
-					return [(_table$atoms$columnSi10 = table.atoms.columnSizing) === null || _table$atoms$columnSi10 === void 0 ? void 0 : _table$atoms$columnSi10.get(), table.getHeaderGroups()];
-				}
+			table_getEndTotalSize: {
+				fn: () => table_getEndTotalSize(table),
+				memoDeps: () => [table.atoms.columnSizing?.get(), table.getHeaderGroups()]
 			}
 		});
 	}
 };
 
 //#endregion
-export { columnSizingFeature };
-//# sourceMappingURL=columnSizingFeature.js.map
+export { columnSizingFeature };

package/dist/features/column-sizing/columnSizingFeature.types.d.ts

@@ -1,11 +1,46 @@
 import { OnChangeFn, Updater } from "../../types/type-utils.js";
 import { ColumnPinningPosition } from "../column-pinning/columnPinningFeature.types.js";
-
 //#region src/features/column-sizing/columnSizingFeature.types.d.ts
 interface TableState_ColumnSizing {
   columnSizing: ColumnSizingState;
 }
 type ColumnSizingState = Record<string, number>;
+interface ColumnOffsets {
+  /**
+   * Offset from the start edge of the region to each column's start edge,
+   * keyed by column id.
+   */
+  starts: Record<string, number>;
+  /**
+   * Offset from the end edge of the region to each column's end edge, keyed by
+   * column id.
+   */
+  afters: Record<string, number>;
+}
+interface ColumnOffsetsByPosition {
+  /**
+   * Offsets across all visible leaf columns, ignoring pinning regions.
+   */
+  all: ColumnOffsets;
+  /**
+   * Offsets within the center (unpinned) region.
+   */
+  center: ColumnOffsets;
+  /**
+   * Offsets within the logical start pinned region.
+   *
+   * In LTR languages/layouts, start usually corresponds to left. In RTL
+   * languages/layouts, start usually corresponds to right.
+   */
+  start: ColumnOffsets;
+  /**
+   * Offsets within the logical end pinned region.
+   *
+   * In LTR languages/layouts, end usually corresponds to right. In RTL
+   * languages/layouts, end usually corresponds to left.
+   */
+  end: ColumnOffsets;
+}
 interface TableOptions_ColumnSizing {
   /**
    * Called with an updater when committed column sizing state changes. Pair
@@ -21,13 +56,20 @@ interface Table_ColumnSizing {
    */
   getCenterTotalSize: () => number;
   /**
-   * Sums the current sizes of visible left-pinned leaf columns.
+   * Returns memoized column offset maps (start and after offsets keyed by
+   * column id) for each pinning region plus the full visible leaf column list.
+   *
+   * Backs `column.getStart()` and `column.getAfter()` with O(1) lookups.
+   */
+  getColumnOffsets: () => ColumnOffsetsByPosition;
+  /**
+   * Sums the current sizes of visible logical start-pinned leaf columns.
    */
-  getLeftTotalSize: () => number;
+  getStartTotalSize: () => number;
   /**
-   * Sums the current sizes of visible right-pinned leaf columns.
+   * Sums the current sizes of visible logical end-pinned leaf columns.
    */
-  getRightTotalSize: () => number;
+  getEndTotalSize: () => number;
   /**
    * Sums the current sizes of all visible leaf columns.
    */
@@ -60,8 +102,8 @@ interface Column_ColumnSizing {
   /**
    * Measures the offset from this column's end edge to the end of its region.
    *
-   * Pass a pinned region to measure within that region. The value is the sum
-   * of visible leaf column sizes after this column.
+   * Pass a pinned region to measure within that logical region. The value is
+   * the sum of visible leaf column sizes after this column.
    */
   getAfter: (position?: ColumnPinningPosition | 'center') => number;
   /**
@@ -72,8 +114,8 @@ interface Column_ColumnSizing {
    * Measures the offset from the start of this column's region to its start
    * edge.
    *
-   * Pass a pinned region to measure within that region. The value is the sum
-   * of visible leaf column sizes before this column.
+   * Pass a pinned region to measure within that logical region. The value is
+   * the sum of visible leaf column sizes before this column.
    */
   getStart: (position?: ColumnPinningPosition | 'center') => number;
   /**
@@ -92,5 +134,4 @@ interface Header_ColumnSizing {
   getStart: (position?: ColumnPinningPosition) => number;
 }
 //#endregion
-export { ColumnDef_ColumnSizing, ColumnSizingDefaultOptions, ColumnSizingState, Column_ColumnSizing, Header_ColumnSizing, TableOptions_ColumnSizing, TableState_ColumnSizing, Table_ColumnSizing };
-//# sourceMappingURL=columnSizingFeature.types.d.ts.map
+export { ColumnDef_ColumnSizing, ColumnOffsets, ColumnOffsetsByPosition, ColumnSizingDefaultOptions, ColumnSizingState, Column_ColumnSizing, Header_ColumnSizing, TableOptions_ColumnSizing, TableState_ColumnSizing, Table_ColumnSizing };