@tanstack/table-core 8.0.0-alpha.45 → 8.0.0-alpha.46

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.45",
+  "version": "8.0.0-alpha.46",
   "description": "Hooks for building lightweight, fast and extendable datagrids for React",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/react-table#readme",

package/src/features/ColumnSizing.ts

@@ -228,7 +228,7 @@ export const ColumnSizing = {
 
         const canResize = column.getCanResize()
 
-        const onResizeStart = (e: MouseEvent | TouchEvent) => {
+        const onResizeStart = (e: unknown) => {
           if (isTouchStartEvent(e)) {
             // lets not respond to multiple touches (e.g. 2 or 3 fingers)
             if (e.touches && e.touches.length > 1) {
@@ -246,7 +246,7 @@ export const ColumnSizing = {
 
           const clientX = isTouchStartEvent(e)
             ? Math.round(e.touches[0].clientX)
-            : e.clientX
+            : (e as MouseEvent).clientX
 
           const updateOffset = (
             eventType: 'move' | 'end',
@@ -446,6 +446,6 @@ export function passiveEventSupported() {
   return passiveSupported
 }
 
-function isTouchStartEvent(e: TouchEvent | MouseEvent): e is TouchEvent {
-  return e.type === 'touchstart'
+function isTouchStartEvent(e: unknown): e is TouchEvent {
+  return (e as TouchEvent).type === 'touchstart'
 }

package/src/features/Expanding.ts

@@ -42,7 +42,7 @@ export type ExpandedOptions<TGenerics extends AnyGenerics> = {
 
 export type ToggleExpandedProps = {
   title?: string
-  onClick?: (event: MouseEvent | TouchEvent) => void
+  onClick?: (event: unknown) => void
 }
 
 export type ExpandedInstance<TGenerics extends AnyGenerics> = {
@@ -217,7 +217,7 @@ export const Expanding = {
         const initialProps: ToggleExpandedProps = {
           title: canExpand ? 'Toggle Expanded' : undefined,
           onClick: canExpand
-            ? (e: MouseEvent | TouchEvent) => {
+            ? (e: unknown) => {
                 ;(e as any).persist?.()
                 instance.toggleRowExpanded(rowId)
               }
@@ -229,7 +229,7 @@ export const Expanding = {
       getToggleAllRowsExpandedProps: userProps => {
         const initialProps: ToggleExpandedProps = {
           title: 'Toggle All Expanded',
-          onClick: (e: MouseEvent | TouchEvent) => {
+          onClick: (e: unknown) => {
             ;(e as any).persist?.()
             instance.toggleAllRowsExpanded()
           },

package/src/features/Grouping.ts

@@ -110,7 +110,7 @@ export type GroupingColumnMode = false | 'reorder' | 'remove'
 
 export type ToggleGroupingProps = {
   title?: string
-  onClick?: (event: MouseEvent | TouchEvent) => void
+  onClick?: (event: unknown) => void
 }
 
 export type GroupingInstance<TGenerics extends AnyGenerics> = {
@@ -290,7 +290,7 @@ export const Grouping = {
         const initialProps: ToggleGroupingProps = {
           title: canGroup ? 'Toggle Grouping' : undefined,
           onClick: canGroup
-            ? (e: MouseEvent | TouchEvent) => {
+            ? (e: unknown) => {
                 column.toggleGrouping?.()
               }
             : undefined,

package/src/features/RowSelection.ts

@@ -28,8 +28,8 @@ export type RowSelectionOptions<TGenerics extends AnyGenerics> = {
   //   | ((
   //       row: Row<TGenerics>
   //     ) => boolean)
-  // isAdditiveSelectEvent?: (e: MouseEvent | TouchEvent) => boolean
-  // isInclusiveSelectEvent?: (e: MouseEvent | TouchEvent) => boolean
+  // isAdditiveSelectEvent?: (e: unknown) => boolean
+  // isInclusiveSelectEvent?: (e: unknown) => boolean
   // selectRowsFn?: (
   //   instance: TableInstance<
   //     TData,
@@ -43,7 +43,7 @@ export type RowSelectionOptions<TGenerics extends AnyGenerics> = {
 }
 
 type ToggleRowSelectedProps = {
-  onChange?: (e: MouseEvent | TouchEvent) => void
+  onChange?: (e: unknown) => void
   checked?: boolean
   title?: string
   indeterminate?: boolean
@@ -116,8 +116,8 @@ export const RowSelection = {
       enableMultiRowSelection: true,
       enableSubRowSelection: true,
       // enableGroupingRowSelection: false,
-      // isAdditiveSelectEvent: (e: MouseEvent | TouchEvent) => !!e.metaKey,
-      // isInclusiveSelectEvent: (e: MouseEvent | TouchEvent) => !!e.shiftKey,
+      // isAdditiveSelectEvent: (e: unknown) => !!e.metaKey,
+      // isInclusiveSelectEvent: (e: unknown) => !!e.shiftKey,
     }
   },
 
@@ -473,8 +473,10 @@ export const RowSelection = {
 
         const initialProps: ToggleRowSelectedProps = {
           onChange: canSelect
-            ? (e: MouseEvent | TouchEvent) => {
-                row.toggleSelected((e.target as HTMLInputElement).checked)
+            ? (e: unknown) => {
+                row.toggleSelected(
+                  ((e as MouseEvent).target as HTMLInputElement).checked
+                )
               }
             : undefined,
           checked: isSelected,
@@ -504,9 +506,9 @@ export const RowSelection = {
         const isAllRowsSelected = instance.getIsAllRowsSelected()
 
         const initialProps: ToggleRowSelectedProps = {
-          onChange: (e: MouseEvent | TouchEvent) => {
+          onChange: (e: unknown) => {
             instance.toggleAllRowsSelected(
-              (e.target as HTMLInputElement).checked
+              ((e as MouseEvent).target as HTMLInputElement).checked
             )
           },
           checked: isAllRowsSelected,
@@ -522,9 +524,9 @@ export const RowSelection = {
         const isAllPageRowsSelected = instance.getIsAllPageRowsSelected()
 
         const initialProps: ToggleRowSelectedProps = {
-          onChange: (e: MouseEvent | TouchEvent) => {
+          onChange: (e: unknown) => {
             instance.toggleAllPageRowsSelected(
-              (e.target as HTMLInputElement).checked
+              ((e as MouseEvent).target as HTMLInputElement).checked
             )
           },
           checked: isAllPageRowsSelected,

package/src/features/Sorting.ts

@@ -87,12 +87,12 @@ export type SortingOptions<TGenerics extends AnyGenerics> = {
     instance: TableInstance<TGenerics>
   ) => () => RowModel<TGenerics>
   maxMultiSortColCount?: number
-  isMultiSortEvent?: (e: MouseEvent | TouchEvent) => boolean
+  isMultiSortEvent?: (e: unknown) => boolean
 }
 
 export type ToggleSortingProps = {
   title?: string
-  onClick?: (event: MouseEvent | TouchEvent) => void
+  onClick?: (event: unknown) => void
 }
 
 export type SortingInstance<TGenerics extends AnyGenerics> = {
@@ -145,8 +145,8 @@ export const Sorting = {
     return {
       onSortingChange: makeStateUpdater('sorting', instance),
       autoResetSorting: true,
-      isMultiSortEvent: (e: MouseEvent | TouchEvent) => {
-        return e.shiftKey
+      isMultiSortEvent: (e: unknown) => {
+        return (e as MouseEvent).shiftKey
       },
     }
   },
@@ -428,7 +428,7 @@ export const Sorting = {
         const initialProps: ToggleSortingProps = {
           title: canSort ? 'Toggle Sorting' : undefined,
           onClick: canSort
-            ? (e: MouseEvent | TouchEvent) => {
+            ? (e: unknown) => {
                 ;(e as any).persist?.()
                 column.toggleSorting?.(
                   undefined,

package/src/features/Visibility.ts

@@ -102,8 +102,10 @@ export const Visibility = {
           type: 'checkbox',
           checked: column.getIsVisible?.(),
           title: 'Toggle Column Visibility',
-          onChange: (e: MouseEvent | TouchEvent) => {
-            column.toggleVisibility?.((e.target as HTMLInputElement).checked)
+          onChange: (e: unknown) => {
+            column.toggleVisibility?.(
+              ((e as MouseEvent).target as HTMLInputElement).checked
+            )
           },
         }