@tanstack/table-core 9.0.0-alpha.16 → 9.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/esm/features/column-resizing/columnResizingFeature.utils.js +6 -2
  2. package/dist/esm/features/column-resizing/columnResizingFeature.utils.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/features/column-resizing/columnResizingFeature.utils.ts +8 -2
package/dist/esm/features/column-resizing/columnResizingFeature.utils.js CHANGED
@@ -43,13 +43,17 @@ function header_getResizeHandler(header, _contextDocument) {
43
43
  table_setColumnResizing(column.table, (old) => {
44
44
  const deltaDirection = column.table.options.columnResizeDirection === "rtl" ? -1 : 1;
45
45
  const deltaOffset = (clientXPos - (old.startOffset ?? 0)) * deltaDirection;
46
+ const startSize2 = old.startSize ?? 0;
46
47
  const deltaPercentage = Math.max(
47
- deltaOffset / (old.startSize ?? 0),
48
+ startSize2 > 0 ? deltaOffset / startSize2 : 0,
48
49
  -0.999999
49
50
  );
50
51
  old.columnSizingStart.forEach(([columnId, headerSize]) => {
51
52
  newColumnSizing[columnId] = Math.round(
52
- Math.max(headerSize + headerSize * deltaPercentage, 0) * 100
53
+ Math.max(
54
+ headerSize > 0 ? headerSize + headerSize * deltaPercentage : deltaOffset / old.columnSizingStart.length,
55
+ 0
56
+ ) * 100
53
57
  ) / 100;
54
58
  });
55
59
  return {
package/dist/esm/features/column-resizing/columnResizingFeature.utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"columnResizingFeature.utils.js","sources":["../../../../src/features/column-resizing/columnResizingFeature.utils.ts"],"sourcesContent":["import {\n column_getSize,\n header_getSize,\n table_setColumnSizing,\n} from '../column-sizing/columnSizingFeature.utils'\nimport { table_getColumn } from '../../core/columns/coreColumnsFeature.utils'\nimport type { CellData, RowData, Updater } from '../../types/type-utils'\nimport type { TableFeatures } from '../../types/TableFeatures'\nimport type { Table_Internal } from '../../types/Table'\nimport type { Header } from '../../types/Header'\nimport type { Column_Internal } from '../../types/Column'\nimport type { ColumnSizingState } from '../column-sizing/columnSizingFeature.types'\nimport type { columnResizingState } from './columnResizingFeature.types'\n\nexport function getDefaultColumnResizingState(): columnResizingState {\n return structuredClone({\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n isResizingColumn: false,\n columnSizingStart: [],\n })\n}\n\nexport function column_getCanResize<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n return (\n (column.columnDef.enableResizing ?? true) &&\n (column.table.options.enableColumnResizing ?? true)\n )\n}\n\nexport function column_getIsResizing<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n return column.table.store.state.columnResizing?.isResizingColumn === column.id\n}\n\nexport function header_getResizeHandler<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>, _contextDocument?: Document) {\n const column = table_getColumn(header.column.table, header.column.id)!\n const canResize = column_getCanResize(column)\n\n return (event: unknown) => {\n if (!canResize) {\n return\n }\n\n ;(event as any).persist?.()\n\n if (isTouchStartEvent(event)) {\n // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n if (event.touches.length > 1) {\n return\n }\n }\n\n const startSize = header_getSize(header)\n\n const columnSizingStart: Array<[string, number]> = header\n .getLeafHeaders()\n .map((leafHeader) => [\n leafHeader.column.id,\n column_getSize(leafHeader.column),\n ])\n\n const clientX = isTouchStartEvent(event)\n ? Math.round(event.touches[0]!.clientX)\n : (event as MouseEvent).clientX\n\n const newColumnSizing: ColumnSizingState = {}\n\n const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n if (typeof clientXPos !== 'number') {\n return\n }\n\n table_setColumnResizing(column.table, (old) => {\n const deltaDirection =\n column.table.options.columnResizeDirection === 'rtl' ? -1 : 1\n const deltaOffset =\n (clientXPos - (old.startOffset ?? 0)) * deltaDirection\n const deltaPercentage = Math.max(\n deltaOffset / (old.startSize ?? 0),\n -0.999999,\n )\n\n old.columnSizingStart.forEach(([columnId, headerSize]) => {\n newColumnSizing[columnId] =\n Math.round(\n Math.max(headerSize + headerSize * deltaPercentage, 0) * 100,\n ) / 100\n })\n\n return {\n ...old,\n deltaOffset,\n deltaPercentage,\n }\n })\n\n if (\n column.table.options.columnResizeMode === 'onChange' ||\n eventType === 'end'\n ) {\n table_setColumnSizing(column.table, (old) => ({\n ...old,\n ...newColumnSizing,\n }))\n }\n }\n\n const onMove = (clientXPos?: number) => updateOffset('move', clientXPos)\n\n const onEnd = (clientXPos?: number) => {\n updateOffset('end', clientXPos)\n\n table_setColumnResizing(column.table, (old) => ({\n ...old,\n isResizingColumn: false,\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n columnSizingStart: [],\n }))\n }\n\n const contextDocument =\n _contextDocument || typeof document !== 'undefined' ? document : null\n\n const mouseEvents = {\n moveHandler: (e: MouseEvent) => onMove(e.clientX),\n upHandler: (e: MouseEvent) => {\n contextDocument?.removeEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n )\n contextDocument?.removeEventListener('mouseup', mouseEvents.upHandler)\n onEnd(e.clientX)\n },\n }\n\n const touchEvents = {\n moveHandler: (touchEvent: TouchEvent) => {\n if (touchEvent.cancelable) {\n touchEvent.preventDefault()\n touchEvent.stopPropagation()\n }\n onMove(touchEvent.touches[0]!.clientX)\n return false\n },\n upHandler: (e: TouchEvent) => {\n contextDocument?.removeEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n )\n contextDocument?.removeEventListener('touchend', touchEvents.upHandler)\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onEnd(e.touches[0]?.clientX)\n },\n }\n\n const passiveIfSupported = passiveEventSupported()\n ? { passive: false }\n : false\n\n if (isTouchStartEvent(event)) {\n contextDocument?.addEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n passiveIfSupported,\n )\n contextDocument?.addEventListener(\n 'touchend',\n touchEvents.upHandler,\n passiveIfSupported,\n )\n } else {\n contextDocument?.addEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n passiveIfSupported,\n )\n contextDocument?.addEventListener(\n 'mouseup',\n mouseEvents.upHandler,\n passiveIfSupported,\n )\n }\n\n table_setColumnResizing(column.table, (old) => ({\n ...old,\n startOffset: clientX,\n startSize,\n deltaOffset: 0,\n deltaPercentage: 0,\n columnSizingStart,\n isResizingColumn: column.id,\n }))\n }\n}\n\nexport function table_setColumnResizing<\n TFeatures extends TableFeatures,\n TData extends RowData,\n>(\n table: Table_Internal<TFeatures, TData>,\n updater: Updater<columnResizingState>,\n) {\n table.options.onColumnResizingChange?.(updater)\n}\n\nexport function table_resetHeaderSizeInfo<\n TFeatures extends TableFeatures,\n TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {\n table_setColumnResizing(\n table,\n defaultState\n ? getDefaultColumnResizingState()\n : (table.initialState.columnResizing ?? getDefaultColumnResizingState()),\n )\n}\n\nexport function passiveEventSupported() {\n let passiveSupported: boolean | null = null\n\n if (typeof passiveSupported === 'boolean') return passiveSupported\n\n let supported = false\n try {\n const options = {\n get passive() {\n supported = true\n return false\n },\n }\n\n const noop = () => {}\n\n window.addEventListener('test', noop, options)\n window.removeEventListener('test', noop)\n } catch (err) {\n supported = false\n }\n passiveSupported = supported\n return passiveSupported\n}\n\nexport function isTouchStartEvent(e: unknown): e is TouchEvent {\n return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"columnResizingFeature.utils.js","sources":["../../../../src/features/column-resizing/columnResizingFeature.utils.ts"],"sourcesContent":["import {\n column_getSize,\n header_getSize,\n table_setColumnSizing,\n} from '../column-sizing/columnSizingFeature.utils'\nimport { table_getColumn } from '../../core/columns/coreColumnsFeature.utils'\nimport type { CellData, RowData, Updater } from '../../types/type-utils'\nimport type { TableFeatures } from '../../types/TableFeatures'\nimport type { Table_Internal } from '../../types/Table'\nimport type { Header } from '../../types/Header'\nimport type { Column_Internal } from '../../types/Column'\nimport type { ColumnSizingState } from '../column-sizing/columnSizingFeature.types'\nimport type { columnResizingState } from './columnResizingFeature.types'\n\nexport function getDefaultColumnResizingState(): columnResizingState {\n return structuredClone({\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n isResizingColumn: false,\n columnSizingStart: [],\n })\n}\n\nexport function column_getCanResize<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n return (\n (column.columnDef.enableResizing ?? true) &&\n (column.table.options.enableColumnResizing ?? true)\n )\n}\n\nexport function column_getIsResizing<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n return column.table.store.state.columnResizing?.isResizingColumn === column.id\n}\n\nexport function header_getResizeHandler<\n TFeatures extends TableFeatures,\n TData extends RowData,\n TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>, _contextDocument?: Document) {\n const column = table_getColumn(header.column.table, header.column.id)!\n const canResize = column_getCanResize(column)\n\n return (event: unknown) => {\n if (!canResize) {\n return\n }\n\n ;(event as any).persist?.()\n\n if (isTouchStartEvent(event)) {\n // lets not respond to multiple touches (e.g. 2 or 3 fingers)\n if (event.touches.length > 1) {\n return\n }\n }\n\n const startSize = header_getSize(header)\n\n const columnSizingStart: Array<[string, number]> = header\n .getLeafHeaders()\n .map((leafHeader) => [\n leafHeader.column.id,\n column_getSize(leafHeader.column),\n ])\n\n const clientX = isTouchStartEvent(event)\n ? Math.round(event.touches[0]!.clientX)\n : (event as MouseEvent).clientX\n\n const newColumnSizing: ColumnSizingState = {}\n\n const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n if (typeof clientXPos !== 'number') {\n return\n }\n\n table_setColumnResizing(column.table, (old) => {\n const deltaDirection =\n column.table.options.columnResizeDirection === 'rtl' ? -1 : 1\n const deltaOffset =\n (clientXPos - (old.startOffset ?? 0)) * deltaDirection\n const startSize = old.startSize ?? 0\n const deltaPercentage = Math.max(\n startSize > 0 ? deltaOffset / startSize : 0,\n -0.999999,\n )\n\n old.columnSizingStart.forEach(([columnId, headerSize]) => {\n newColumnSizing[columnId] =\n Math.round(\n Math.max(\n headerSize > 0\n ? headerSize + headerSize * deltaPercentage\n : deltaOffset / old.columnSizingStart.length,\n 0,\n ) * 100,\n ) / 100\n })\n\n return {\n ...old,\n deltaOffset,\n deltaPercentage,\n }\n })\n\n if (\n column.table.options.columnResizeMode === 'onChange' ||\n eventType === 'end'\n ) {\n table_setColumnSizing(column.table, (old) => ({\n ...old,\n ...newColumnSizing,\n }))\n }\n }\n\n const onMove = (clientXPos?: number) => updateOffset('move', clientXPos)\n\n const onEnd = (clientXPos?: number) => {\n updateOffset('end', clientXPos)\n\n table_setColumnResizing(column.table, (old) => ({\n ...old,\n isResizingColumn: false,\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n columnSizingStart: [],\n }))\n }\n\n const contextDocument =\n _contextDocument || typeof document !== 'undefined' ? document : null\n\n const mouseEvents = {\n moveHandler: (e: MouseEvent) => onMove(e.clientX),\n upHandler: (e: MouseEvent) => {\n contextDocument?.removeEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n )\n contextDocument?.removeEventListener('mouseup', mouseEvents.upHandler)\n onEnd(e.clientX)\n },\n }\n\n const touchEvents = {\n moveHandler: (touchEvent: TouchEvent) => {\n if (touchEvent.cancelable) {\n touchEvent.preventDefault()\n touchEvent.stopPropagation()\n }\n onMove(touchEvent.touches[0]!.clientX)\n return false\n },\n upHandler: (e: TouchEvent) => {\n contextDocument?.removeEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n )\n contextDocument?.removeEventListener('touchend', touchEvents.upHandler)\n if (e.cancelable) {\n e.preventDefault()\n e.stopPropagation()\n }\n onEnd(e.touches[0]?.clientX)\n },\n }\n\n const passiveIfSupported = passiveEventSupported()\n ? { passive: false }\n : false\n\n if (isTouchStartEvent(event)) {\n contextDocument?.addEventListener(\n 'touchmove',\n touchEvents.moveHandler,\n passiveIfSupported,\n )\n contextDocument?.addEventListener(\n 'touchend',\n touchEvents.upHandler,\n passiveIfSupported,\n )\n } else {\n contextDocument?.addEventListener(\n 'mousemove',\n mouseEvents.moveHandler,\n passiveIfSupported,\n )\n contextDocument?.addEventListener(\n 'mouseup',\n mouseEvents.upHandler,\n passiveIfSupported,\n )\n }\n\n table_setColumnResizing(column.table, (old) => ({\n ...old,\n startOffset: clientX,\n startSize,\n deltaOffset: 0,\n deltaPercentage: 0,\n columnSizingStart,\n isResizingColumn: column.id,\n }))\n }\n}\n\nexport function table_setColumnResizing<\n TFeatures extends TableFeatures,\n TData extends RowData,\n>(\n table: Table_Internal<TFeatures, TData>,\n updater: Updater<columnResizingState>,\n) {\n table.options.onColumnResizingChange?.(updater)\n}\n\nexport function table_resetHeaderSizeInfo<\n TFeatures extends TableFeatures,\n TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {\n table_setColumnResizing(\n table,\n defaultState\n ? getDefaultColumnResizingState()\n : (table.initialState.columnResizing ?? getDefaultColumnResizingState()),\n )\n}\n\nexport function passiveEventSupported() {\n let passiveSupported: boolean | null = null\n\n if (typeof passiveSupported === 'boolean') return passiveSupported\n\n let supported = false\n try {\n const options = {\n get passive() {\n supported = true\n return false\n },\n }\n\n const noop = () => {}\n\n window.addEventListener('test', noop, options)\n window.removeEventListener('test', noop)\n } catch (err) {\n supported = false\n }\n passiveSupported = supported\n return passiveSupported\n}\n\nexport function isTouchStartEvent(e: unknown): e is TouchEvent {\n return (e as TouchEvent).type === 'touchstart'\n}\n"],"names":["startSize"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/table-core",
3
- "version": "9.0.0-alpha.16",
3
+ "version": "9.0.0-alpha.21",
4
4
  "description": "Headless UI for building powerful tables & datagrids for TS/JS.",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
package/src/features/column-resizing/columnResizingFeature.utils.ts CHANGED
@@ -89,15 +89,21 @@ export function header_getResizeHandler<
89
89
  column.table.options.columnResizeDirection === 'rtl' ? -1 : 1
90
90
  const deltaOffset =
91
91
  (clientXPos - (old.startOffset ?? 0)) * deltaDirection
92
+ const startSize = old.startSize ?? 0
92
93
  const deltaPercentage = Math.max(
93
- deltaOffset / (old.startSize ?? 0),
94
+ startSize > 0 ? deltaOffset / startSize : 0,
94
95
  -0.999999,
95
96
  )
96
97
 
97
98
  old.columnSizingStart.forEach(([columnId, headerSize]) => {
98
99
  newColumnSizing[columnId] =
99
100
  Math.round(
100
- Math.max(headerSize + headerSize * deltaPercentage, 0) * 100,
101
+ Math.max(
102
+ headerSize > 0
103
+ ? headerSize + headerSize * deltaPercentage
104
+ : deltaOffset / old.columnSizingStart.length,
105
+ 0,
106
+ ) * 100,
101
107
  ) / 100
102
108
  })
103
109