react-ui-animate 1.4.5 → 2.0.0-rc.2

package/src/gestures/controllers/index.ts

@@ -1,4 +1,4 @@
-export * from "./DragGesture";
-export * from "./MouseMoveGesture";
-export * from "./ScrollGesture";
-export * from "./WheelGesture";
+export * from "./DragGesture";
+export * from "./MouseMoveGesture";
+export * from "./ScrollGesture";
+export * from "./WheelGesture";

package/src/gestures/eventAttacher.ts

@@ -1,67 +1,67 @@
-type MouseEventType =
-  | "click"
-  | "dblclick"
-  | "mousedown"
-  | "mousemove"
-  | "mouseup"
-  | "touchstart"
-  | "touchmove"
-  | "touchend"
-  | "mouseenter"
-  | "mouseleave"
-  | "mouseout"
-  | "mouseover"
-  | "scroll"
-  | "wheel"
-  | "contextmenu";
-
-type DomTargetTypes = Array<Window | Document | HTMLElement>;
-
-/**
- * Attach single document / window event / HTMLElement
- */
-function attachEvent(
-  domTargets: DomTargetTypes,
-  event: MouseEventType,
-  callback: (e: any) => void,
-  capture: any = false
-) {
-  domTargets.forEach((target) => {
-    target.addEventListener(event, callback, capture);
-  });
-
-  return function () {
-    domTargets.forEach((target) => {
-      target.removeEventListener(event, callback, capture);
-    });
-  };
-}
-
-/**
- * Attach multiple document / window event / HTMLElement
- */
-export function attachEvents(
-  domTargets: DomTargetTypes,
-  events: Array<
-    [event: MouseEventType, callback: (e: any) => void, capture?: any]
-  >
-) {
-  const subscribers = new Map();
-
-  events.forEach(function ([event, callback, capture = false]) {
-    subscribers.set(event, attachEvent(domTargets, event, callback, capture));
-  });
-
-  return function (eventKeys?: Array<string>) {
-    for (const [eventKey, subscriber] of subscribers.entries()) {
-      if (!eventKeys) {
-        subscriber();
-        return;
-      }
-
-      if (eventKeys.indexOf(eventKey) !== -1) {
-        subscriber();
-      }
-    }
-  };
-}
+type MouseEventType =
+  | "click"
+  | "dblclick"
+  | "mousedown"
+  | "mousemove"
+  | "mouseup"
+  | "touchstart"
+  | "touchmove"
+  | "touchend"
+  | "mouseenter"
+  | "mouseleave"
+  | "mouseout"
+  | "mouseover"
+  | "scroll"
+  | "wheel"
+  | "contextmenu";
+
+type DomTargetTypes = Array<Window | Document | HTMLElement>;
+
+/**
+ * Attach single document / window event / HTMLElement
+ */
+function attachEvent(
+  domTargets: DomTargetTypes,
+  event: MouseEventType,
+  callback: (e: any) => void,
+  capture: any = false
+) {
+  domTargets.forEach((target) => {
+    target.addEventListener(event, callback, capture);
+  });
+
+  return function () {
+    domTargets.forEach((target) => {
+      target.removeEventListener(event, callback, capture);
+    });
+  };
+}
+
+/**
+ * Attach multiple document / window event / HTMLElement
+ */
+export function attachEvents(
+  domTargets: DomTargetTypes,
+  events: Array<
+    [event: MouseEventType, callback: (e: any) => void, capture?: any]
+  >
+) {
+  const subscribers = new Map();
+
+  events.forEach(function ([event, callback, capture = false]) {
+    subscribers.set(event, attachEvent(domTargets, event, callback, capture));
+  });
+
+  return function (eventKeys?: Array<string>) {
+    for (const [eventKey, subscriber] of subscribers.entries()) {
+      if (!eventKeys) {
+        subscriber();
+        return;
+      }
+
+      if (eventKeys.indexOf(eventKey) !== -1) {
+        subscriber();
+      }
+    }
+  };
+}

package/src/gestures/hooks/index.ts

@@ -1,5 +1,5 @@
-export * from "./useDrag";
-export * from "./useMouseMove";
-export * from "./useScroll";
-export * from "./useWheel";
-export * from "./useGesture";
+export * from "./useDrag";
+export * from "./useMouseMove";
+export * from "./useScroll";
+export * from "./useWheel";
+export * from "./useGesture";

package/src/gestures/hooks/useDrag.ts

