@use-gesture/core - npm Package Compare versions

Comparing version 10.2.15 to 10.2.16

CHANGELOG.md

 # @use-gesture/core
 
+## 10.2.16
+
+### Patch Changes
+
+- a521a171f: types: remove React types dependency on core package
+
 ## 10.2.15
@@ -4,0 +10,0 @@

dist/declarations/src/types/config.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import { State } from './state';
@@ -122,3 +121,5 @@ import { Vector2, Target, PointerType } from './utils';
 };
-export declare type DragBounds = Bounds | HTMLElement | React.RefObject<HTMLElement>;
+export declare type DragBounds = Bounds | HTMLElement | {
+    current: HTMLElement | null;
+};
 declare type MoveAndHoverMouseOnly = {
@@ -125,0 +126,0 @@ /**

dist/declarations/src/types/handlers.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
 import { FullGestureState, State, EventTypes } from './state';
 import { GestureKey } from './config';
+import { DOMHandlers, EventHandler } from './utils';
 export declare type Handler<Key extends GestureKey, EventType = EventTypes[Key]> = (state: Omit<FullGestureState<Key>, 'event'> & {
@@ -26,5 +26,4 @@ event: EventType;
 };
-export declare type ReactDOMAttributes = Omit<React.DOMAttributes<EventTarget>, 'children' | 'dangerouslySetInnerHTML' | keyof UserHandlers>;
-declare type NativeHandlersKeys = keyof ReactDOMAttributes;
-declare type GetEventType<Key extends NativeHandlersKeys> = ReactDOMAttributes[Key] extends React.EventHandler<infer EventType> | undefined ? EventType : UIEvent;
+declare type NativeHandlersKeys = keyof Omit<DOMHandlers, keyof UserHandlers>;
+declare type GetEventType<Key extends NativeHandlersKeys> = DOMHandlers[Key] extends EventHandler<infer EventType> | undefined ? EventType : UIEvent;
 export declare type NativeHandlers<T extends AnyHandlerEventTypes = {}> = {
@@ -31,0 +30,0 @@ [key in NativeHandlersKeys]?: (state: State['shared'] & {

dist/declarations/src/types/utils.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export declare type Vector2 = [number, number];
@@ -7,3 +6,166 @@ export declare type WebKitGestureEvent = PointerEvent & {
 };
-export declare type Target = EventTarget | React.RefObject<EventTarget>;
+export declare type Target = EventTarget | {
+    current: EventTarget | null;
+};
 export declare type PointerType = 'mouse' | 'touch' | 'pen';
+export declare type EventHandler<E extends Event = Event> = (event: E) => void;
+export interface DOMHandlers {
+    onCopy?: EventHandler<ClipboardEvent>;
+    onCopyCapture?: EventHandler<ClipboardEvent>;
+    onCut?: EventHandler<ClipboardEvent>;
+    onCutCapture?: EventHandler<ClipboardEvent>;
+    onPaste?: EventHandler<ClipboardEvent>;
+    onPasteCapture?: EventHandler<ClipboardEvent>;
+    onCompositionEnd?: EventHandler<CompositionEvent>;
+    onCompositionEndCapture?: EventHandler<CompositionEvent>;
+    onCompositionStart?: EventHandler<CompositionEvent>;
+    onCompositionStartCapture?: EventHandler<CompositionEvent>;
+    onCompositionUpdate?: EventHandler<CompositionEvent>;
+    onCompositionUpdateCapture?: EventHandler<CompositionEvent>;
+    onFocus?: EventHandler<FocusEvent>;
+    onFocusCapture?: EventHandler<FocusEvent>;
+    onBlur?: EventHandler<FocusEvent>;
+    onBlurCapture?: EventHandler<FocusEvent>;
+    onChange?: EventHandler<FormDataEvent>;
+    onChangeCapture?: EventHandler<FormDataEvent>;
+    onBeforeInput?: EventHandler<FormDataEvent>;
+    onBeforeInputCapture?: EventHandler<FormDataEvent>;
+    onInput?: EventHandler<FormDataEvent>;
+    onInputCapture?: EventHandler<FormDataEvent>;
+    onReset?: EventHandler<FormDataEvent>;
+    onResetCapture?: EventHandler<FormDataEvent>;
+    onSubmit?: EventHandler<FormDataEvent>;
+    onSubmitCapture?: EventHandler<FormDataEvent>;
+    onInvalid?: EventHandler<FormDataEvent>;
+    onInvalidCapture?: EventHandler<FormDataEvent>;
+    onLoad?: EventHandler;
+    onLoadCapture?: EventHandler;
+    onError?: EventHandler;
+    onErrorCapture?: EventHandler;
+    onKeyDown?: EventHandler<KeyboardEvent>;
+    onKeyDownCapture?: EventHandler<KeyboardEvent>;
+    onKeyUp?: EventHandler<KeyboardEvent>;
+    onKeyUpCapture?: EventHandler<KeyboardEvent>;
+    onAbort?: EventHandler;
+    onAbortCapture?: EventHandler;
+    onCanPlay?: EventHandler;
+    onCanPlayCapture?: EventHandler;
+    onCanPlayThrough?: EventHandler;
+    onCanPlayThroughCapture?: EventHandler;
+    onDurationChange?: EventHandler;
+    onDurationChangeCapture?: EventHandler;
+    onEmptied?: EventHandler;
+    onEmptiedCapture?: EventHandler;
+    onEncrypted?: EventHandler;
+    onEncryptedCapture?: EventHandler;
+    onEnded?: EventHandler;
+    onEndedCapture?: EventHandler;
+    onLoadedData?: EventHandler;
+    onLoadedDataCapture?: EventHandler;
+    onLoadedMetadata?: EventHandler;
+    onLoadedMetadataCapture?: EventHandler;
+    onLoadStart?: EventHandler;
+    onLoadStartCapture?: EventHandler;
+    onPause?: EventHandler;
+    onPauseCapture?: EventHandler;
+    onPlay?: EventHandler;
+    onPlayCapture?: EventHandler;
+    onPlaying?: EventHandler;
+    onPlayingCapture?: EventHandler;
+    onProgress?: EventHandler;
+    onProgressCapture?: EventHandler;
+    onRateChange?: EventHandler;
+    onRateChangeCapture?: EventHandler;
+    onSeeked?: EventHandler;
+    onSeekedCapture?: EventHandler;
+    onSeeking?: EventHandler;
+    onSeekingCapture?: EventHandler;
+    onStalled?: EventHandler;
+    onStalledCapture?: EventHandler;
+    onSuspend?: EventHandler;
+    onSuspendCapture?: EventHandler;
+    onTimeUpdate?: EventHandler;
+    onTimeUpdateCapture?: EventHandler;
+    onVolumeChange?: EventHandler;
+    onVolumeChangeCapture?: EventHandler;
+    onWaiting?: EventHandler;
+    onWaitingCapture?: EventHandler;
+    onAuxClick?: EventHandler<MouseEvent>;
+    onAuxClickCapture?: EventHandler<MouseEvent>;
+    onClick?: EventHandler<MouseEvent>;
+    onClickCapture?: EventHandler<MouseEvent>;
+    onContextMenu?: EventHandler<MouseEvent>;
+    onContextMenuCapture?: EventHandler<MouseEvent>;
+    onDoubleClick?: EventHandler<MouseEvent>;
+    onDoubleClickCapture?: EventHandler<MouseEvent>;
+    onDrag?: EventHandler<DragEvent>;
+    onDragCapture?: EventHandler<DragEvent>;
+    onDragEnd?: EventHandler<DragEvent>;
+    onDragEndCapture?: EventHandler<DragEvent>;
+    onDragEnter?: EventHandler<DragEvent>;
+    onDragEnterCapture?: EventHandler<DragEvent>;
+    onDragExit?: EventHandler<DragEvent>;
+    onDragExitCapture?: EventHandler<DragEvent>;
+    onDragLeave?: EventHandler<DragEvent>;
+    onDragLeaveCapture?: EventHandler<DragEvent>;
+    onDragOver?: EventHandler<DragEvent>;
+    onDragOverCapture?: EventHandler<DragEvent>;
+    onDragStart?: EventHandler<DragEvent>;
+    onDragStartCapture?: EventHandler<DragEvent>;
+    onDrop?: EventHandler<DragEvent>;
+    onDropCapture?: EventHandler<DragEvent>;
+    onMouseDown?: EventHandler<MouseEvent>;
+    onMouseDownCapture?: EventHandler<MouseEvent>;
+    onMouseEnter?: EventHandler<MouseEvent>;
+    onMouseLeave?: EventHandler<MouseEvent>;
+    onMouseMove?: EventHandler<MouseEvent>;
+    onMouseMoveCapture?: EventHandler<MouseEvent>;
+    onMouseOut?: EventHandler<MouseEvent>;
+    onMouseOutCapture?: EventHandler<MouseEvent>;
+    onMouseOver?: EventHandler<MouseEvent>;
+    onMouseOverCapture?: EventHandler<MouseEvent>;
+    onMouseUp?: EventHandler<MouseEvent>;
+    onMouseUpCapture?: EventHandler<MouseEvent>;
+    onSelect?: EventHandler;
+    onSelectCapture?: EventHandler;
+    onTouchCancel?: EventHandler<TouchEvent>;
+    onTouchCancelCapture?: EventHandler<TouchEvent>;
+    onTouchEnd?: EventHandler<TouchEvent>;
+    onTouchEndCapture?: EventHandler<TouchEvent>;
+    onTouchMove?: EventHandler<TouchEvent>;
+    onTouchMoveCapture?: EventHandler<TouchEvent>;
+    onTouchStart?: EventHandler<TouchEvent>;
+    onTouchStartCapture?: EventHandler<TouchEvent>;
+    onPointerDown?: EventHandler<PointerEvent>;
+    onPointerDownCapture?: EventHandler<PointerEvent>;
+    onPointerMove?: EventHandler<PointerEvent>;
+    onPointerMoveCapture?: EventHandler<PointerEvent>;
+    onPointerUp?: EventHandler<PointerEvent>;
+    onPointerUpCapture?: EventHandler<PointerEvent>;
+    onPointerCancel?: EventHandler<PointerEvent>;
+    onPointerCancelCapture?: EventHandler<PointerEvent>;
+    onPointerEnter?: EventHandler<PointerEvent>;
+    onPointerEnterCapture?: EventHandler<PointerEvent>;
+    onPointerLeave?: EventHandler<PointerEvent>;
+    onPointerLeaveCapture?: EventHandler<PointerEvent>;
+    onPointerOver?: EventHandler<PointerEvent>;
+    onPointerOverCapture?: EventHandler<PointerEvent>;
+    onPointerOut?: EventHandler<PointerEvent>;
+    onPointerOutCapture?: EventHandler<PointerEvent>;
+    onGotPointerCapture?: EventHandler<PointerEvent>;
+    onGotPointerCaptureCapture?: EventHandler<PointerEvent>;
+    onLostPointerCapture?: EventHandler<PointerEvent>;
+    onLostPointerCaptureCapture?: EventHandler<PointerEvent>;
+    onScroll?: EventHandler<UIEvent>;
+    onScrollCapture?: EventHandler<UIEvent>;
+    onWheel?: EventHandler<WheelEvent>;
+    onWheelCapture?: EventHandler<WheelEvent>;
+    onAnimationStart?: EventHandler<AnimationEvent>;
+    onAnimationStartCapture?: EventHandler<AnimationEvent>;
+    onAnimationEnd?: EventHandler<AnimationEvent>;
+    onAnimationEndCapture?: EventHandler<AnimationEvent>;
+    onAnimationIteration?: EventHandler<AnimationEvent>;
+    onAnimationIterationCapture?: EventHandler<AnimationEvent>;
+    onTransitionEnd?: EventHandler<TransitionEvent>;
+    onTransitionEndCapture?: EventHandler<TransitionEvent>;
+}

package.json

 {
   "name": "@use-gesture/core",
-  "version": "10.2.15",
+  "version": "10.2.16",
   "description": "Core engine for receiving gestures",
@@ -5,0 +5,0 @@ "license": "MIT",

src/engines/DragEngine.ts

@@ -379,4 +379,5 @@ import { CoordinatesEngine } from './CoordinatesEngine'
 
-function persistEvent(event: React.PointerEvent | PointerEvent) {
+function persistEvent(event: PointerEvent) {
+  // @ts-ignore
   'persist' in event && typeof event.persist === 'function' && event.persist()
 }

src/types/config.ts

@@ -126,3 +126,3 @@ import { State } from './state'
 
-export type DragBounds = Bounds | HTMLElement | React.RefObject<HTMLElement>
+export type DragBounds = Bounds | HTMLElement | { current: HTMLElement | null }
 
@@ -129,0 +129,0 @@ type MoveAndHoverMouseOnly = {

src/types/handlers.ts

 import { FullGestureState, State, EventTypes } from './state'
 import { GestureKey } from './config'
+import { DOMHandlers, EventHandler } from './utils'
 
@@ -31,12 +32,5 @@ export type Handler<Key extends GestureKey, EventType = EventTypes[Key]> = (
 
-export type ReactDOMAttributes = Omit<
-  React.DOMAttributes<EventTarget>,
-  'children' | 'dangerouslySetInnerHTML' | keyof UserHandlers
->
+type NativeHandlersKeys = keyof Omit<DOMHandlers, keyof UserHandlers>
 
-type NativeHandlersKeys = keyof ReactDOMAttributes
-
-type GetEventType<Key extends NativeHandlersKeys> = ReactDOMAttributes[Key] extends
-  | React.EventHandler<infer EventType>
-  | undefined
+type GetEventType<Key extends NativeHandlersKeys> = DOMHandlers[Key] extends EventHandler<infer EventType> | undefined
   ? EventType
@@ -43,0 +37,0 @@ : UIEvent

src/types/utils.ts

 export type Vector2 = [number, number]
 export type WebKitGestureEvent = PointerEvent & { scale: number; rotation: number }
-export type Target = EventTarget | React.RefObject<EventTarget>
+export type Target = EventTarget | { current: EventTarget | null }
 export type PointerType = 'mouse' | 'touch' | 'pen'
+
+// rip off from React types
+
+export type EventHandler<E extends Event = Event> = (event: E) => void
+
+export interface DOMHandlers {
+  // Clipboard Events
+  onCopy?: EventHandler<ClipboardEvent>
+  onCopyCapture?: EventHandler<ClipboardEvent>
+  onCut?: EventHandler<ClipboardEvent>
+  onCutCapture?: EventHandler<ClipboardEvent>
+  onPaste?: EventHandler<ClipboardEvent>
+  onPasteCapture?: EventHandler<ClipboardEvent>
+
+  // Composition Events
+  onCompositionEnd?: EventHandler<CompositionEvent>
+  onCompositionEndCapture?: EventHandler<CompositionEvent>
+  onCompositionStart?: EventHandler<CompositionEvent>
+  onCompositionStartCapture?: EventHandler<CompositionEvent>
+  onCompositionUpdate?: EventHandler<CompositionEvent>
+  onCompositionUpdateCapture?: EventHandler<CompositionEvent>
+
+  // Focus Events
+  onFocus?: EventHandler<FocusEvent>
+  onFocusCapture?: EventHandler<FocusEvent>
+  onBlur?: EventHandler<FocusEvent>
+  onBlurCapture?: EventHandler<FocusEvent>
+
+  // Form Events
+  onChange?: EventHandler<FormDataEvent>
+  onChangeCapture?: EventHandler<FormDataEvent>
+  onBeforeInput?: EventHandler<FormDataEvent>
+  onBeforeInputCapture?: EventHandler<FormDataEvent>
+  onInput?: EventHandler<FormDataEvent>
+  onInputCapture?: EventHandler<FormDataEvent>
+  onReset?: EventHandler<FormDataEvent>
+  onResetCapture?: EventHandler<FormDataEvent>
+  onSubmit?: EventHandler<FormDataEvent>
+  onSubmitCapture?: EventHandler<FormDataEvent>
+  onInvalid?: EventHandler<FormDataEvent>
+  onInvalidCapture?: EventHandler<FormDataEvent>
+
+  // Image Events
+  onLoad?: EventHandler
+  onLoadCapture?: EventHandler
+  onError?: EventHandler // also a Media Event
+  onErrorCapture?: EventHandler // also a Media Event
+
+  // Keyboard Events
+  onKeyDown?: EventHandler<KeyboardEvent>
+  onKeyDownCapture?: EventHandler<KeyboardEvent>
+  onKeyUp?: EventHandler<KeyboardEvent>
+  onKeyUpCapture?: EventHandler<KeyboardEvent>
+
+  // Media Events
+  onAbort?: EventHandler
+  onAbortCapture?: EventHandler
+  onCanPlay?: EventHandler
+  onCanPlayCapture?: EventHandler
+  onCanPlayThrough?: EventHandler
+  onCanPlayThroughCapture?: EventHandler
+  onDurationChange?: EventHandler
+  onDurationChangeCapture?: EventHandler
+  onEmptied?: EventHandler
+  onEmptiedCapture?: EventHandler
+  onEncrypted?: EventHandler
+  onEncryptedCapture?: EventHandler
+  onEnded?: EventHandler
+  onEndedCapture?: EventHandler
+  onLoadedData?: EventHandler
+  onLoadedDataCapture?: EventHandler
+  onLoadedMetadata?: EventHandler
+  onLoadedMetadataCapture?: EventHandler
+  onLoadStart?: EventHandler
+  onLoadStartCapture?: EventHandler
+  onPause?: EventHandler
+  onPauseCapture?: EventHandler
+  onPlay?: EventHandler
+  onPlayCapture?: EventHandler
+  onPlaying?: EventHandler
+  onPlayingCapture?: EventHandler
+  onProgress?: EventHandler
+  onProgressCapture?: EventHandler
+  onRateChange?: EventHandler
+  onRateChangeCapture?: EventHandler
+  onSeeked?: EventHandler
+  onSeekedCapture?: EventHandler
+  onSeeking?: EventHandler
+  onSeekingCapture?: EventHandler
+  onStalled?: EventHandler
+  onStalledCapture?: EventHandler
+  onSuspend?: EventHandler
+  onSuspendCapture?: EventHandler
+  onTimeUpdate?: EventHandler
+  onTimeUpdateCapture?: EventHandler
+  onVolumeChange?: EventHandler
+  onVolumeChangeCapture?: EventHandler
+  onWaiting?: EventHandler
+  onWaitingCapture?: EventHandler
+
+  // MouseEvents
+  onAuxClick?: EventHandler<MouseEvent>
+  onAuxClickCapture?: EventHandler<MouseEvent>
+  onClick?: EventHandler<MouseEvent>
+  onClickCapture?: EventHandler<MouseEvent>
+  onContextMenu?: EventHandler<MouseEvent>
+  onContextMenuCapture?: EventHandler<MouseEvent>
+  onDoubleClick?: EventHandler<MouseEvent>
+  onDoubleClickCapture?: EventHandler<MouseEvent>
+  onDrag?: EventHandler<DragEvent>
+  onDragCapture?: EventHandler<DragEvent>
+  onDragEnd?: EventHandler<DragEvent>
+  onDragEndCapture?: EventHandler<DragEvent>
+  onDragEnter?: EventHandler<DragEvent>
+  onDragEnterCapture?: EventHandler<DragEvent>
+  onDragExit?: EventHandler<DragEvent>
+  onDragExitCapture?: EventHandler<DragEvent>
+  onDragLeave?: EventHandler<DragEvent>
+  onDragLeaveCapture?: EventHandler<DragEvent>
+  onDragOver?: EventHandler<DragEvent>
+  onDragOverCapture?: EventHandler<DragEvent>
+  onDragStart?: EventHandler<DragEvent>
+  onDragStartCapture?: EventHandler<DragEvent>
+  onDrop?: EventHandler<DragEvent>
+  onDropCapture?: EventHandler<DragEvent>
+  onMouseDown?: EventHandler<MouseEvent>
+  onMouseDownCapture?: EventHandler<MouseEvent>
+  onMouseEnter?: EventHandler<MouseEvent>
+  onMouseLeave?: EventHandler<MouseEvent>
+  onMouseMove?: EventHandler<MouseEvent>
+  onMouseMoveCapture?: EventHandler<MouseEvent>
+  onMouseOut?: EventHandler<MouseEvent>
+  onMouseOutCapture?: EventHandler<MouseEvent>
+  onMouseOver?: EventHandler<MouseEvent>
+  onMouseOverCapture?: EventHandler<MouseEvent>
+  onMouseUp?: EventHandler<MouseEvent>
+  onMouseUpCapture?: EventHandler<MouseEvent>
+
+  // Selection Events
+  onSelect?: EventHandler
+  onSelectCapture?: EventHandler
+
+  // Touch Events
+  onTouchCancel?: EventHandler<TouchEvent>
+  onTouchCancelCapture?: EventHandler<TouchEvent>
+  onTouchEnd?: EventHandler<TouchEvent>
+  onTouchEndCapture?: EventHandler<TouchEvent>
+  onTouchMove?: EventHandler<TouchEvent>
+  onTouchMoveCapture?: EventHandler<TouchEvent>
+  onTouchStart?: EventHandler<TouchEvent>
+  onTouchStartCapture?: EventHandler<TouchEvent>
+
+  // Pointer Events
+  onPointerDown?: EventHandler<PointerEvent>
+  onPointerDownCapture?: EventHandler<PointerEvent>
+  onPointerMove?: EventHandler<PointerEvent>
+  onPointerMoveCapture?: EventHandler<PointerEvent>
+  onPointerUp?: EventHandler<PointerEvent>
+  onPointerUpCapture?: EventHandler<PointerEvent>
+  onPointerCancel?: EventHandler<PointerEvent>
+  onPointerCancelCapture?: EventHandler<PointerEvent>
+  onPointerEnter?: EventHandler<PointerEvent>
+  onPointerEnterCapture?: EventHandler<PointerEvent>
+  onPointerLeave?: EventHandler<PointerEvent>
+  onPointerLeaveCapture?: EventHandler<PointerEvent>
+  onPointerOver?: EventHandler<PointerEvent>
+  onPointerOverCapture?: EventHandler<PointerEvent>
+  onPointerOut?: EventHandler<PointerEvent>
+  onPointerOutCapture?: EventHandler<PointerEvent>
+  onGotPointerCapture?: EventHandler<PointerEvent>
+  onGotPointerCaptureCapture?: EventHandler<PointerEvent>
+  onLostPointerCapture?: EventHandler<PointerEvent>
+  onLostPointerCaptureCapture?: EventHandler<PointerEvent>
+
+  // UI Events
+  onScroll?: EventHandler<UIEvent>
+  onScrollCapture?: EventHandler<UIEvent>
+
+  // Wheel Events
+  onWheel?: EventHandler<WheelEvent>
+  onWheelCapture?: EventHandler<WheelEvent>
+
+  // Animation Events
+  onAnimationStart?: EventHandler<AnimationEvent>
+  onAnimationStartCapture?: EventHandler<AnimationEvent>
+  onAnimationEnd?: EventHandler<AnimationEvent>
+  onAnimationEndCapture?: EventHandler<AnimationEvent>
+  onAnimationIteration?: EventHandler<AnimationEvent>
+  onAnimationIterationCapture?: EventHandler<AnimationEvent>
+
+  // Transition Events
+  onTransitionEnd?: EventHandler<TransitionEvent>
+  onTransitionEndCapture?: EventHandler<TransitionEvent>
+}

No alert changes

Improved metrics

Total package byte prevSize

340192

increased by4.3%

Lines of code

9639

increased by3.6%

No dependency changes