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

package/dist/esm/features/ColumnSizing.js

@@ -0,0 +1,307 @@
+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

@@ -0,0 +1 @@
+{"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/{build/lib → dist/esm}/features/ColumnVisibility.d.ts

@@ -1,5 +1,6 @@
 import { ColumnPinningPosition } from '..';
 import { Cell, Column, OnChangeFn, Table, Updater, RowData, TableFeature } from '../types';
+
 export type VisibilityState = Record<string, boolean>;
 export interface VisibilityTableState {
     columnVisibility: VisibilityState;

package/dist/esm/features/ColumnVisibility.js

@@ -0,0 +1,144 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnVisibility.js","sources":["../../../src/features/ColumnVisibility.ts"],"sourcesContent":["import { ColumnPinningPosition } from '..'\nimport {\n  Cell,\n  Column,\n  OnChangeFn,\n  Table,\n  Updater,\n  Row,\n  RowData,\n  TableFeature,\n} from '../types'\nimport { getMemoOptions, makeStateUpdater, memo } from '../utils'\n\nexport type VisibilityState = Record<string, boolean>\n\nexport interface VisibilityTableState {\n  columnVisibility: VisibilityState\n}\n\nexport interface VisibilityOptions {\n  /**\n   * Whether to enable column hiding. Defaults to `true`.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#enablehiding)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  enableHiding?: boolean\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#oncolumnvisibilitychange)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  onColumnVisibilityChange?: OnChangeFn<VisibilityState>\n}\n\nexport type VisibilityDefaultOptions = Pick<\n  VisibilityOptions,\n  'onColumnVisibilityChange'\n>\n\nexport interface VisibilityInstance<TData extends RowData> {\n  /**\n   * If column pinning, returns a flat array of leaf-node columns that are visible in the unpinned/center portion of the table.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getcentervisibleleafcolumns)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getCenterVisibleLeafColumns: () => Column<TData, unknown>[]\n  /**\n   * Returns whether all columns are visible\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getisallcolumnsvisible)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getIsAllColumnsVisible: () => boolean\n  /**\n   * Returns whether any columns are visible\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getissomecolumnsvisible)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getIsSomeColumnsVisible: () => boolean\n  /**\n   * If column pinning, returns a flat array of leaf-node columns that are visible in the left portion of the table.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getleftvisibleleafcolumns)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getLeftVisibleLeafColumns: () => Column<TData, unknown>[]\n  /**\n   * If column pinning, returns a flat array of leaf-node columns that are visible in the right portion of the table.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getrightvisibleleafcolumns)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getRightVisibleLeafColumns: () => Column<TData, unknown>[]\n  /**\n   * Returns a handler for toggling the visibility of all columns, meant to be bound to a `input[type=checkbox]` element.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#gettoggleallcolumnsvisibilityhandler)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getToggleAllColumnsVisibilityHandler: () => (event: unknown) => void\n  /**\n   * Returns a flat array of columns that are visible, including parent columns.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisibleflatcolumns)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getVisibleFlatColumns: () => Column<TData, unknown>[]\n  /**\n   * Returns a flat array of leaf-node columns that are visible.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisibleleafcolumns)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getVisibleLeafColumns: () => Column<TData, unknown>[]\n  /**\n   * Resets the column visibility state to the initial state. If `defaultState` is provided, the state will be reset to `{}`\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#resetcolumnvisibility)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  resetColumnVisibility: (defaultState?: boolean) => void\n  /**\n   * Sets or updates the `state.columnVisibility` state.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#setcolumnvisibility)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  setColumnVisibility: (updater: Updater<VisibilityState>) => void\n  /**\n   * Toggles the visibility of all columns.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#toggleallcolumnsvisible)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  toggleAllColumnsVisible: (value?: boolean) => void\n}\n\nexport interface VisibilityColumnDef {\n  enableHiding?: boolean\n}\n\nexport interface VisibilityRow<TData extends RowData> {\n  _getAllVisibleCells: () => Cell<TData, unknown>[]\n  /**\n   * Returns an array of cells that account for column visibility for the row.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getvisiblecells)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getVisibleCells: () => Cell<TData, unknown>[]\n}\n\nexport interface VisibilityColumn {\n  /**\n   * Returns whether the column can be hidden\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getcanhide)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getCanHide: () => boolean\n  /**\n   * Returns whether the column is visible\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#getisvisible)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getIsVisible: () => boolean\n  /**\n   * 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.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#gettogglevisibilityhandler)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  getToggleVisibilityHandler: () => (event: unknown) => void\n  /**\n   * Toggles the visibility of the column.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-visibility#togglevisibility)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-visibility)\n   */\n  toggleVisibility: (value?: boolean) => void\n}\n\n//\n\nexport const ColumnVisibility: TableFeature = {\n  _getInitialState: (state): VisibilityTableState => {\n    return {\n      columnVisibility: {},\n      ...state,\n    }\n  },\n\n  _getDefaultOptions: <TData extends RowData>(\n    table: Table<TData>\n  ): VisibilityDefaultOptions => {\n    return {\n      onColumnVisibilityChange: makeStateUpdater('columnVisibility', table),\n    }\n  },\n\n  _createColumn: <TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>\n  ): void => {\n    column.toggleVisibility = value => {\n      if (column.getCanHide()) {\n        table.setColumnVisibility(old => ({\n          ...old,\n          [column.id]: value ?? !column.getIsVisible(),\n        }))\n      }\n    }\n    column.getIsVisible = () => {\n      const childColumns = column.columns\n      return (\n        (childColumns.length\n          ? childColumns.some(c => c.getIsVisible())\n          : table.getState().columnVisibility?.[column.id]) ?? true\n      )\n    }\n\n    column.getCanHide = () => {\n      return (\n        (column.columnDef.enableHiding ?? true) &&\n        (table.options.enableHiding ?? true)\n      )\n    }\n    column.getToggleVisibilityHandler = () => {\n      return (e: unknown) => {\n        column.toggleVisibility?.(\n          ((e as MouseEvent).target as HTMLInputElement).checked\n        )\n      }\n    }\n  },\n\n  _createRow: <TData extends RowData>(\n    row: Row<TData>,\n    table: Table<TData>\n  ): void => {\n    row._getAllVisibleCells = memo(\n      () => [row.getAllCells(), table.getState().columnVisibility],\n      cells => {\n        return cells.filter(cell => cell.column.getIsVisible())\n      },\n      getMemoOptions(table.options, 'debugRows', '_getAllVisibleCells')\n    )\n    row.getVisibleCells = memo(\n      () => [\n        row.getLeftVisibleCells(),\n        row.getCenterVisibleCells(),\n        row.getRightVisibleCells(),\n      ],\n      (left, center, right) => [...left, ...center, ...right],\n      getMemoOptions(table.options, 'debugRows', 'getVisibleCells')\n    )\n  },\n\n  _createTable: <TData extends RowData>(table: Table<TData>): void => {\n    const makeVisibleColumnsMethod = (\n      key: string,\n      getColumns: () => Column<TData, unknown>[]\n    ): (() => Column<TData, unknown>[]) => {\n      return memo(\n        () => [\n          getColumns(),\n          getColumns()\n            .filter(d => d.getIsVisible())\n            .map(d => d.id)\n            .join('_'),\n        ],\n        columns => {\n          return columns.filter(d => d.getIsVisible?.())\n        },\n        getMemoOptions(table.options, 'debugColumns', key)\n      )\n    }\n\n    table.getVisibleFlatColumns = makeVisibleColumnsMethod(\n      'getVisibleFlatColumns',\n      () => table.getAllFlatColumns()\n    )\n    table.getVisibleLeafColumns = makeVisibleColumnsMethod(\n      'getVisibleLeafColumns',\n      () => table.getAllLeafColumns()\n    )\n    table.getLeftVisibleLeafColumns = makeVisibleColumnsMethod(\n      'getLeftVisibleLeafColumns',\n      () => table.getLeftLeafColumns()\n    )\n    table.getRightVisibleLeafColumns = makeVisibleColumnsMethod(\n      'getRightVisibleLeafColumns',\n      () => table.getRightLeafColumns()\n    )\n    table.getCenterVisibleLeafColumns = makeVisibleColumnsMethod(\n      'getCenterVisibleLeafColumns',\n      () => table.getCenterLeafColumns()\n    )\n\n    table.setColumnVisibility = updater =>\n      table.options.onColumnVisibilityChange?.(updater)\n\n    table.resetColumnVisibility = defaultState => {\n      table.setColumnVisibility(\n        defaultState ? {} : table.initialState.columnVisibility ?? {}\n      )\n    }\n\n    table.toggleAllColumnsVisible = value => {\n      value = value ?? !table.getIsAllColumnsVisible()\n\n      table.setColumnVisibility(\n        table.getAllLeafColumns().reduce(\n          (obj, column) => ({\n            ...obj,\n            [column.id]: !value ? !column.getCanHide?.() : value,\n          }),\n          {}\n        )\n      )\n    }\n\n    table.getIsAllColumnsVisible = () =>\n      !table.getAllLeafColumns().some(column => !column.getIsVisible?.())\n\n    table.getIsSomeColumnsVisible = () =>\n      table.getAllLeafColumns().some(column => column.getIsVisible?.())\n\n    table.getToggleAllColumnsVisibilityHandler = () => {\n      return (e: unknown) => {\n        table.toggleAllColumnsVisible(\n          ((e as MouseEvent).target as HTMLInputElement)?.checked\n        )\n      }\n    }\n  },\n}\n\nexport function _getVisibleLeafColumns<TData extends RowData>(\n  table: Table<TData>,\n  position?: ColumnPinningPosition | 'center'\n) {\n  return !position\n    ? table.getVisibleLeafColumns()\n    : position === 'center'\n      ? table.getCenterVisibleLeafColumns()\n      : position === 'left'\n        ? table.getLeftVisibleLeafColumns()\n        : table.getRightVisibleLeafColumns()\n}\n"],"names":[],"mappings":"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"}

package/{build/lib → dist/esm}/features/GlobalFaceting.d.ts

@@ -1,5 +1,6 @@
 import { RowModel } from '..';
 import { RowData, TableFeature } from '../types';
+
 export interface GlobalFacetingInstance<TData extends RowData> {
     _getGlobalFacetedMinMaxValues?: () => undefined | [number, number];
     _getGlobalFacetedRowModel?: () => RowModel<TData>;

package/{build/lib → dist/esm}/features/GlobalFaceting.js

@@ -1,34 +1,20 @@
-/**
-   * table-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-'use strict';
-
-//
-
 const GlobalFaceting = {
-  createTable: table => {
-    table._getGlobalFacetedRowModel = table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, '__global__');
+  _createTable: (table) => {
+    table._getGlobalFacetedRowModel = table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, "__global__");
     table.getGlobalFacetedRowModel = () => {
       if (table.options.manualFiltering || !table._getGlobalFacetedRowModel) {
         return table.getPreFilteredRowModel();
       }
       return table._getGlobalFacetedRowModel();
     };
-    table._getGlobalFacetedUniqueValues = table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, '__global__');
+    table._getGlobalFacetedUniqueValues = table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, "__global__");
     table.getGlobalFacetedUniqueValues = () => {
       if (!table._getGlobalFacetedUniqueValues) {
-        return new Map();
+        return /* @__PURE__ */ new Map();
       }
       return table._getGlobalFacetedUniqueValues();
     };
-    table._getGlobalFacetedMinMaxValues = table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, '__global__');
+    table._getGlobalFacetedMinMaxValues = table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, "__global__");
     table.getGlobalFacetedMinMaxValues = () => {
       if (!table._getGlobalFacetedMinMaxValues) {
         return;
@@ -37,6 +23,7 @@ const GlobalFaceting = {
     };
   }
 };
