@msobiecki/react-marauders-path 1.24.0 → 1.24.2

package/dist/use-swipe/use-swipe.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swipe.types.js","sources":["../../src/use-swipe/use-swipe.types.ts"],"sourcesContent":["export const SwipeDirections = {\n  Left: \"left\",\n  Right: \"right\",\n  Up: \"up\",\n  Down: \"down\",\n  Horizontal: \"horizontal\",\n  Vertical: \"vertical\",\n  Both: \"both\",\n} as const;\n\nexport type SwipeDirection =\n  (typeof SwipeDirections)[keyof typeof SwipeDirections];\n\nexport interface SwipeState {\n  startX: number;\n  startY: number;\n  startTime: number;\n  active: boolean;\n}\n\nexport const SwipeEventPointerTypes = {\n  Touch: \"touch\",\n  Mouse: \"mouse\",\n  Pen: \"pen\",\n} as const;\n\nexport type SwipeEventPointerType =\n  (typeof SwipeEventPointerTypes)[keyof typeof SwipeEventPointerTypes];\n\nexport interface SwipeOptions {\n  eventPointerTypes: SwipeEventPointerType[];\n  eventCapture: boolean;\n  eventOnce: boolean;\n  eventStopImmediatePropagation: boolean;\n  threshold: number;\n  velocity: number;\n  container: { current: HTMLElement | null };\n}\n\nexport interface SwipeData {\n  deltaX: number;\n  deltaY: number;\n  velocity: number;\n  duration: number;\n}\n\nexport type UseSwipeSchema = SwipeDirection | SwipeDirection[];\n\nexport type UseSwipeCallback =\n  | ((\n      event: PointerEvent,\n      direction: SwipeDirection,\n      data: SwipeData,\n      ...properties: unknown[]\n    ) => boolean)\n  | ((\n      event: PointerEvent,\n      direction: SwipeDirection,\n      data: SwipeData,\n      ...properties: unknown[]\n    ) => void);\n\nexport type UseSwipeOptions = Partial<SwipeOptions>;\n"],"names":["SwipeDirections","SwipeEventPointerTypes"],"mappings":"AAAO,MAAMA,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,MAAM;AACR,GAYaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AACP;"}

package/dist/use-wheel/invoke-wheel-action.js

@@ -0,0 +1,7 @@
+const a = (e, t, n, o) => {
+  o.stopImmediate && e.stopImmediatePropagation(), n(e, t) && e.preventDefault(), o.once && o.onOnce?.();
+};
+export {
+  a as invokeWheelAction
+};
+//# sourceMappingURL=invoke-wheel-action.js.map

package/dist/use-wheel/invoke-wheel-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoke-wheel-action.js","sources":["../../src/use-wheel/invoke-wheel-action.ts"],"sourcesContent":["import { WheelData } from \"./use-wheel.types\";\n\n/**\n * Invokes a wheel action callback with optional event modifications.\n *\n * Handles wheel event processing including preventing default behavior,\n * stopping immediate propagation, and managing one-time event handlers.\n *\n * @param {WheelEvent} event - The wheel event\n * @param {WheelData} delta - The normalized wheel delta\n * @param {Function} callback - Function to invoke with (event, delta). Return true to prevent default.\n * @param {Object} options - Action options\n * @param {boolean} [options.stopImmediate=false] - Whether to stop immediate propagation\n * @param {boolean} [options.once=false] - Whether this is a one-time event\n * @param {Function} [options.onOnce] - Callback to invoke when one-time event fires\n *\n * @example\n * invokeWheelAction(event, delta, (e, d) => {\n *   console.log(`Wheel moved: ${d.x}, ${d.y}, ${d.z}`);\n *   return true; // Prevent default\n * }, { stopImmediate: true });\n */\nexport const invokeWheelAction = (\n  event: WheelEvent,\n  data: WheelData,\n  callback:\n    | ((event: WheelEvent, data: WheelData) => boolean)\n    | ((event: WheelEvent, data: WheelData) => void),\n  options: {\n    stopImmediate?: boolean;\n    once?: boolean;\n    onOnce?: () => void;\n  },\n) => {\n  if (options.stopImmediate) {\n    event.stopImmediatePropagation();\n  }\n\n  const shouldPrevent = callback(event, data);\n  if (shouldPrevent) {\n    event.preventDefault();\n  }\n\n  if (options.once) {\n    options.onOnce?.();\n  }\n};\n"],"names":["invokeWheelAction","event","data","callback","options"],"mappings":"AAsBO,MAAMA,IAAoB,CAC/BC,GACAC,GACAC,GAGAC,MAKG;AACH,EAAIA,EAAQ,iBACVH,EAAM,yBAAA,GAGcE,EAASF,GAAOC,CAAI,KAExCD,EAAM,eAAA,GAGJG,EAAQ,QACVA,EAAQ,SAAA;AAEZ;"}

package/dist/use-wheel/use-wheel.js