@@ -1,14 +1,14 @@
-import * as React from "react";
-
-import { DragEventType, UseDragConfig } from "../types";
-import { DragGesture } from "../controllers";
-import { useRecognizer } from "./useRecognizer";
-
-export function useDrag(
-  callback: (event: DragEventType) => void,
-  config?: UseDragConfig
-) {
-  const gesture = React.useRef(new DragGesture()).current;
-
-  return useRecognizer([["drag", gesture, callback, config]]);
-}
+import * as React from "react";
+
+import { DragEventType, UseDragConfig } from "../types";
+import { DragGesture } from "../controllers";
+import { useRecognizer } from "./useRecognizer";
+
+export function useDrag(
+  callback: (event: DragEventType) => void,
+  config?: UseDragConfig
+) {
+  const gesture = React.useRef(new DragGesture()).current;
+
+  return useRecognizer([["drag", gesture, callback, config]]);
+}

package/src/gestures/hooks/useGesture.ts

@@ -1,38 +1,38 @@
-import * as React from "react";
-import {
-  DragGesture,
-  MouseMoveGesture,
-  ScrollGesture,
-  WheelGesture,
-} from "../controllers";
-import {
-  DragEventType,
-  WheelEventType,
-  ScrollEventType,
-  MouseMoveEventType,
-} from "../types";
-import { useRecognizer } from "./useRecognizer";
-
-export function useGesture({
-  onDrag,
-  onWheel,
-  onScroll,
-  onMouseMove,
-}: {
-  onDrag?: (event: DragEventType) => void;
-  onWheel?: (event: WheelEventType) => void;
-  onScroll?: (event: ScrollEventType) => void;
-  onMouseMove?: (event: MouseMoveEventType) => void;
-}) {
-  const dragGesture = React.useRef(new DragGesture()).current;
-  const wheelGesture = React.useRef(new WheelGesture()).current;
-  const scrollGesture = React.useRef(new ScrollGesture()).current;
-  const mouseMoveGesture = React.useRef(new MouseMoveGesture()).current;
-
-  return useRecognizer([
-    ["drag", dragGesture, onDrag],
-    ["wheel", wheelGesture, onWheel],
-    ["scroll", scrollGesture, onScroll],
-    ["move", mouseMoveGesture, onMouseMove],
-  ]);
-}
+import * as React from "react";
+import {
+  DragGesture,
+  MouseMoveGesture,
+  ScrollGesture,
+  WheelGesture,
+} from "../controllers";
+import {
+  DragEventType,
+  WheelEventType,
+  ScrollEventType,
+  MouseMoveEventType,
+} from "../types";
+import { useRecognizer } from "./useRecognizer";
+
+export function useGesture({
+  onDrag,
+  onWheel,
+  onScroll,
+  onMouseMove,
+}: {
+  onDrag?: (event: DragEventType) => void;
+  onWheel?: (event: WheelEventType) => void;
+  onScroll?: (event: ScrollEventType) => void;
+  onMouseMove?: (event: MouseMoveEventType) => void;
+}) {
+  const dragGesture = React.useRef(new DragGesture()).current;
+  const wheelGesture = React.useRef(new WheelGesture()).current;
+  const scrollGesture = React.useRef(new ScrollGesture()).current;
+  const mouseMoveGesture = React.useRef(new MouseMoveGesture()).current;
+
+  return useRecognizer([
+    ["drag", dragGesture, onDrag],
+    ["wheel", wheelGesture, onWheel],
+    ["scroll", scrollGesture, onScroll],
+    ["move", mouseMoveGesture, onMouseMove],
+  ]);
+}

package/src/gestures/hooks/useMouseMove.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-
-import { MouseMoveEventType } from "../types";
-import { MouseMoveGesture } from "../controllers";
-import { useRecognizer } from "./useRecognizer";
-
-export function useMouseMove(callback: (event: MouseMoveEventType) => void) {
-  const gesture = React.useRef(new MouseMoveGesture()).current;
-
-  return useRecognizer([["move", gesture, callback]]);
-}
+import * as React from "react";
+
+import { MouseMoveEventType } from "../types";
+import { MouseMoveGesture } from "../controllers";
+import { useRecognizer } from "./useRecognizer";
+
+export function useMouseMove(callback: (event: MouseMoveEventType) => void) {
+  const gesture = React.useRef(new MouseMoveGesture()).current;
+
+  return useRecognizer([["move", gesture, callback]]);
+}

package/src/gestures/hooks/useRecognizer.ts