-
-exports.GlobalFaceting = GlobalFaceting;
+export {
+  GlobalFaceting
+};
 //# sourceMappingURL=GlobalFaceting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalFaceting.js","sources":["../../../src/features/GlobalFaceting.ts"],"sourcesContent":["import { RowModel } from '..'\nimport { Table, RowData, TableFeature } from '../types'\n\nexport interface GlobalFacetingInstance<TData extends RowData> {\n  _getGlobalFacetedMinMaxValues?: () => undefined | [number, number]\n  _getGlobalFacetedRowModel?: () => RowModel<TData>\n  _getGlobalFacetedUniqueValues?: () => Map<any, number>\n  /**\n   * Currently, this function returns the built-in `includesString` filter function. In future releases, it may return more dynamic filter functions based on the nature of the data provided.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/global-faceting#getglobalautofilterfn)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/global-faceting)\n   */\n  getGlobalFacetedMinMaxValues: () => undefined | [number, number]\n  /**\n   * Returns the row model for the table after **global** filtering has been applied.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/global-faceting#getglobalfacetedrowmodel)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/global-faceting)\n   */\n  getGlobalFacetedRowModel: () => RowModel<TData>\n  /**\n   * Returns the faceted unique values for the global filter.\n   * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/global-faceting#getglobalfaceteduniquevalues)\n   * @link [Guide](https://tanstack.com/table/v8/docs/guide/global-faceting)\n   */\n  getGlobalFacetedUniqueValues: () => Map<any, number>\n}\n\n//\n\nexport const GlobalFaceting: TableFeature = {\n  _createTable: <TData extends RowData>(table: Table<TData>): void => {\n    table._getGlobalFacetedRowModel =\n      table.options.getFacetedRowModel &&\n      table.options.getFacetedRowModel(table, '__global__')\n\n    table.getGlobalFacetedRowModel = () => {\n      if (table.options.manualFiltering || !table._getGlobalFacetedRowModel) {\n        return table.getPreFilteredRowModel()\n      }\n\n      return table._getGlobalFacetedRowModel()\n    }\n\n    table._getGlobalFacetedUniqueValues =\n      table.options.getFacetedUniqueValues &&\n      table.options.getFacetedUniqueValues(table, '__global__')\n    table.getGlobalFacetedUniqueValues = () => {\n      if (!table._getGlobalFacetedUniqueValues) {\n        return new Map()\n      }\n\n      return table._getGlobalFacetedUniqueValues()\n    }\n\n    table._getGlobalFacetedMinMaxValues =\n      table.options.getFacetedMinMaxValues &&\n      table.options.getFacetedMinMaxValues(table, '__global__')\n    table.getGlobalFacetedMinMaxValues = () => {\n      if (!table._getGlobalFacetedMinMaxValues) {\n        return\n      }\n\n      return table._getGlobalFacetedMinMaxValues()\n    }\n  },\n}\n"],"names":[],"mappings":"AA6BO,MAAM,iBAA+B;AAAA,EAC1C,cAAc,CAAwB,UAA8B;AAC5D,UAAA,4BACJ,MAAM,QAAQ,sBACd,MAAM,QAAQ,mBAAmB,OAAO,YAAY;AAEtD,UAAM,2BAA2B,MAAM;AACrC,UAAI,MAAM,QAAQ,mBAAmB,CAAC,MAAM,2BAA2B;AACrE,eAAO,MAAM;MACf;AAEA,aAAO,MAAM;IAA0B;AAGnC,UAAA,gCACJ,MAAM,QAAQ,0BACd,MAAM,QAAQ,uBAAuB,OAAO,YAAY;AAC1D,UAAM,+BAA+B,MAAM;AACrC,UAAA,CAAC,MAAM,+BAA+B;AACxC,mCAAW,IAAI;AAAA,MACjB;AAEA,aAAO,MAAM;IAA8B;AAGvC,UAAA,gCACJ,MAAM,QAAQ,0BACd,MAAM,QAAQ,uBAAuB,OAAO,YAAY;AAC1D,UAAM,+BAA+B,MAAM;AACrC,UAAA,CAAC,MAAM,+BAA+B;AACxC;AAAA,MACF;AAEA,aAAO,MAAM;IAA8B;AAAA,EAE/C;AACF;"}

package/{build/lib → dist/esm}/features/GlobalFiltering.d.ts

@@ -1,5 +1,6 @@
 import { FilterFn, FilterFnOption } from '..';
 import { Column, OnChangeFn, Updater, RowData, TableFeature } from '../types';
+
 export interface GlobalFilterTableState {
     globalFilter: any;
 }