framer-motion 5.4.0 → 5.4.1

package/dist/es/components/AnimatePresence/use-presence.mjs

@@ -38,8 +38,34 @@ function usePresence() {
     var safeToRemove = function () { return onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete(id); };
     return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
+/**
+ * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.
+ * There is no `safeToRemove` function.
+ *
+ * ```jsx
+ * import { useIsPresent } from "framer-motion"
+ *
+ * export const Component = () => {
+ *   const isPresent = useIsPresent()
+ *
+ *   useEffect(() => {
+ *     !isPresent && console.log("I've been removed!")
+ *   }, [isPresent])
+ *
+ *   return <div />
+ * }
+ * ```
+ *
+ * @public
+ */
+function useIsPresent() {
+    return isPresent(useContext(PresenceContext));
+}
+function isPresent(context) {
+    return context === null ? true : context.isPresent;
+}
 var counter = 0;
 var incrementId = function () { return counter++; };
 var useUniqueId = function () { return useConstant(incrementId); };
 
-export { usePresence };
+export { isPresent, useIsPresent, usePresence };

package/dist/es/context/MotionContext/index.mjs

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 var MotionContext = createContext({});
 function useVisualElementContext() {

package/dist/es/events/use-dom-event.mjs

@@ -1,8 +1,37 @@
-import 'react';
+import { useEffect } from 'react';
 
 function addDomEvent(target, eventName, handler, options) {
     target.addEventListener(eventName, handler, options);
     return function () { return target.removeEventListener(eventName, handler, options); };
 }
+/**
+ * Attaches an event listener directly to the provided DOM element.
+ *
+ * Bypassing React's event system can be desirable, for instance when attaching non-passive
+ * event handlers.
+ *
+ * ```jsx
+ * const ref = useRef(null)
+ *
+ * useDomEvent(ref, 'wheel', onWheel, { passive: false })
+ *
+ * return <div ref={ref} />
+ * ```
+ *
+ * @param ref - React.RefObject that's been provided to the element you want to bind the listener to.
+ * @param eventName - Name of the event you want listen for.
+ * @param handler - Function to fire when receiving the event.
+ * @param options - Options to pass to `Event.addEventListener`.
+ *
+ * @public
+ */
+function useDomEvent(ref, eventName, handler, options) {
+    useEffect(function () {
+        var element = ref.current;
+        if (handler && element) {
+            return addDomEvent(element, eventName, handler, options);
+        }
+    }, [ref, eventName, handler, options]);
+}
 
-export { addDomEvent };
+export { addDomEvent, useDomEvent };

package/dist/es/events/use-pointer-event.mjs

@@ -1,4 +1,4 @@
-import { addDomEvent } from './use-dom-event.mjs';
+import { useDomEvent, addDomEvent } from './use-dom-event.mjs';
 import { wrapHandler } from './event-info.mjs';
 import { supportsPointerEvents, supportsTouchEvents, supportsMouseEvents } from './utils.mjs';
 
@@ -33,5 +33,8 @@ function getPointerEventName(name) {
 function addPointerEvent(target, eventName, handler, options) {
     return addDomEvent(target, getPointerEventName(eventName), wrapHandler(handler, eventName === "pointerdown"), options);
 }
+function usePointerEvent(ref, eventName, handler, options) {
+    return useDomEvent(ref, getPointerEventName(eventName), handler && wrapHandler(handler, eventName === "pointerdown"), options);
+}
 
-export { addPointerEvent };
+export { addPointerEvent, usePointerEvent };

package/dist/es/gestures/utils/event-type.mjs

@@ -1,6 +1,13 @@
+function isMouseEvent(event) {
+    // PointerEvent inherits from MouseEvent so we can't use a straight instanceof check.
+    if (typeof PointerEvent !== "undefined" && event instanceof PointerEvent) {
+        return !!(event.pointerType === "mouse");
+    }
+    return event instanceof MouseEvent;
+}
 function isTouchEvent(event) {
     var hasTouches = !!event.touches;
     return hasTouches;
 }
 
-export { isTouchEvent };
+export { isMouseEvent, isTouchEvent };

package/dist/es/projection/geometry/models.mjs

@@ -1,7 +1,17 @@
+var createAxisDelta = function () { return ({
+    translate: 0,
+    scale: 1,
+    origin: 0,
+    originPoint: 0,
+}); };
+var createDelta = function () { return ({
+    x: createAxisDelta(),
+    y: createAxisDelta(),
+}); };
 var createAxis = function () { return ({ min: 0, max: 0 }); };
 var createBox = function () { return ({
     x: createAxis(),
     y: createAxis(),
 }); };
 
-export { createAxis, createBox };
+export { createAxis, createAxisDelta, createBox, createDelta };