@@ -0,0 +1,79 @@
+import { useRef as r, useCallback as d, useEffect as L } from "react";
+import { invokeWheelAction as A } from "./invoke-wheel-action.js";
+const E = {
+  eventPassive: !0,
+  eventCapture: !1,
+  eventOnce: !1,
+  eventStopImmediatePropagation: !1,
+  container: { current: null },
+  raf: !1
+}, h = (o, I = E) => {
+  const {
+    eventPassive: f,
+    eventCapture: m,
+    eventOnce: a,
+    eventStopImmediatePropagation: c,
+    container: p,
+    raf: v
+  } = { ...E, ...I }, g = r(null), u = r(null), t = r(null), s = r(null), i = r(null), l = d(() => {
+    u.current?.abort();
+  }, []), R = d(() => {
+    t.current = null;
+    const e = s.current, n = i.current;
+    !e || !n || (A(n, e, o, {
+      stopImmediate: c,
+      once: a,
+      onOnce: () => {
+        l();
+      }
+    }), s.current = null, i.current = null);
+  }, [
+    o,
+    c,
+    a,
+    l
+  ]), O = d(
+    (e) => {
+      const n = {
+        deltaX: e.deltaX,
+        deltaY: e.deltaY,
+        deltaZ: e.deltaZ,
+        deltaMode: e.deltaMode
+      };
+      if (!v) {
+        A(e, n, o, {
+          stopImmediate: c,
+          once: a,
+          onOnce: () => {
+            l();
+          }
+        });
+        return;
+      }
+      s.current = n, i.current = e, t.current === null && (t.current = requestAnimationFrame(R));
+    },
+    [
+      v,
+      o,
+      c,
+      a,
+      l,
+      R
+    ]
+  );
+  L(() => {
+    g.current = p?.current ?? globalThis, u.current = new AbortController();
+    const e = (n) => O(n);
+    return g.current.addEventListener("wheel", e, {
+      passive: f,
+      capture: m,
+      signal: u.current.signal
+    }), () => {
+      u.current?.abort(), t.current !== null && cancelAnimationFrame(t.current);
+    };
+  }, [p, f, m, O]);
+};
+export {
+  h as default
+};
+//# sourceMappingURL=use-wheel.js.map

