@tanstack/table-core 9.0.0-alpha.10 → 9.0.0-alpha.11

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

@@ -0,0 +1,68 @@
+import { OnChangeFn, Updater } from '../../types/type-utils.js';
+export interface TableState_ColumnResizing {
+    columnResizing: columnResizingState;
+}
+export interface columnResizingState {
+    columnSizingStart: Array<[string, number]>;
+    deltaOffset: null | number;
+    deltaPercentage: null | number;
+    isResizingColumn: false | string;
+    startOffset: null | number;
+    startSize: null | number;
+}
+export type ColumnResizeMode = 'onChange' | 'onEnd';
+export type ColumnResizeDirection = 'ltr' | 'rtl';
+export interface TableOptions_ColumnResizing {
+    /**
+     * Determines when the columnSizing state is updated. `onChange` updates the state when the user is dragging the resize handle. `onEnd` updates the state when the user releases the resize handle.
+     */
+    columnResizeMode?: ColumnResizeMode;
+    /**
+     * Enables or disables column resizing for the column.
+     */
+    enableColumnResizing?: boolean;
+    /**
+     * Enables or disables right-to-left support for resizing the column. defaults to 'ltr'.
+     */
+    columnResizeDirection?: ColumnResizeDirection;
+    /**
+     * If provided, this function will be called with an `updaterFn` when `state.columnResizing` changes. This overrides the default internal state management, so you will also need to supply `state.columnResizing` from your own managed state.
+     */
+    onColumnResizingChange?: OnChangeFn<columnResizingState>;
+}
+export type ColumnResizingDefaultOptions = Pick<TableOptions_ColumnResizing, 'columnResizeMode' | 'onColumnResizingChange' | 'columnResizeDirection'>;
+export interface Table_ColumnResizing {
+    /**
+     * Resets column sizing info to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.
+     */
+    resetHeaderSizeInfo: (defaultState?: boolean) => void;
+    /**
+     * Sets the column sizing info state using an updater function or a value. This will trigger the underlying `oncolumnResizingChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.
+     */
+    setcolumnResizing: (updater: Updater<columnResizingState>) => void;
+}
+export interface ColumnDef_ColumnResizing {
+    /**
+     * Enables or disables column resizing for the column.
+     */
+    enableResizing?: boolean;
+}
+export interface Column_ColumnResizing {
+    /**
+     * Returns `true` if the column can be resized.
+     */
+    getCanResize: () => boolean;
+    /**
+     * Returns `true` if the column is currently being resized.
+     */
+    getIsResizing: () => boolean;
+}
+export interface Header_ColumnResizing {
+    /**
+     * Returns an event handler function that can be used to resize the header. It can be used as an:
+     * - `onMouseDown` handler
+     * - `onTouchStart` handler
+     * The dragging and release events are automatically handled for you.
+     */
+    getResizeHandler: (context?: Document) => (event: unknown) => void;
+}

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

@@ -0,0 +1,14 @@
+import { CellData, RowData, Updater } from '../../types/type-utils.js';
+import { TableFeatures } from '../../types/TableFeatures.js';
+import { Table_Internal } from '../../types/Table.js';
+import { Header } from '../../types/Header.js';
+import { Column_Internal } from '../../types/Column.js';
+import { columnResizingState } from './columnResizingFeature.types';
+export declare function getDefaultColumnResizingState(): columnResizingState;
+export declare function column_getCanResize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): boolean;
+export declare function column_getIsResizing<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): boolean;
+export declare function header_getResizeHandler<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(header: Header<TFeatures, TData, TValue>, _contextDocument?: Document): (event: unknown) => void;
+export declare function table_setColumnResizing<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, updater: Updater<columnResizingState>): void;
+export declare function table_resetHeaderSizeInfo<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean): void;
+export declare function passiveEventSupported(): boolean;
+export declare function isTouchStartEvent(e: unknown): e is TouchEvent;

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

