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

package/dist/esm/features/ColumnSizing.js

@@ -1,307 +0,0 @@
-import { _getVisibleLeafColumns } from "./ColumnVisibility.js";
-import { makeStateUpdater, memo, getMemoOptions } from "../utils.js";
-const defaultColumnSizing = {
-  size: 150,
-  minSize: 20,
-  maxSize: Number.MAX_SAFE_INTEGER
-};
-const getDefaultColumnSizingInfoState = () => ({
-  startOffset: null,
-  startSize: null,
-  deltaOffset: null,
-  deltaPercentage: null,
-  isResizingColumn: false,
-  columnSizingStart: []
-});
-const ColumnSizing = {
-  _getDefaultColumnDef: () => {
-    return defaultColumnSizing;
-  },
-  _getInitialState: (state) => {
-    return {
-      columnSizing: {},
-      columnSizingInfo: getDefaultColumnSizingInfoState(),
-      ...state
-    };
-  },
-  _getDefaultOptions: (table) => {
-    return {
-      columnResizeMode: "onEnd",
-      columnResizeDirection: "ltr",
-      onColumnSizingChange: makeStateUpdater("columnSizing", table),
-      onColumnSizingInfoChange: makeStateUpdater("columnSizingInfo", table)
-    };
-  },
-  _createColumn: (column, table) => {
-    column.getSize = () => {
-      const columnSize = table.getState().columnSizing[column.id];
-      return Math.min(
-        Math.max(
-          column.columnDef.minSize ?? defaultColumnSizing.minSize,
-          columnSize ?? column.columnDef.size ?? defaultColumnSizing.size
-        ),
-        column.columnDef.maxSize ?? defaultColumnSizing.maxSize
-      );
-    };
-    column.getStart = memo(
-      (position) => [
-        position,
-        _getVisibleLeafColumns(table, position),
-        table.getState().columnSizing
-      ],
-      (position, columns) => columns.slice(0, column.getIndex(position)).reduce((sum, column2) => sum + column2.getSize(), 0),
-      getMemoOptions(table.options, "debugColumns", "getStart")
-    );
-    column.getAfter = memo(
-      (position) => [
-        position,
-        _getVisibleLeafColumns(table, position),
-        table.getState().columnSizing
-      ],
-      (position, columns) => columns.slice(column.getIndex(position) + 1).reduce((sum, column2) => sum + column2.getSize(), 0),
-      getMemoOptions(table.options, "debugColumns", "getAfter")
-    );
-    column.resetSize = () => {
-      table.setColumnSizing(({ [column.id]: _, ...rest }) => {
-        return rest;
-      });
-    };
-    column.getCanResize = () => {
-      return (column.columnDef.enableResizing ?? true) && (table.options.enableColumnResizing ?? true);
-    };
-    column.getIsResizing = () => {
-      return table.getState().columnSizingInfo.isResizingColumn === column.id;
-    };
-  },
-  _createHeader: (header, table) => {
-    header.getSize = () => {
-      let sum = 0;
-      const recurse = (header2) => {
-        if (header2.subHeaders.length) {
-          header2.subHeaders.forEach(recurse);
-        } else {
-          sum += header2.column.getSize() ?? 0;
-        }
-      };
-      recurse(header);
-      return sum;
-    };
-    header.getStart = () => {
-      if (header.index > 0) {
-        const prevSiblingHeader = header.headerGroup.headers[header.index - 1];
-        return prevSiblingHeader.getStart() + prevSiblingHeader.getSize();
-      }
-      return 0;
-    };
-    header.getResizeHandler = (_contextDocument) => {
-      const column = table.getColumn(header.column.id);
-      const canResize = column == null ? void 0 : column.getCanResize();
-      return (e) => {
-        var _a;
-        if (!column || !canResize) {
-          return;
-        }
-        (_a = e.persist) == null ? void 0 : _a.call(e);
-        if (isTouchStartEvent(e)) {
-          if (e.touches && e.touches.length > 1) {
-            return;
-          }
-        }
-        const startSize = header.getSize();
-        const columnSizingStart = header ? header.getLeafHeaders().map((d) => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
-        const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
-        const newColumnSizing = {};
-        const updateOffset = (eventType, clientXPos) => {
-          if (typeof clientXPos !== "number") {
-            return;
-          }
-          table.setColumnSizingInfo((old) => {
-            const deltaDirection = table.options.columnResizeDirection === "rtl" ? -1 : 1;
-            const deltaOffset = (clientXPos - ((old == null ? void 0 : old.startOffset) ?? 0)) * deltaDirection;
-            const deltaPercentage = Math.max(
-              deltaOffset / ((old == null ? void 0 : 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 (table.options.columnResizeMode === "onChange" || eventType === "end") {
-            table.setColumnSizing((old) => ({
-              ...old,
-              ...newColumnSizing
-            }));
-          }
-        };
-        const onMove = (clientXPos) => updateOffset("move", clientXPos);
-        const onEnd = (clientXPos) => {
-          updateOffset("end", clientXPos);
-          table.setColumnSizingInfo((old) => ({
-            ...old,
-            isResizingColumn: false,
-            startOffset: null,
-            startSize: null,
-            deltaOffset: null,
-            deltaPercentage: null,
-            columnSizingStart: []
-          }));
-        };
-        const contextDocument = _contextDocument || typeof document !== "undefined" ? document : null;
-        const mouseEvents = {
-          moveHandler: (e2) => onMove(e2.clientX),
-          upHandler: (e2) => {
-            contextDocument == null ? void 0 : contextDocument.removeEventListener(
-              "mousemove",
-              mouseEvents.moveHandler
-            );
-            contextDocument == null ? void 0 : contextDocument.removeEventListener(
-              "mouseup",
-              mouseEvents.upHandler
-            );
-            onEnd(e2.clientX);
-          }
-        };
-        const touchEvents = {
-          moveHandler: (e2) => {
-            if (e2.cancelable) {
-              e2.preventDefault();
-              e2.stopPropagation();
-            }
-            onMove(e2.touches[0].clientX);
-            return false;
-          },
-          upHandler: (e2) => {
-            var _a2;
-            contextDocument == null ? void 0 : contextDocument.removeEventListener(
-              "touchmove",
-              touchEvents.moveHandler
-            );
-            contextDocument == null ? void 0 : contextDocument.removeEventListener(
-              "touchend",
-              touchEvents.upHandler
-            );
-            if (e2.cancelable) {
-              e2.preventDefault();
-              e2.stopPropagation();
-            }
-            onEnd((_a2 = e2.touches[0]) == null ? void 0 : _a2.clientX);
-          }
-        };
-        const passiveIfSupported = passiveEventSupported() ? { passive: false } : false;
-        if (isTouchStartEvent(e)) {
-          contextDocument == null ? void 0 : contextDocument.addEventListener(
-            "touchmove",
-            touchEvents.moveHandler,
-            passiveIfSupported
-          );
-          contextDocument == null ? void 0 : contextDocument.addEventListener(
-            "touchend",
-            touchEvents.upHandler,
-            passiveIfSupported
-          );
-        } else {
-          contextDocument == null ? void 0 : contextDocument.addEventListener(
-            "mousemove",
-            mouseEvents.moveHandler,
-            passiveIfSupported
-          );
-          contextDocument == null ? void 0 : contextDocument.addEventListener(
-            "mouseup",
-            mouseEvents.upHandler,
-            passiveIfSupported
-          );
-        }
-        table.setColumnSizingInfo((old) => ({
-          ...old,
-          startOffset: clientX,
-          startSize,
-          deltaOffset: 0,
-          deltaPercentage: 0,
-          columnSizingStart,
-          isResizingColumn: column.id
-        }));
-      };
-    };
-  },
-  _createTable: (table) => {
-    table.setColumnSizing = (updater) => {
-      var _a, _b;
-      return (_b = (_a = table.options).onColumnSizingChange) == null ? void 0 : _b.call(_a, updater);
-    };
-    table.setColumnSizingInfo = (updater) => {
-      var _a, _b;
-      return (_b = (_a = table.options).onColumnSizingInfoChange) == null ? void 0 : _b.call(_a, updater);
-    };
-    table.resetColumnSizing = (defaultState) => {
-      table.setColumnSizing(
-        defaultState ? {} : table.initialState.columnSizing ?? {}
-      );
-    };
-    table.resetHeaderSizeInfo = (defaultState) => {
-      table.setColumnSizingInfo(
-        defaultState ? getDefaultColumnSizingInfoState() : table.initialState.columnSizingInfo ?? getDefaultColumnSizingInfoState()
-      );
-    };
-    table.getTotalSize = () => {
-      var _a;
-      return ((_a = table.getHeaderGroups()[0]) == null ? void 0 : _a.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) ?? 0;
-    };
-    table.getLeftTotalSize = () => {
-      var _a;
-      return ((_a = table.getLeftHeaderGroups()[0]) == null ? void 0 : _a.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) ?? 0;
-    };
-    table.getCenterTotalSize = () => {
-      var _a;
-      return ((_a = table.getCenterHeaderGroups()[0]) == null ? void 0 : _a.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) ?? 0;
-    };
-    table.getRightTotalSize = () => {
-      var _a;
-      return ((_a = table.getRightHeaderGroups()[0]) == null ? void 0 : _a.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) ?? 0;
-    };
-  }
-};
-let passiveSupported = null;
-function passiveEventSupported() {
-  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 {
-  ColumnSizing,
-  defaultColumnSizing,
-  passiveEventSupported
-};
-//# sourceMappingURL=ColumnSizing.js.map

package/dist/esm/features/ColumnSizing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnSizing.js","sources":["../../../src/features/ColumnSizing.ts"],"sourcesContent":["import { _getVisibleLeafColumns } from '..'\nimport {\n  RowData,\n  Column,\n  Header,\n  OnChangeFn,\n  Table,\n  Updater,\n  TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\nimport { ColumnPinningPosition } from './ColumnPinning'\n\n//\n\nexport interface ColumnSizingTableState {\n  columnSizing: ColumnSizingState\n  columnSizingInfo: ColumnSizingInfoState\n}\n\nexport type ColumnSizingState = Record<string, number>\n\nexport interface ColumnSizingInfoState {\n  columnSizingStart: [string, number][]\n  deltaOffset: null | number\n  deltaPercentage: null | number\n  isResizingColumn: false | string\n  startOffset: null | number\n  startSize: null | number\n}\n\nexport type ColumnResizeMode = 'onChange' | 'onEnd'\n\nexport type ColumnResizeDirection = 'ltr' | 'rtl'\n\nexport interface ColumnSizingOptions {\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnresizemode)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  columnResizeMode?: ColumnResizeMode\n  /**\n   * Enables or disables column resizing for the column.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enablecolumnresizing)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  enableColumnResizing?: boolean\n  /**\n   * Enables or disables right-to-left support for resizing the column. defaults to 'ltr'.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#columnResizeDirection)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  columnResizeDirection?: ColumnResizeDirection\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizingchange)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  onColumnSizingChange?: OnChangeFn<ColumnSizingState>\n  /**\n   * If provided, this function will be called with an `updaterFn` when `state.columnSizingInfo` changes. This overrides the default internal state management, so you will also need to supply `state.columnSizingInfo` from your own managed state.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#oncolumnsizinginfochange)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  onColumnSizingInfoChange?: OnChangeFn<ColumnSizingInfoState>\n}\n\nexport type ColumnSizingDefaultOptions = Pick<\n  ColumnSizingOptions,\n  | 'columnResizeMode'\n  | 'onColumnSizingChange'\n  | 'onColumnSizingInfoChange'\n  | 'columnResizeDirection'\n>\n\nexport interface ColumnSizingInstance {\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcentertotalsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getCenterTotalSize: () => number\n  /**\n   * Returns the total size of the left portion of the table by calculating the sum of the sizes of all left leaf-columns.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getlefttotalsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getLeftTotalSize: () => number\n  /**\n   * Returns the total size of the right portion of the table by calculating the sum of the sizes of all right leaf-columns.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getrighttotalsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getRightTotalSize: () => number\n  /**\n   * Returns the total size of the table by calculating the sum of the sizes of all leaf-columns.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#gettotalsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getTotalSize: () => number\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetcolumnsizing)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  resetColumnSizing: (defaultState?: boolean) => void\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetheadersizeinfo)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  resetHeaderSizeInfo: (defaultState?: boolean) => void\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizing)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  setColumnSizing: (updater: Updater<ColumnSizingState>) => void\n  /**\n   * Sets the column sizing info state using an updater function or a value. This will trigger the underlying `onColumnSizingInfoChange` function if one is passed to the table options, otherwise the state will be managed automatically by the table.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#setcolumnsizinginfo)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  setColumnSizingInfo: (updater: Updater<ColumnSizingInfoState>) => void\n}\n\nexport interface ColumnSizingColumnDef {\n  /**\n   * Enables or disables column resizing for the column.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#enableresizing)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  enableResizing?: boolean\n  /**\n   * The maximum allowed size for the column\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#maxsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  maxSize?: number\n  /**\n   * The minimum allowed size for the column\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#minsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  minSize?: number\n  /**\n   * The desired size for the column\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#size)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  size?: number\n}\n\nexport interface ColumnSizingColumn {\n  /**\n   * Returns `true` if the column can be resized.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getcanresize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getCanResize: () => boolean\n  /**\n   * Returns `true` if the column is currently being resized.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getisresizing)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getIsResizing: () => boolean\n  /**\n   * Returns the current size of the column.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getSize: () => number\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getStart: (position?: ColumnPinningPosition | 'center') => number\n  /**\n   * 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.\n   */\n  getAfter: (position?: ColumnPinningPosition | 'center') => number\n  /**\n   * Resets the column to its initial size.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#resetsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  resetSize: () => void\n}\n\nexport interface ColumnSizingHeader {\n  /**\n   * Returns an event handler function that can be used to resize the header. It can be used as an:\n   * - `onMouseDown` handler\n   * - `onTouchStart` handler\n   *\n   * The dragging and release events are automatically handled for you.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getresizehandler)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getResizeHandler: (context?: Document) => (event: unknown) => void\n  /**\n   * Returns the current size of the header.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getSize: () => number\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getstart)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)\n   */\n  getStart: (position?: ColumnPinningPosition) => number\n}\n\n//\n\nexport const defaultColumnSizing = {\n  size: 150,\n  minSize: 20,\n  maxSize: Number.MAX_SAFE_INTEGER,\n}\n\nconst getDefaultColumnSizingInfoState = (): ColumnSizingInfoState => ({\n  startOffset: null,\n  startSize: null,\n  deltaOffset: null,\n  deltaPercentage: null,\n  isResizingColumn: false,\n  columnSizingStart: [],\n})\n\nexport const ColumnSizing: TableFeature = {\n  _getDefaultColumnDef: (): ColumnSizingColumnDef => {\n    return defaultColumnSizing\n  },\n  _getInitialState: (state): ColumnSizingTableState => {\n    return {\n      columnSizing: {},\n      columnSizingInfo: getDefaultColumnSizingInfoState(),\n      ...state,\n    }\n  },\n\n  _getDefaultOptions: <TData extends RowData>(\n    table: Table<TData>\n  ): ColumnSizingDefaultOptions => {\n    return {\n      columnResizeMode: 'onEnd',\n      columnResizeDirection: 'ltr',\n      onColumnSizingChange: makeStateUpdater('columnSizing', table),\n      onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table),\n    }\n  },\n\n  _createColumn: <TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>\n  ): void => {\n    column.getSize = () => {\n      const columnSize = table.getState().columnSizing[column.id]\n\n      return Math.min(\n        Math.max(\n          column.columnDef.minSize ?? defaultColumnSizing.minSize,\n          columnSize ?? column.columnDef.size ?? defaultColumnSizing.size\n        ),\n        column.columnDef.maxSize ?? defaultColumnSizing.maxSize\n      )\n    }\n\n    column.getStart = memo(\n      position => [\n        position,\n        _getVisibleLeafColumns(table, position),\n        table.getState().columnSizing,\n      ],\n      (position, columns) =>\n        columns\n          .slice(0, column.getIndex(position))\n          .reduce((sum, column) => sum + column.getSize(), 0),\n      getMemoOptions(table.options, 'debugColumns', 'getStart')\n    )\n\n    column.getAfter = memo(\n      position => [\n        position,\n        _getVisibleLeafColumns(table, position),\n        table.getState().columnSizing,\n      ],\n      (position, columns) =>\n        columns\n          .slice(column.getIndex(position) + 1)\n          .reduce((sum, column) => sum + column.getSize(), 0),\n      getMemoOptions(table.options, 'debugColumns', 'getAfter')\n    )\n\n    column.resetSize = () => {\n      table.setColumnSizing(({ [column.id]: _, ...rest }) => {\n        return rest\n      })\n    }\n    column.getCanResize = () => {\n      return (\n        (column.columnDef.enableResizing ?? true) &&\n        (table.options.enableColumnResizing ?? true)\n      )\n    }\n    column.getIsResizing = () => {\n      return table.getState().columnSizingInfo.isResizingColumn === column.id\n    }\n  },\n\n  _createHeader: <TData extends RowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>\n  ): void => {\n    header.getSize = () => {\n      let sum = 0\n\n      const recurse = (header: Header<TData, TValue>) => {\n        if (header.subHeaders.length) {\n          header.subHeaders.forEach(recurse)\n        } else {\n          sum += header.column.getSize() ?? 0\n        }\n      }\n\n      recurse(header)\n\n      return sum\n    }\n    header.getStart = () => {\n      if (header.index > 0) {\n        const prevSiblingHeader = header.headerGroup.headers[header.index - 1]!\n        return prevSiblingHeader.getStart() + prevSiblingHeader.getSize()\n      }\n\n      return 0\n    }\n    header.getResizeHandler = _contextDocument => {\n      const column = table.getColumn(header.column.id)\n      const canResize = column?.getCanResize()\n\n      return (e: unknown) => {\n        if (!column || !canResize) {\n          return\n        }\n\n        ;(e as any).persist?.()\n\n        if (isTouchStartEvent(e)) {\n          // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n          if (e.touches && e.touches.length > 1) {\n            return\n          }\n        }\n\n        const startSize = header.getSize()\n\n        const columnSizingStart: [string, number][] = header\n          ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()])\n          : [[column.id, column.getSize()]]\n\n        const clientX = isTouchStartEvent(e)\n          ? Math.round(e.touches[0]!.clientX)\n          : (e as MouseEvent).clientX\n\n        const newColumnSizing: ColumnSizingState = {}\n\n        const updateOffset = (\n          eventType: 'move' | 'end',\n          clientXPos?: number\n        ) => {\n          if (typeof clientXPos !== 'number') {\n            return\n          }\n\n          table.setColumnSizingInfo(old => {\n            const deltaDirection =\n              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            table.options.columnResizeMode === 'onChange' ||\n            eventType === 'end'\n          ) {\n            table.setColumnSizing(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.setColumnSizingInfo(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(\n              'mouseup',\n              mouseEvents.upHandler\n            )\n            onEnd(e.clientX)\n          },\n        }\n\n        const touchEvents = {\n          moveHandler: (e: TouchEvent) => {\n            if (e.cancelable) {\n              e.preventDefault()\n              e.stopPropagation()\n            }\n            onMove(e.touches[0]!.clientX)\n            return false\n          },\n          upHandler: (e: TouchEvent) => {\n            contextDocument?.removeEventListener(\n              'touchmove',\n              touchEvents.moveHandler\n            )\n            contextDocument?.removeEventListener(\n              'touchend',\n              touchEvents.upHandler\n            )\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(e)) {\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.setColumnSizingInfo(old => ({\n          ...old,\n          startOffset: clientX,\n          startSize,\n          deltaOffset: 0,\n          deltaPercentage: 0,\n          columnSizingStart,\n          isResizingColumn: column.id,\n        }))\n      }\n    }\n  },\n\n  _createTable: <TData extends RowData>(table: Table<TData>): void => {\n    table.setColumnSizing = updater =>\n      table.options.onColumnSizingChange?.(updater)\n    table.setColumnSizingInfo = updater =>\n      table.options.onColumnSizingInfoChange?.(updater)\n    table.resetColumnSizing = defaultState => {\n      table.setColumnSizing(\n        defaultState ? {} : table.initialState.columnSizing ?? {}\n      )\n    }\n    table.resetHeaderSizeInfo = defaultState => {\n      table.setColumnSizingInfo(\n        defaultState\n          ? getDefaultColumnSizingInfoState()\n          : table.initialState.columnSizingInfo ??\n              getDefaultColumnSizingInfoState()\n      )\n    }\n    table.getTotalSize = () =>\n      table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {\n        return sum + header.getSize()\n      }, 0) ?? 0\n    table.getLeftTotalSize = () =>\n      table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {\n        return sum + header.getSize()\n      }, 0) ?? 0\n    table.getCenterTotalSize = () =>\n      table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {\n        return sum + header.getSize()\n      }, 0) ?? 0\n    table.getRightTotalSize = () =>\n      table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {\n        return sum + header.getSize()\n      }, 0) ?? 0\n  },\n}\n\nlet passiveSupported: boolean | null = null\nexport function passiveEventSupported() {\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\nfunction isTouchStartEvent(e: unknown): e is TouchEvent {\n  return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":["column","header","e"],"mappings":"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"}

package/dist/esm/features/ColumnVisibility.d.ts

@@ -1,130 +0,0 @@
-import { ColumnPinningPosition } from '..';
-import { Cell, Column, OnChangeFn, Table, Updater, RowData, TableFeature } from '../types';
-
-export type VisibilityState = Record<string, boolean>;
-export interface VisibilityTableState {
-    columnVisibility: VisibilityState;
-}
-export interface VisibilityOptions {
-    /**
-     * Whether to enable column hiding. Defaults to `true`.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#enablehiding)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    enableHiding?: boolean;
-    /**
-     * If provided, this function will be called with an `updaterFn` when `state.columnVisibility` changes. This overrides the default internal state management, so you will need to persist the state change either fully or partially outside of the table.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#oncolumnvisibilitychange)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    onColumnVisibilityChange?: OnChangeFn<VisibilityState>;
-}
-export type VisibilityDefaultOptions = Pick<VisibilityOptions, 'onColumnVisibilityChange'>;
-export interface VisibilityInstance<TData extends RowData> {
-    /**
-     * If column pinning, returns a flat array of leaf-node columns that are visible in the unpinned/center portion of the table.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getcentervisibleleafcolumns)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getCenterVisibleLeafColumns: () => Column<TData, unknown>[];
-    /**
-     * Returns whether all columns are visible
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getisallcolumnsvisible)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getIsAllColumnsVisible: () => boolean;
-    /**
-     * Returns whether any columns are visible
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getissomecolumnsvisible)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getIsSomeColumnsVisible: () => boolean;
-    /**
-     * If column pinning, returns a flat array of leaf-node columns that are visible in the left portion of the table.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getleftvisibleleafcolumns)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getLeftVisibleLeafColumns: () => Column<TData, unknown>[];
-    /**
-     * If column pinning, returns a flat array of leaf-node columns that are visible in the right portion of the table.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getrightvisibleleafcolumns)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getRightVisibleLeafColumns: () => Column<TData, unknown>[];
-    /**
-     * Returns a handler for toggling the visibility of all columns, meant to be bound to a `input[type=checkbox]` element.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#gettoggleallcolumnsvisibilityhandler)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getToggleAllColumnsVisibilityHandler: () => (event: unknown) => void;
-    /**
-     * Returns a flat array of columns that are visible, including parent columns.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisibleflatcolumns)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getVisibleFlatColumns: () => Column<TData, unknown>[];
-    /**
-     * Returns a flat array of leaf-node columns that are visible.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisibleleafcolumns)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getVisibleLeafColumns: () => Column<TData, unknown>[];
-    /**
-     * Resets the column visibility state to the initial state. If `defaultState` is provided, the state will be reset to `{}`
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#resetcolumnvisibility)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    resetColumnVisibility: (defaultState?: boolean) => void;
-    /**
-     * Sets or updates the `state.columnVisibility` state.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#setcolumnvisibility)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    setColumnVisibility: (updater: Updater<VisibilityState>) => void;
-    /**
-     * Toggles the visibility of all columns.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#toggleallcolumnsvisible)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    toggleAllColumnsVisible: (value?: boolean) => void;
-}
-export interface VisibilityColumnDef {
-    enableHiding?: boolean;
-}
-export interface VisibilityRow<TData extends RowData> {
-    _getAllVisibleCells: () => Cell<TData, unknown>[];
-    /**
-     * Returns an array of cells that account for column visibility for the row.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisiblecells)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getVisibleCells: () => Cell<TData, unknown>[];
-}
-export interface VisibilityColumn {
-    /**
-     * Returns whether the column can be hidden
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getcanhide)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getCanHide: () => boolean;
-    /**
-     * Returns whether the column is visible
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getisvisible)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getIsVisible: () => boolean;
-    /**
-     * Returns a function that can be used to toggle the column visibility. This function can be used to bind to an event handler to a checkbox.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#gettogglevisibilityhandler)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    getToggleVisibilityHandler: () => (event: unknown) => void;
-    /**
-     * Toggles the visibility of the column.
-     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#togglevisibility)
-     * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)
-     */
-    toggleVisibility: (value?: boolean) => void;
-}
-export declare const ColumnVisibility: TableFeature;
-export declare function _getVisibleLeafColumns<TData extends RowData>(table: Table<TData>, position?: ColumnPinningPosition | 'center'): Column<TData, unknown>[];

package/dist/esm/features/ColumnVisibility.js

@@ -1,144 +0,0 @@
-import { makeStateUpdater, memo, getMemoOptions } from "../utils.js";
-const ColumnVisibility = {
-  _getInitialState: (state) => {
-    return {
-      columnVisibility: {},
-      ...state
-    };
-  },
-  _getDefaultOptions: (table) => {
-    return {
-      onColumnVisibilityChange: makeStateUpdater("columnVisibility", table)
-    };
-  },
-  _createColumn: (column, table) => {
-    column.toggleVisibility = (value) => {
-      if (column.getCanHide()) {
-        table.setColumnVisibility((old) => ({
-          ...old,
-          [column.id]: value ?? !column.getIsVisible()
-        }));
-      }
-    };
-    column.getIsVisible = () => {
-      var _a;
-      const childColumns = column.columns;
-      return (childColumns.length ? childColumns.some((c) => c.getIsVisible()) : (_a = table.getState().columnVisibility) == null ? void 0 : _a[column.id]) ?? true;
-    };
-    column.getCanHide = () => {
-      return (column.columnDef.enableHiding ?? true) && (table.options.enableHiding ?? true);
-    };
-    column.getToggleVisibilityHandler = () => {
-      return (e) => {
-        var _a;
-        (_a = column.toggleVisibility) == null ? void 0 : _a.call(
-          column,
-          e.target.checked
-        );
-      };
-    };
-  },
-  _createRow: (row, table) => {
-    row._getAllVisibleCells = memo(
-      () => [row.getAllCells(), table.getState().columnVisibility],
-      (cells) => {
-        return cells.filter((cell) => cell.column.getIsVisible());
-      },
-      getMemoOptions(table.options, "debugRows", "_getAllVisibleCells")
-    );
-    row.getVisibleCells = memo(
-      () => [
-        row.getLeftVisibleCells(),
-        row.getCenterVisibleCells(),
-        row.getRightVisibleCells()
-      ],
-      (left, center, right) => [...left, ...center, ...right],
-      getMemoOptions(table.options, "debugRows", "getVisibleCells")
-    );
-  },
-  _createTable: (table) => {
-    const makeVisibleColumnsMethod = (key, getColumns) => {
-      return memo(
-        () => [
-          getColumns(),
-          getColumns().filter((d) => d.getIsVisible()).map((d) => d.id).join("_")
-        ],
-        (columns) => {
-          return columns.filter((d) => {
-            var _a;
-            return (_a = d.getIsVisible) == null ? void 0 : _a.call(d);
-          });
-        },
-        getMemoOptions(table.options, "debugColumns", key)
-      );
-    };
-    table.getVisibleFlatColumns = makeVisibleColumnsMethod(
-      "getVisibleFlatColumns",
-      () => table.getAllFlatColumns()
-    );
-    table.getVisibleLeafColumns = makeVisibleColumnsMethod(
-      "getVisibleLeafColumns",
-      () => table.getAllLeafColumns()
-    );
-    table.getLeftVisibleLeafColumns = makeVisibleColumnsMethod(
-      "getLeftVisibleLeafColumns",
-      () => table.getLeftLeafColumns()
-    );
-    table.getRightVisibleLeafColumns = makeVisibleColumnsMethod(
-      "getRightVisibleLeafColumns",
-      () => table.getRightLeafColumns()
-    );
-    table.getCenterVisibleLeafColumns = makeVisibleColumnsMethod(
-      "getCenterVisibleLeafColumns",
-      () => table.getCenterLeafColumns()
-    );
-    table.setColumnVisibility = (updater) => {
-      var _a, _b;
-      return (_b = (_a = table.options).onColumnVisibilityChange) == null ? void 0 : _b.call(_a, updater);
-    };
-    table.resetColumnVisibility = (defaultState) => {
-      table.setColumnVisibility(
-        defaultState ? {} : table.initialState.columnVisibility ?? {}
-      );
-    };
-    table.toggleAllColumnsVisible = (value) => {
-      value = value ?? !table.getIsAllColumnsVisible();
-      table.setColumnVisibility(
-        table.getAllLeafColumns().reduce(
-          (obj, column) => {
-            var _a;
-            return {
-              ...obj,
-              [column.id]: !value ? !((_a = column.getCanHide) == null ? void 0 : _a.call(column)) : value
-            };
-          },
-          {}
-        )
-      );
-    };
-    table.getIsAllColumnsVisible = () => !table.getAllLeafColumns().some((column) => {
-      var _a;
-      return !((_a = column.getIsVisible) == null ? void 0 : _a.call(column));
-    });
-    table.getIsSomeColumnsVisible = () => table.getAllLeafColumns().some((column) => {
-      var _a;
-      return (_a = column.getIsVisible) == null ? void 0 : _a.call(column);
-    });
-    table.getToggleAllColumnsVisibilityHandler = () => {
-      return (e) => {
-        var _a;
-        table.toggleAllColumnsVisible(
-          (_a = e.target) == null ? void 0 : _a.checked
-        );
-      };
-    };
-  }
-};
-function _getVisibleLeafColumns(table, position) {
-  return !position ? table.getVisibleLeafColumns() : position === "center" ? table.getCenterVisibleLeafColumns() : position === "left" ? table.getLeftVisibleLeafColumns() : table.getRightVisibleLeafColumns();
-}
-export {
-  ColumnVisibility,
-  _getVisibleLeafColumns
-};
-//# sourceMappingURL=ColumnVisibility.js.map