package/dist/use-wheel/use-wheel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-wheel.js","sources":["../../src/use-wheel/use-wheel.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  UseWheelCallback,\n  UseWheelOptions,\n  WheelData,\n  WheelOptions,\n} from \"./use-wheel.types\";\nimport { invokeWheelAction } from \"./invoke-wheel-action\";\n\nconst defaultOptions: WheelOptions = {\n  eventPassive: true,\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  container: { current: null },\n  raf: false,\n};\n\nconst useWheel = (\n  wheelCallback: UseWheelCallback,\n  options: UseWheelOptions = defaultOptions,\n) => {\n  const {\n    eventPassive,\n    eventCapture,\n    eventOnce,\n    eventStopImmediatePropagation,\n    container,\n    raf,\n  } = { ...defaultOptions, ...options };\n\n  const targetReference = useRef<EventTarget | null>(null);\n  const abortControllerReference = useRef<AbortController | null>(null);\n\n  const frameReference = useRef<number | null>(null);\n  const pendingDataReference = useRef<WheelData | null>(null);\n  const pendingEventReference = useRef<WheelEvent | null>(null);\n\n  const destroyListener = useCallback(() => {\n    abortControllerReference.current?.abort();\n  }, []);\n\n  const flushFrame = useCallback(() => {\n    frameReference.current = null;\n\n    const data = pendingDataReference.current;\n    const event = pendingEventReference.current;\n\n    if (!data || !event) return;\n\n    invokeWheelAction(event, data, wheelCallback, {\n      stopImmediate: eventStopImmediatePropagation,\n      once: eventOnce,\n      onOnce: () => {\n        destroyListener();\n      },\n    });\n\n    pendingDataReference.current = null;\n    pendingEventReference.current = null;\n  }, [\n    wheelCallback,\n    eventStopImmediatePropagation,\n    eventOnce,\n    destroyListener,\n  ]);\n\n  const handleEventListener = useCallback(\n    (event: WheelEvent) => {\n      const delta: WheelData = {\n        deltaX: event.deltaX,\n        deltaY: event.deltaY,\n        deltaZ: event.deltaZ,\n        deltaMode: event.deltaMode,\n      };\n\n      if (!raf) {\n        invokeWheelAction(event, delta, wheelCallback, {\n          stopImmediate: eventStopImmediatePropagation,\n          once: eventOnce,\n          onOnce: () => {\n            destroyListener();\n          },\n        });\n        return;\n      }\n\n      pendingDataReference.current = delta;\n      pendingEventReference.current = event;\n\n      if (frameReference.current === null) {\n        frameReference.current = requestAnimationFrame(flushFrame);\n      }\n    },\n    [\n      raf,\n      wheelCallback,\n      eventStopImmediatePropagation,\n      eventOnce,\n      destroyListener,\n      flushFrame,\n    ],\n  );\n\n  useEffect(() => {\n    targetReference.current = container?.current ?? globalThis;\n    abortControllerReference.current = new AbortController();\n\n    const eventListener = (event: Event) =>\n      handleEventListener(event as WheelEvent);\n\n    targetReference.current.addEventListener(\"wheel\", eventListener, {\n      passive: eventPassive,\n      capture: eventCapture,\n      signal: abortControllerReference.current.signal,\n    });\n\n    return () => {\n      abortControllerReference.current?.abort();\n\n      if (frameReference.current !== null) {\n        cancelAnimationFrame(frameReference.current);\n      }\n    };\n  }, [container, eventPassive, eventCapture, handleEventListener]);\n};\n\nexport default useWheel;\n"],"names":["defaultOptions","useWheel","wheelCallback","options","eventPassive","eventCapture","eventOnce","eventStopImmediatePropagation","container","raf","targetReference","useRef","abortControllerReference","frameReference","pendingDataReference","pendingEventReference","destroyListener","useCallback","flushFrame","data","event","invokeWheelAction","handleEventListener","delta","useEffect","eventListener"],"mappings":";;AASA,MAAMA,IAA+B;AAAA,EACnC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,+BAA+B;AAAA,EAC/B,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,KAAK;AACP,GAEMC,IAAW,CACfC,GACAC,IAA2BH,MACxB;AACH,QAAM;AAAA,IACJ,cAAAI;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACE,EAAE,GAAGT,GAAgB,GAAGG,EAAA,GAEtBO,IAAkBC,EAA2B,IAAI,GACjDC,IAA2BD,EAA+B,IAAI,GAE9DE,IAAiBF,EAAsB,IAAI,GAC3CG,IAAuBH,EAAyB,IAAI,GACpDI,IAAwBJ,EAA0B,IAAI,GAEtDK,IAAkBC,EAAY,MAAM;AACxC,IAAAL,EAAyB,SAAS,MAAA;AAAA,EACpC,GAAG,CAAA,CAAE,GAECM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAe,UAAU;AAEzB,UAAMM,IAAOL,EAAqB,SAC5BM,IAAQL,EAAsB;AAEpC,IAAI,CAACI,KAAQ,CAACC,MAEdC,EAAkBD,GAAOD,GAAMjB,GAAe;AAAA,MAC5C,eAAeK;AAAA,MACf,MAAMD;AAAA,MACN,QAAQ,MAAM;AACZ,QAAAU,EAAA;AAAA,MACF;AAAA,IAAA,CACD,GAEDF,EAAqB,UAAU,MAC/BC,EAAsB,UAAU;AAAA,EAClC,GAAG;AAAA,IACDb;AAAA,IACAK;AAAA,IACAD;AAAA,IACAU;AAAA,EAAA,CACD,GAEKM,IAAsBL;AAAA,IAC1B,CAACG,MAAsB;AACrB,YAAMG,IAAmB;AAAA,QACvB,QAAQH,EAAM;AAAA,QACd,QAAQA,EAAM;AAAA,QACd,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,MAAA;AAGnB,UAAI,CAACX,GAAK;AACR,QAAAY,EAAkBD,GAAOG,GAAOrB,GAAe;AAAA,UAC7C,eAAeK;AAAA,UACf,MAAMD;AAAA,UACN,QAAQ,MAAM;AACZ,YAAAU,EAAA;AAAA,UACF;AAAA,QAAA,CACD;AACD;AAAA,MACF;AAEA,MAAAF,EAAqB,UAAUS,GAC/BR,EAAsB,UAAUK,GAE5BP,EAAe,YAAY,SAC7BA,EAAe,UAAU,sBAAsBK,CAAU;AAAA,IAE7D;AAAA,IACA;AAAA,MACET;AAAA,MACAP;AAAA,MACAK;AAAA,MACAD;AAAA,MACAU;AAAA,MACAE;AAAA,IAAA;AAAA,EACF;AAGF,EAAAM,EAAU,MAAM;AACd,IAAAd,EAAgB,UAAUF,GAAW,WAAW,YAChDI,EAAyB,UAAU,IAAI,gBAAA;AAEvC,UAAMa,IAAgB,CAACL,MACrBE,EAAoBF,CAAmB;AAEzC,WAAAV,EAAgB,QAAQ,iBAAiB,SAASe,GAAe;AAAA,MAC/D,SAASrB;AAAA,MACT,SAASC;AAAA,MACT,QAAQO,EAAyB,QAAQ;AAAA,IAAA,CAC1C,GAEM,MAAM;AACX,MAAAA,EAAyB,SAAS,MAAA,GAE9BC,EAAe,YAAY,QAC7B,qBAAqBA,EAAe,OAAO;AAAA,IAE/C;AAAA,EACF,GAAG,CAACL,GAAWJ,GAAcC,GAAciB,CAAmB,CAAC;AACjE;"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@msobiecki/react-marauders-path",
-  "version": "1.24.0",
+  "version": "1.24.2",
   "type": "module",
   "engines": {
     "node": ">=22.17.1"
   },
-  "module": "dist/index.es.js",
-  "types": "dist/index.es.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],