@@ -0,0 +1,193 @@
+import { header_getSize, column_getSize, table_setColumnSizing } from "../column-sizing/columnSizingFeature.utils.js";
+import { table_getColumn } from "../../core/columns/coreColumnsFeature.utils.js";
+function getDefaultColumnResizingState() {
+  return structuredClone({
+    startOffset: null,
+    startSize: null,
+    deltaOffset: null,
+    deltaPercentage: null,
+    isResizingColumn: false,
+    columnSizingStart: []
+  });
+}
+function column_getCanResize(column) {
+  return (column.columnDef.enableResizing ?? true) && (column.table.options.enableColumnResizing ?? true);
+}
+function column_getIsResizing(column) {
+  return column.table.store.state.columnResizing?.isResizingColumn === column.id;
+}
+function header_getResizeHandler(header, _contextDocument) {
+  const column = table_getColumn(header.column.table, header.column.id);
+  const canResize = column_getCanResize(column);
+  return (event) => {
+    if (!canResize) {
+      return;
+    }
+    event.persist?.();
+    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 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 deltaPercentage = Math.max(
+          deltaOffset / (old.startSize ?? 0),
+          -0.999999
+        );
+        old.columnSizingStart.forEach(([columnId, headerSize]) => {
+          newColumnSizing[columnId] = Math.round(
+            Math.max(headerSize + headerSize * deltaPercentage, 0) * 100
+          ) / 100;
+        });
+        return {
+          ...old,
+          deltaOffset,
+          deltaPercentage
+        };
+      });
+      if (column.table.options.columnResizeMode === "onChange" || eventType === "end") {
+        table_setColumnSizing(column.table, (old) => ({
+          ...old,
+          ...newColumnSizing
+        }));
+      }
+    };
+    const onMove = (clientXPos) => updateOffset("move", clientXPos);
+    const onEnd = (clientXPos) => {
+      updateOffset("end", clientXPos);
+      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 mouseEvents = {
+      moveHandler: (e) => onMove(e.clientX),
+      upHandler: (e) => {
+        contextDocument?.removeEventListener(
+          "mousemove",
+          mouseEvents.moveHandler
+        );
+        contextDocument?.removeEventListener("mouseup", mouseEvents.upHandler);
+        onEnd(e.clientX);
+      }
+    };
+    const touchEvents = {
+      moveHandler: (touchEvent) => {
+        if (touchEvent.cancelable) {
+          touchEvent.preventDefault();
+          touchEvent.stopPropagation();
+        }
+        onMove(touchEvent.touches[0].clientX);
+        return false;
+      },
+      upHandler: (e) => {
+        contextDocument?.removeEventListener(
+          "touchmove",
+          touchEvents.moveHandler
+        );
+        contextDocument?.removeEventListener("touchend", touchEvents.upHandler);
+        if (e.cancelable) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+        onEnd(e.touches[0]?.clientX);
+      }
+    };
+    const passiveIfSupported = passiveEventSupported() ? { passive: false } : false;
+    if (isTouchStartEvent(event)) {
+      contextDocument?.addEventListener(
+        "touchmove",
+        touchEvents.moveHandler,
+        passiveIfSupported
+      );
+      contextDocument?.addEventListener(
+        "touchend",
+        touchEvents.upHandler,
+        passiveIfSupported
+      );
+    } else {
+      contextDocument?.addEventListener(
+        "mousemove",
+        mouseEvents.moveHandler,
+        passiveIfSupported
+      );
+      contextDocument?.addEventListener(
+        "mouseup",
+        mouseEvents.upHandler,
+        passiveIfSupported
+      );
+    }
+    table_setColumnResizing(column.table, (old) => ({
+      ...old,
+      startOffset: clientX,
+      startSize,
+      deltaOffset: 0,
+      deltaPercentage: 0,
+      columnSizingStart,
+      isResizingColumn: column.id
+    }));
+  };
+}
+function table_setColumnResizing(table, updater) {
+  table.options.onColumnResizingChange?.(updater);
+}
+function table_resetHeaderSizeInfo(table, defaultState) {
+  table_setColumnResizing(
+    table,
+    defaultState ? getDefaultColumnResizingState() : table.initialState.columnResizing ?? getDefaultColumnResizingState()
+  );
+}
+function passiveEventSupported() {
+  let passiveSupported = null;
+  if (typeof passiveSupported === "boolean") return passiveSupported;
+  let supported = false;
+  try {
+    const options = {
+      get passive() {
+        supported = true;
+        return false;
+      }
+    };
+    const noop = () => {
+    };
+    window.addEventListener("test", noop, options);
+    window.removeEventListener("test", noop);
+  } catch (err) {
+    supported = false;
+  }
+  passiveSupported = supported;
+  return passiveSupported;
+}
+function isTouchStartEvent(e) {
+  return e.type === "touchstart";
+}
+export {
+  column_getCanResize,
+  column_getIsResizing,
+  getDefaultColumnResizingState,
+  header_getResizeHandler,
+  isTouchStartEvent,
+  passiveEventSupported,
+  table_resetHeaderSizeInfo,
+  table_setColumnResizing
+};
+//# sourceMappingURL=columnResizingFeature.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"columnResizingFeature.utils.js","sources":["../../../../src/features/column-resizing/columnResizingFeature.utils.ts"],"sourcesContent":["import {\n  column_getSize,\n  header_getSize,\n  table_setColumnSizing,\n} from '../column-sizing/columnSizingFeature.utils'\nimport { table_getColumn } from '../../core/columns/coreColumnsFeature.utils'\nimport type { CellData, RowData, Updater } from '../../types/type-utils'\nimport type { TableFeatures } from '../../types/TableFeatures'\nimport type { Table_Internal } from '../../types/Table'\nimport type { Header } from '../../types/Header'\nimport type { Column_Internal } from '../../types/Column'\nimport type { ColumnSizingState } from '../column-sizing/columnSizingFeature.types'\nimport type { columnResizingState } from './columnResizingFeature.types'\n\nexport function getDefaultColumnResizingState(): columnResizingState {\n  return structuredClone({\n    startOffset: null,\n    startSize: null,\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    columnSizingStart: [],\n  })\n}\n\nexport function column_getCanResize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return (\n    (column.columnDef.enableResizing ?? true) &&\n    (column.table.options.enableColumnResizing ?? true)\n  )\n}\n\nexport function column_getIsResizing<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return column.table.store.state.columnResizing?.isResizingColumn === column.id\n}\n\nexport function header_getResizeHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>, _contextDocument?: Document) {\n  const column = table_getColumn(header.column.table, header.column.id)!\n  const canResize = column_getCanResize(column)\n\n  return (event: unknown) => {\n    if (!canResize) {\n      return\n    }\n\n    ;(event as any).persist?.()\n\n    if (isTouchStartEvent(event)) {\n      // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n      if (event.touches.length > 1) {\n        return\n      }\n    }\n\n    const startSize = header_getSize(header)\n\n    const columnSizingStart: Array<[string, number]> = header\n      .getLeafHeaders()\n      .map((leafHeader) => [\n        leafHeader.column.id,\n        column_getSize(leafHeader.column),\n      ])\n\n    const clientX = isTouchStartEvent(event)\n      ? Math.round(event.touches[0]!.clientX)\n      : (event as MouseEvent).clientX\n\n    const newColumnSizing: ColumnSizingState = {}\n\n    const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n      if (typeof clientXPos !== 'number') {\n        return\n      }\n\n      table_setColumnResizing(column.table, (old) => {\n        const deltaDirection =\n          column.table.options.columnResizeDirection === 'rtl' ? -1 : 1\n        const deltaOffset =\n          (clientXPos - (old.startOffset ?? 0)) * deltaDirection\n        const deltaPercentage = Math.max(\n          deltaOffset / (old.startSize ?? 0),\n          -0.999999,\n        )\n\n        old.columnSizingStart.forEach(([columnId, headerSize]) => {\n          newColumnSizing[columnId] =\n            Math.round(\n              Math.max(headerSize + headerSize * deltaPercentage, 0) * 100,\n            ) / 100\n        })\n\n        return {\n          ...old,\n          deltaOffset,\n          deltaPercentage,\n        }\n      })\n\n      if (\n        column.table.options.columnResizeMode === 'onChange' ||\n        eventType === 'end'\n      ) {\n        table_setColumnSizing(column.table, (old) => ({\n          ...old,\n          ...newColumnSizing,\n        }))\n      }\n    }\n\n    const onMove = (clientXPos?: number) => updateOffset('move', clientXPos)\n\n    const onEnd = (clientXPos?: number) => {\n      updateOffset('end', clientXPos)\n\n      table_setColumnResizing(column.table, (old) => ({\n        ...old,\n        isResizingColumn: false,\n        startOffset: null,\n        startSize: null,\n        deltaOffset: null,\n        deltaPercentage: null,\n        columnSizingStart: [],\n      }))\n    }\n\n    const contextDocument =\n      _contextDocument || typeof document !== 'undefined' ? document : null\n\n    const mouseEvents = {\n      moveHandler: (e: MouseEvent) => onMove(e.clientX),\n      upHandler: (e: MouseEvent) => {\n        contextDocument?.removeEventListener(\n          'mousemove',\n          mouseEvents.moveHandler,\n        )\n        contextDocument?.removeEventListener('mouseup', mouseEvents.upHandler)\n        onEnd(e.clientX)\n      },\n    }\n\n    const touchEvents = {\n      moveHandler: (touchEvent: TouchEvent) => {\n        if (touchEvent.cancelable) {\n          touchEvent.preventDefault()\n          touchEvent.stopPropagation()\n        }\n        onMove(touchEvent.touches[0]!.clientX)\n        return false\n      },\n      upHandler: (e: TouchEvent) => {\n        contextDocument?.removeEventListener(\n          'touchmove',\n          touchEvents.moveHandler,\n        )\n        contextDocument?.removeEventListener('touchend', touchEvents.upHandler)\n        if (e.cancelable) {\n          e.preventDefault()\n          e.stopPropagation()\n        }\n        onEnd(e.touches[0]?.clientX)\n      },\n    }\n\n    const passiveIfSupported = passiveEventSupported()\n      ? { passive: false }\n      : false\n\n    if (isTouchStartEvent(event)) {\n      contextDocument?.addEventListener(\n        'touchmove',\n        touchEvents.moveHandler,\n        passiveIfSupported,\n      )\n      contextDocument?.addEventListener(\n        'touchend',\n        touchEvents.upHandler,\n        passiveIfSupported,\n      )\n    } else {\n      contextDocument?.addEventListener(\n        'mousemove',\n        mouseEvents.moveHandler,\n        passiveIfSupported,\n      )\n      contextDocument?.addEventListener(\n        'mouseup',\n        mouseEvents.upHandler,\n        passiveIfSupported,\n      )\n    }\n\n    table_setColumnResizing(column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }))\n  }\n}\n\nexport function table_setColumnResizing<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<columnResizingState>,\n) {\n  table.options.onColumnResizingChange?.(updater)\n}\n\nexport function table_resetHeaderSizeInfo<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {\n  table_setColumnResizing(\n    table,\n    defaultState\n      ? getDefaultColumnResizingState()\n      : (table.initialState.columnResizing ?? getDefaultColumnResizingState()),\n  )\n}\n\nexport function passiveEventSupported() {\n  let passiveSupported: boolean | null = null\n\n  if (typeof passiveSupported === 'boolean') return passiveSupported\n\n  let supported = false\n  try {\n    const options = {\n      get passive() {\n        supported = true\n        return false\n      },\n    }\n\n    const noop = () => {}\n\n    window.addEventListener('test', noop, options)\n    window.removeEventListener('test', noop)\n  } catch (err) {\n    supported = false\n  }\n  passiveSupported = supported\n  return passiveSupported\n}\n\nexport function isTouchStartEvent(e: unknown): e is TouchEvent {\n  return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { RowData } from '../../types/type-utils.js';
+import { TableFeature, TableFeatures } from '../../types/TableFeatures.js';
+interface ColumnSizingFeatureConstructors<TFeatures extends TableFeatures, TData extends RowData> {
+}
+export declare function constructColumnSizingFeature<TFeatures extends TableFeatures, TData extends RowData>(): TableFeature<ColumnSizingFeatureConstructors<TFeatures, TData>>;
+/**
+ * The Column Sizing feature adds column sizing state and APIs to the table, header, and column objects.
+ * **Note:** This does not include column resizing. The columnResizingFeature feature has been split out into its own standalone feature.
+ */
+export declare const columnSizingFeature: TableFeature<ColumnSizingFeatureConstructors<TableFeatures, RowData>>;
+export {};

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