@@ -1,59 +1,59 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import * as React from "react";
-
-type UseRecognizerHandlerType = Array<
-  [
-    key: "drag" | "wheel" | "move" | "scroll",
-    gesture: any,
-    callback: any,
-    config?: any
-  ]
->;
-
-export const useRecognizer = (handlers: UseRecognizerHandlerType) => {
-  const ref = React.useRef<any>();
-  const elementRefs = React.useRef<Array<any>>([]);
-  const subscribers = React.useRef<
-    Map<string, { keyIndex: number; gesture: any; unsubscribe: any }>
-  >(new Map()).current;
-
-  // re-initiate callback on change
-  React.useEffect(() => {
-    for (let [, { keyIndex, gesture }] of subscribers.entries()) {
-      const [, , callback] = handlers[keyIndex];
-      gesture.applyCallback(callback);
-    }
-  }, [handlers]);
-
-  React.useEffect(() => {
-    handlers.forEach(([key, gesture, callback, config], keyIndex) => {
-      subscribers.set(key, {
-        keyIndex,
-        gesture,
-        unsubscribe: gesture.applyGesture({
-          targetElement: ref.current,
-          targetElements: elementRefs.current,
-          callback,
-          config,
-        }),
-      });
-    });
-
-    return () => {
-      for (let [, { unsubscribe }] of subscribers.entries()) {
-        unsubscribe && unsubscribe();
-      }
-    };
-  }, []);
-
-  return (index?: number) => {
-    if (index === null || index === undefined) {
-      return { ref };
-    } else {
-      elementRefs.current[index] =
-        elementRefs.current[index] || React.createRef();
-
-      return { ref: elementRefs.current[index] };
-    }
-  };
-};
+/* eslint-disable react-hooks/exhaustive-deps */
+import * as React from "react";
+
+type UseRecognizerHandlerType = Array<
+  [
+    key: "drag" | "wheel" | "move" | "scroll",
+    gesture: any,
+    callback: any,
+    config?: any
+  ]
+>;
+
+export const useRecognizer = (handlers: UseRecognizerHandlerType) => {
+  const ref = React.useRef<any>();
+  const elementRefs = React.useRef<Array<any>>([]);
+  const subscribers = React.useRef<
+    Map<string, { keyIndex: number; gesture: any; unsubscribe: any }>
+  >(new Map()).current;
+
+  // re-initiate callback on change
+  React.useEffect(() => {
+    for (let [, { keyIndex, gesture }] of subscribers.entries()) {
+      const [, , callback] = handlers[keyIndex];
+      gesture.applyCallback(callback);
+    }
+  }, [handlers]);
+
+  React.useEffect(() => {
+    handlers.forEach(([key, gesture, callback, config], keyIndex) => {
+      subscribers.set(key, {
+        keyIndex,
+        gesture,
+        unsubscribe: gesture.applyGesture({
+          targetElement: ref.current,
+          targetElements: elementRefs.current,
+          callback,
+          config,
+        }),
+      });
+    });
+
+    return () => {
+      for (let [, { unsubscribe }] of subscribers.entries()) {
+        unsubscribe && unsubscribe();
+      }
+    };
+  }, []);
+
+  return (index?: number) => {
+    if (index === null || index === undefined) {
+      return { ref };
+    } else {
+      elementRefs.current[index] =
+        elementRefs.current[index] || React.createRef();
+
+      return { ref: elementRefs.current[index] };
+    }
+  };
+};

package/src/gestures/hooks/useScroll.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-
-import { ScrollEventType } from "../types";
-import { ScrollGesture } from "../controllers";
-import { useRecognizer } from "./useRecognizer";
-
-export function useScroll(callback: (event: ScrollEventType) => void) {
-  const gesture = React.useRef(new ScrollGesture()).current;
-
-  return useRecognizer([["scroll", gesture, callback]]);
-}
+import * as React from "react";
+
+import { ScrollEventType } from "../types";
+import { ScrollGesture } from "../controllers";
+import { useRecognizer } from "./useRecognizer";
+
+export function useScroll(callback: (event: ScrollEventType) => void) {
+  const gesture = React.useRef(new ScrollGesture()).current;
+
+  return useRecognizer([["scroll", gesture, callback]]);
+}

package/src/gestures/hooks/useWheel.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-
-import { WheelEventType } from "../types";
-import { WheelGesture } from "../controllers";
-import { useRecognizer } from "./useRecognizer";
-
-export function useWheel(callback: (event: WheelEventType) => void) {
-  const gesture = React.useRef(new WheelGesture()).current;
-
-  return useRecognizer([["wheel", gesture, callback]]);
-}
+import * as React from "react";
+
+import { WheelEventType } from "../types";
+import { WheelGesture } from "../controllers";
+import { useRecognizer } from "./useRecognizer";
+
+export function useWheel(callback: (event: WheelEventType) => void) {
+  const gesture = React.useRef(new WheelGesture()).current;
+
+  return useRecognizer([["wheel", gesture, callback]]);
+}

package/src/gestures/index.ts

@@ -1,2 +1,2 @@
-export * from "./hooks";
-export * from "./math";
+export * from "./hooks";
+export * from "./math";