framer-motion 5.3.2 → 5.4.0-beta.2

package/dist/es/animation/utils/easing.mjs

@@ -27,7 +27,7 @@ var easingDefinitionToFunction = function (definition) {
     }
     else if (typeof definition === "string") {
         // Else lookup from table
-        invariant(easingLookup[definition] !== undefined, "Invalid easing type '" + definition + "'");
+        invariant(easingLookup[definition] !== undefined, "Invalid easing type '".concat(definition, "'"));
         return easingLookup[definition];
     }
     return definition;

package/dist/es/animation/utils/transitions.mjs

@@ -126,7 +126,7 @@ function getAnimation(key, value, target, transition, onComplete) {
         target = getZeroUnit(origin);
     }
     var isOriginAnimatable = isAnimatable(key, origin);
-    warning(isOriginAnimatable === isTargetAnimatable, "You are trying to animate " + key + " from \"" + origin + "\" to \"" + target + "\". " + origin + " is not an animatable value - to enable this animation set " + origin + " to a value animatable to " + target + " via the `style` property.");
+    warning(isOriginAnimatable === isTargetAnimatable, "You are trying to animate ".concat(key, " from \"").concat(origin, "\" to \"").concat(target, "\". ").concat(origin, " is not an animatable value - to enable this animation set ").concat(origin, " to a value animatable to ").concat(target, " via the `style` property."));
     function start() {
         var options = {
             from: origin,

package/dist/es/components/AnimatePresence/index.mjs

@@ -14,7 +14,7 @@ function updateChildLookup(children, allChildren) {
         var key = getChildKey(child);
         if (process.env.NODE_ENV !== "production" && seenChildren) {
             if (seenChildren.has(key)) {
-                console.warn("Children of AnimatePresence require unique keys. \"" + key + "\" is a duplicate.");
+                console.warn("Children of AnimatePresence require unique keys. \"".concat(key, "\" is a duplicate."));
             }
             seenChildren.add(key);
         }

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

@@ -38,34 +38,8 @@ 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 { isPresent, useIsPresent, usePresence };
+export { usePresence };

package/dist/es/components/AnimateSharedLayout.mjs

@@ -5,7 +5,7 @@ import { LayoutGroup } from './LayoutGroup/index.mjs';
 var id = 0;
 var AnimateSharedLayout = function (_a) {
     var children = _a.children;
-    return (React.createElement(LayoutGroup, { id: useConstant(function () { return "asl-" + id++; }) }, children));
+    return (React.createElement(LayoutGroup, { id: useConstant(function () { return "asl-".concat(id++); }) }, children));
 };
 
 export { AnimateSharedLayout };

package/dist/es/components/MotionCanvas/index.mjs

@@ -0,0 +1,14 @@
+import { __rest, __assign } from 'tslib';
+import * as React from 'react';
+import { useContext } from 'react';
+import { Canvas } from '@react-three/fiber';
+import { MotionContext } from '../../context/MotionContext/index.mjs';
+
+function MotionCanvas(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var motionContext = useContext(MotionContext);
+    return (React.createElement(Canvas, __assign({}, props),
+        React.createElement(MotionContext.Provider, { value: motionContext }, children)));
+}
+
+export { MotionCanvas };

package/dist/es/components/Reorder/Item.mjs

@@ -23,7 +23,7 @@ function ReorderItem(_a, externalRef) {
     };
     var zIndex = useTransform([point.x, point.y], function (_a) {
         var _b = __read(_a, 2), latestX = _b[0], latestY = _b[1];
-        return latestX || latestY ? 1 : 0;
+        return latestX || latestY ? 1 : "unset";
     });
     var layout = useRef(null);
     invariant(Boolean(context), "Reorder.Item must be a child of Reorder.Group");

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

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

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

@@ -1,37 +1,8 @@
-import { useEffect } from 'react';
+import '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, useDomEvent };
+export { addDomEvent };

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

@@ -1,4 +1,4 @@
-import { useDomEvent, addDomEvent } from './use-dom-event.mjs';
+import { addDomEvent } from './use-dom-event.mjs';
 import { wrapHandler } from './event-info.mjs';
 import { supportsPointerEvents, supportsTouchEvents, supportsMouseEvents } from './utils.mjs';
 
@@ -33,8 +33,5 @@ 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, usePointerEvent };
+export { addPointerEvent };

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

@@ -1,13 +1,6 @@
-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 { isMouseEvent, isTouchEvent };
+export { isTouchEvent };

package/dist/es/motion/index.mjs

@@ -78,7 +78,7 @@ function createMotionComponent(_a) {
          */
         return (React.createElement(VisualElementHandler, { visualElement: context.visualElement, props: __assign(__assign({}, config), props) },
             features,
-            React.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic))));
+            React.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config.isStatic, context.visualElement))));
     }
     return forwardRef(MotionComponent);
 }

package/dist/es/projection/animation/mix-values.mjs

@@ -18,7 +18,7 @@ function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnl
      * Mix border radius
      */
     for (var i = 0; i < numBorders; i++) {
-        var borderLabel = "border" + borders[i] + "Radius";
+        var borderLabel = "border".concat(borders[i], "Radius");
         var followRadius = getRadius(follow, borderLabel);
         var leadRadius = getRadius(lead, borderLabel);
         if (followRadius === undefined && leadRadius === undefined)

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

@@ -1,17 +1,7 @@
-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, createAxisDelta, createBox, createDelta };
+export { createAxis, createBox };