@@ -0,0 +1,95 @@
+import { assignTableAPIs, assignPrototypeAPIs, callMemoOrStaticFn, makeStateUpdater } from "../../utils.js";
+import { table_getPinnedVisibleLeafColumns } from "../column-pinning/columnPinningFeature.utils.js";
+import { table_getRightTotalSize, table_getCenterTotalSize, table_getLeftTotalSize, table_getTotalSize, table_resetColumnSizing, table_setColumnSizing, header_getStart, header_getSize, column_resetSize, column_getAfter, column_getStart, column_getSize, getDefaultColumnSizingColumnDef, getDefaultColumnSizingState } from "./columnSizingFeature.utils.js";
+function constructColumnSizingFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        columnSizing: getDefaultColumnSizingState(),
+        ...initialState
+      };
+    },
+    getDefaultColumnDef: () => {
+      return getDefaultColumnSizingColumnDef();
+    },
+    getDefaultTableOptions: (table) => {
+      return {
+        onColumnSizingChange: makeStateUpdater("columnSizing", table)
+      };
+    },
+    assignColumnPrototype: (prototype, table) => {
+      assignPrototypeAPIs("columnSizingFeature", prototype, table, {
+        column_getSize: {
+          fn: (column) => column_getSize(column)
+        },
+        column_getStart: {
+          fn: (column, position) => column_getStart(column, position),
+          memoDeps: (column, position) => [
+            position,
+            callMemoOrStaticFn(
+              column.table,
+              "getPinnedVisibleLeafColumns",
+              table_getPinnedVisibleLeafColumns,
+              position
+            ),
+            column.table.store.state.columnSizing
+          ]
+        },
+        column_getAfter: {
+          fn: (column, position) => column_getAfter(column, position),
+          memoDeps: (column, position) => [
+            position,
+            callMemoOrStaticFn(
+              column.table,
+              "getPinnedVisibleLeafColumns",
+              table_getPinnedVisibleLeafColumns,
+              position
+            ),
+            column.table.store.state.columnSizing
+          ]
+        },
+        column_resetSize: {
+          fn: (column) => column_resetSize(column)
+        }
+      });
+    },
+    assignHeaderPrototype: (prototype, table) => {
+      assignPrototypeAPIs("columnSizingFeature", prototype, table, {
+        header_getSize: {
+          fn: (header) => header_getSize(header)
+        },
+        header_getStart: {
+          fn: (header) => header_getStart(header)
+        }
+      });
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("columnSizingFeature", table, {
+        table_setColumnSizing: {
+          fn: (updater) => table_setColumnSizing(table, updater)
+        },
+        table_resetColumnSizing: {
+          fn: (defaultState) => table_resetColumnSizing(table, defaultState)
+        },
+        table_getTotalSize: {
+          fn: () => table_getTotalSize(table)
+        },
+        table_getLeftTotalSize: {
+          fn: () => table_getLeftTotalSize(table)
+        },
+        table_getCenterTotalSize: {
+          fn: () => table_getCenterTotalSize(table)
+        },
+        table_getRightTotalSize: {
+          fn: () => table_getRightTotalSize(table)
+        }
+      });
+    }
+  };
+}
+const columnSizingFeature = constructColumnSizingFeature();
+export {
+  columnSizingFeature,
+  constructColumnSizingFeature
+};
+//# sourceMappingURL=columnSizingFeature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"columnSizingFeature.js","sources":["../../../../src/features/column-sizing/columnSizingFeature.ts"],"sourcesContent":["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  callMemoOrStaticFn,\n  makeStateUpdater,\n} from '../../utils'\nimport { table_getPinnedVisibleLeafColumns } from '../column-pinning/columnPinningFeature.utils'\nimport {\n  column_getAfter,\n  column_getSize,\n  column_getStart,\n  column_resetSize,\n  getDefaultColumnSizingColumnDef,\n  getDefaultColumnSizingState,\n  header_getSize,\n  header_getStart,\n  table_getCenterTotalSize,\n  table_getLeftTotalSize,\n  table_getRightTotalSize,\n  table_getTotalSize,\n  table_resetColumnSizing,\n  table_setColumnSizing,\n} from './columnSizingFeature.utils'\nimport type { RowData } from '../../types/type-utils'\nimport type { TableFeature, TableFeatures } from '../../types/TableFeatures'\n// import type {\n//   ColumnDef_ColumnSizing,\n//   Column_ColumnSizing,\n//   Header_ColumnSizing,\n//   TableOptions_ColumnSizing,\n//   TableState_ColumnSizing,\n//   Table_ColumnSizing,\n// } from './columnSizingFeature.types'\n\ninterface ColumnSizingFeatureConstructors<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  // ColumnDef: ColumnDef_ColumnSizing\n  // Column: Column_ColumnSizing\n  // Header: Header_ColumnSizing\n  // Table: Table_ColumnSizing\n  // TableOptions: TableOptions_ColumnSizing\n  // TableState: TableState_ColumnSizing\n}\n\nexport function constructColumnSizingFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<ColumnSizingFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnSizing: getDefaultColumnSizingState(),\n        ...initialState,\n      }\n    },\n\n    getDefaultColumnDef: () => {\n      return getDefaultColumnSizingColumnDef()\n    },\n\n    getDefaultTableOptions: (table) => {\n      return {\n        onColumnSizingChange: makeStateUpdater('columnSizing', table),\n      }\n    },\n\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        column_getSize: {\n          fn: (column) => column_getSize(column),\n        },\n        column_getStart: {\n          fn: (column, position) => column_getStart(column, position),\n          memoDeps: (column, position) => [\n            position,\n            callMemoOrStaticFn(\n              column.table,\n              'getPinnedVisibleLeafColumns',\n              table_getPinnedVisibleLeafColumns,\n              position,\n            ),\n            column.table.store.state.columnSizing,\n          ],\n        },\n        column_getAfter: {\n          fn: (column, position) => column_getAfter(column, position),\n          memoDeps: (column, position) => [\n            position,\n            callMemoOrStaticFn(\n              column.table,\n              'getPinnedVisibleLeafColumns',\n              table_getPinnedVisibleLeafColumns,\n              position,\n            ),\n            column.table.store.state.columnSizing,\n          ],\n        },\n        column_resetSize: {\n          fn: (column) => column_resetSize(column),\n        },\n      })\n    },\n\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        header_getSize: {\n          fn: (header) => header_getSize(header),\n        },\n        header_getStart: {\n          fn: (header) => header_getStart(header),\n        },\n      })\n    },\n\n    constructTableAPIs: (table) => {\n      assignTableAPIs('columnSizingFeature', table, {\n        table_setColumnSizing: {\n          fn: (updater) => table_setColumnSizing(table, updater),\n        },\n        table_resetColumnSizing: {\n          fn: (defaultState) => table_resetColumnSizing(table, defaultState),\n        },\n        table_getTotalSize: {\n          fn: () => table_getTotalSize(table),\n        },\n        table_getLeftTotalSize: {\n          fn: () => table_getLeftTotalSize(table),\n        },\n        table_getCenterTotalSize: {\n          fn: () => table_getCenterTotalSize(table),\n        },\n        table_getRightTotalSize: {\n          fn: () => table_getRightTotalSize(table),\n        },\n      })\n    },\n  }\n}\n\n/**\n * The Column Sizing feature adds column sizing state and APIs to the table, header, and column objects.\n * **Note:** This does not include column resizing. The columnResizingFeature feature has been split out into its own standalone feature.\n */\nexport const columnSizingFeature = constructColumnSizingFeature()\n"],"names":[],"mappings":";;;AA8CO,SAAS,+BAGqD;AACnE,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,cAAc,4BAAA;AAAA,QACd,GAAG;AAAA,MAAA;AAAA,IAEP;AAAA,IAEA,qBAAqB,MAAM;AACzB,aAAO,gCAAA;AAAA,IACT;AAAA,IAEA,wBAAwB,CAAC,UAAU;AACjC,aAAO;AAAA,QACL,sBAAsB,iBAAiB,gBAAgB,KAAK;AAAA,MAAA;AAAA,IAEhE;AAAA,IAEA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,uBAAuB,WAAW,OAAO;AAAA,QAC3D,gBAAgB;AAAA,UACd,IAAI,CAAC,WAAW,eAAe,MAAM;AAAA,QAAA;AAAA,QAEvC,iBAAiB;AAAA,UACf,IAAI,CAAC,QAAQ,aAAa,gBAAgB,QAAQ,QAAQ;AAAA,UAC1D,UAAU,CAAC,QAAQ,aAAa;AAAA,YAC9B;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,OAAO,MAAM,MAAM,MAAM;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,iBAAiB;AAAA,UACf,IAAI,CAAC,QAAQ,aAAa,gBAAgB,QAAQ,QAAQ;AAAA,UAC1D,UAAU,CAAC,QAAQ,aAAa;AAAA,YAC9B;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,OAAO,MAAM,MAAM,MAAM;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,kBAAkB;AAAA,UAChB,IAAI,CAAC,WAAW,iBAAiB,MAAM;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,IAEA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,uBAAuB,WAAW,OAAO;AAAA,QAC3D,gBAAgB;AAAA,UACd,IAAI,CAAC,WAAW,eAAe,MAAM;AAAA,QAAA;AAAA,QAEvC,iBAAiB;AAAA,UACf,IAAI,CAAC,WAAW,gBAAgB,MAAM;AAAA,QAAA;AAAA,MACxC,CACD;AAAA,IACH;AAAA,IAEA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,uBAAuB,OAAO;AAAA,QAC5C,uBAAuB;AAAA,UACrB,IAAI,CAAC,YAAY,sBAAsB,OAAO,OAAO;AAAA,QAAA;AAAA,QAEvD,yBAAyB;AAAA,UACvB,IAAI,CAAC,iBAAiB,wBAAwB,OAAO,YAAY;AAAA,QAAA;AAAA,QAEnE,oBAAoB;AAAA,UAClB,IAAI,MAAM,mBAAmB,KAAK;AAAA,QAAA;AAAA,QAEpC,wBAAwB;AAAA,UACtB,IAAI,MAAM,uBAAuB,KAAK;AAAA,QAAA;AAAA,QAExC,0BAA0B;AAAA,UACxB,IAAI,MAAM,yBAAyB,KAAK;AAAA,QAAA;AAAA,QAE1C,yBAAyB;AAAA,UACvB,IAAI,MAAM,wBAAwB,KAAK;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,EAAA;AAEJ;AAMO,MAAM,sBAAsB,6BAAA;"}

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

@@ -0,0 +1,81 @@
+import { OnChangeFn, Updater } from '../../types/type-utils.js';
+import { ColumnPinningPosition } from '../column-pinning/columnPinningFeature.types';
+export interface TableState_ColumnSizing {
+    columnSizing: ColumnSizingState;
+}
+export type ColumnSizingState = Record<string, number>;
+export interface TableOptions_ColumnSizing {
+    /**
+     * If provided, this function will be called with an `updaterFn` when `state.columnSizing` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizing` from your own managed state.
+     */
+    onColumnSizingChange?: OnChangeFn<ColumnSizingState>;
+}
+export type ColumnSizingDefaultOptions = Pick<TableOptions_ColumnSizing, 'onColumnSizingChange'>;
+export interface Table_ColumnSizing {
+    /**
+     * If pinning, returns the total size of the center portion of the table by calculating the sum of the sizes of all unpinned/center leaf-columns.
+     */
+    getCenterTotalSize: () => number;
+    /**
+     * Returns the total size of the left portion of the table by calculating the sum of the sizes of all left leaf-columns.
+     */
+    getLeftTotalSize: () => number;
+    /**
+     * Returns the total size of the right portion of the table by calculating the sum of the sizes of all right leaf-columns.
+     */
+    getRightTotalSize: () => number;
+    /**
+     * Returns the total size of the table by calculating the sum of the sizes of all leaf-columns.
+     */
+    getTotalSize: () => number;
+    /**
+     * Resets column sizing to its initial state. If `defaultState` is `true`, the default state for the table will be used instead of the initialValue provided to the table.
+     */
+    resetColumnSizing: (defaultState?: boolean) => void;
+    /**
+     * Sets the column sizing state using an updater function or a value. This will trigger the underlying `onColumnSizingChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.
+     */
+    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;
+}
+export interface ColumnDef_ColumnSizing {
+    /**
+     * The maximum allowed size for the column
+     */
+    maxSize?: number;
+    /**
+     * The minimum allowed size for the column
+     */
+    minSize?: number;
+    /**
+     * The desired size for the column
+     */
+    size?: number;
+}
+export interface Column_ColumnSizing {
+    /**
+     * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all succeeding (right) headers in relation to the current column.
+     */
+    getAfter: (position?: ColumnPinningPosition | 'center') => number;
+    /**
+     * Returns the current size of the column.
+     */
+    getSize: () => number;
+    /**
+     * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding (left) headers in relation to the current column.
+     */
+    getStart: (position?: ColumnPinningPosition | 'center') => number;
+    /**
+     * Resets the column to its initial size.
+     */
+    resetSize: () => void;
+}
+export interface Header_ColumnSizing {
+    /**
+     * Returns the current size of the header.
+     */
+    getSize: () => number;
+    /**
+     * Returns the offset measurement along the row-axis (usually the x-axis for standard tables) for the header. This is effectively a sum of the offset measurements of all preceding headers.
+     */
+    getStart: (position?: ColumnPinningPosition) => number;
+}

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

@@ -0,0 +1,25 @@
+import { ColumnPinningPosition } from '../column-pinning/columnPinningFeature.types';
+import { CellData, RowData, Updater } from '../../types/type-utils.js';
+import { TableFeatures } from '../../types/TableFeatures.js';
+import { Table_Internal } from '../../types/Table.js';
+import { Header } from '../../types/Header.js';
+import { Column_Internal } from '../../types/Column.js';
+import { ColumnSizingState } from './columnSizingFeature.types';
+export declare function getDefaultColumnSizingState(): ColumnSizingState;
+export declare function getDefaultColumnSizingColumnDef(): {
+    size: number;
+    minSize: number;
+    maxSize: number;
+};
+export declare function column_getSize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): number;
+export declare function column_getStart<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>, position: ColumnPinningPosition | 'center'): number;
+export declare function column_getAfter<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>, position: ColumnPinningPosition | 'center'): number;
+export declare function column_resetSize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(column: Column_Internal<TFeatures, TData, TValue>): void;
+export declare function header_getSize<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(header: Header<TFeatures, TData, TValue>): number;
+export declare function header_getStart<TFeatures extends TableFeatures, TData extends RowData, TValue extends CellData = CellData>(header: Header<TFeatures, TData, TValue>): number;
+export declare function table_setColumnSizing<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, updater: Updater<ColumnSizingState>): void;
+export declare function table_resetColumnSizing<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean): void;
+export declare function table_getTotalSize<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>): number;
+export declare function table_getLeftTotalSize<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>): any;
+export declare function table_getCenterTotalSize<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>): any;
+export declare function table_getRightTotalSize<TFeatures extends TableFeatures, TData extends RowData>(table: Table_Internal<TFeatures, TData>): any;

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

@@ -0,0 +1,128 @@
+import { table_getPinnedVisibleLeafColumns, table_getLeftHeaderGroups, table_getCenterHeaderGroups, table_getRightHeaderGroups } from "../column-pinning/columnPinningFeature.utils.js";
+import { column_getIndex } from "../column-ordering/columnOrderingFeature.utils.js";
+import { callMemoOrStaticFn } from "../../utils.js";
+function getDefaultColumnSizingState() {
+  return structuredClone({});
+}
+function getDefaultColumnSizingColumnDef() {
+  return structuredClone({
+    size: 150,
+    minSize: 20,
+    maxSize: Number.MAX_SAFE_INTEGER
+  });
+}
+function column_getSize(column) {
+  const defaultSizes = getDefaultColumnSizingColumnDef();
+  const columnSize = column.table.store.state.columnSizing?.[column.id];
+  return Math.min(
+    Math.max(
+      column.columnDef.minSize ?? defaultSizes.minSize,
+      columnSize ?? column.columnDef.size ?? defaultSizes.size
+    ),
+    column.columnDef.maxSize ?? defaultSizes.maxSize
+  );
+}
+function column_getStart(column, position) {
+  const visibleLeafColumns = callMemoOrStaticFn(
+    column.table,
+    "getPinnedVisibleLeafColumns",
+    table_getPinnedVisibleLeafColumns,
+    position
+  );
+  return visibleLeafColumns.slice(0, callMemoOrStaticFn(column, "getIndex", column_getIndex, position)).reduce((sum, c) => sum + column_getSize(c), 0);
+}
+function column_getAfter(column, position) {
+  const visibleLeafColumns = callMemoOrStaticFn(
+    column.table,
+    "getPinnedVisibleLeafColumns",
+    table_getPinnedVisibleLeafColumns,
+    position
+  );
+  return visibleLeafColumns.slice(
+    callMemoOrStaticFn(column, "getIndex", column_getIndex, position) + 1
+  ).reduce((sum, c) => sum + column_getSize(c), 0);
+}
+function column_resetSize(column) {
+  table_setColumnSizing(column.table, ({ [column.id]: _, ...rest }) => {
+    return rest;
+  });
+}
+function header_getSize(header) {
+  let sum = 0;
+  const recurse = (h) => {
+    if (h.subHeaders.length) {
+      h.subHeaders.forEach(recurse);
+    } else {
+      sum += column_getSize(h.column);
+    }
+  };
+  recurse(header);
+  return sum;
+}
+function header_getStart(header) {
+  if (header.index > 0) {
+    const prevSiblingHeader = header.headerGroup?.headers[header.index - 1];
+    if (prevSiblingHeader) {
+      return header_getStart(prevSiblingHeader) + header_getSize(prevSiblingHeader);
+    }
+  }
+  return 0;
+}
+function table_setColumnSizing(table, updater) {
+  table.options.onColumnSizingChange?.(updater);
+}
+function table_resetColumnSizing(table, defaultState) {
+  table_setColumnSizing(
+    table,
+    defaultState ? {} : table.initialState.columnSizing ?? {}
+  );
+}
+function table_getTotalSize(table) {
+  return table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {
+    return sum + header_getSize(header);
+  }, 0) ?? 0;
+}
+function table_getLeftTotalSize(table) {
+  return callMemoOrStaticFn(
+    table,
+    "getLeftHeaderGroups",
+    table_getLeftHeaderGroups
+  )[0]?.headers.reduce((sum, header) => {
+    return sum + header_getSize(header);
+  }, 0) ?? 0;
+}
+function table_getCenterTotalSize(table) {
+  return callMemoOrStaticFn(
+    table,
+    "getCenterHeaderGroups",
+    table_getCenterHeaderGroups
+  )[0]?.headers.reduce((sum, header) => {
+    return sum + header_getSize(header);
+  }, 0) ?? 0;
+}
+function table_getRightTotalSize(table) {
+  return callMemoOrStaticFn(
+    table,
+    "getRightHeaderGroups",
+    table_getRightHeaderGroups
+  )[0]?.headers.reduce((sum, header) => {
+    return sum + header_getSize(header);
+  }, 0) ?? 0;
+}
+export {
+  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
+};
+//# sourceMappingURL=columnSizingFeature.utils.js.map