@tamagui/animations-moti 1.74.2 → 1.74.4

package/dist/esm/createAnimations.native.js

@@ -0,0 +1,102 @@
+import { PresenceContext, usePresence } from "@tamagui/use-presence";
+import { useMotify } from "moti/author";
+import { useCallback, useContext, useMemo } from "react";
+import Animated, {
+  cancelAnimation,
+  runOnJS,
+  useAnimatedReaction,
+  useAnimatedStyle,
+  useDerivedValue,
+  useSharedValue,
+  withSpring,
+  withTiming
+} from "react-native-reanimated";
+function createAnimations(animations) {
+  return {
+    View: Animated.View,
+    Text: Animated.Text,
+    isReactNative: !0,
+    keepStyleSSR: !0,
+    supportsCSSVars: !0,
+    animations,
+    usePresence,
+    useAnimatedNumber(initial) {
+      const sharedValue = useSharedValue(initial);
+      return useMemo(
+        () => ({
+          getInstance() {
+            "worklet";
+            return sharedValue;
+          },
+          getValue() {
+            "worklet";
+            return sharedValue.value;
+          },
+          setValue(next, config = { type: "spring" }) {
+            "worklet";
+            config.type === "direct" ? sharedValue.value = next : config.type === "spring" ? sharedValue.value = withSpring(next, config) : sharedValue.value = withTiming(next, config);
+          },
+          stop() {
+            "worklet";
+            cancelAnimation(sharedValue);
+          }
+        }),
+        [sharedValue]
+      );
+    },
+    useAnimatedNumberReaction({ value }, onValue) {
+      const instance = value.getInstance();
+      return useAnimatedReaction(
+        () => instance.value,
+        (next, prev) => {
+          prev !== next && runOnJS(onValue)(next);
+        },
+        // dependency array is very important here
+        [onValue, instance]
+      );
+    },
+    /**
+     * `getStyle` must be a worklet
+     */
+    useAnimatedNumberStyle(val, getStyle) {
+      const instance = val.getInstance(), derivedValue = useDerivedValue(() => instance.value, [instance, getStyle]);
+      return useAnimatedStyle(() => getStyle(derivedValue.value), [val, getStyle, derivedValue, instance]);
+    },
+    useAnimations: ({ props, presence, style, onDidAnimate }) => {
+      const animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation;
+      let animate, dontAnimate;
+      const animateOnly = props.animateOnly || ["transform", "opacity"];
+      if (animateOnly) {
+        animate = {}, dontAnimate = { ...style };
+        for (const key of animateOnly)
+          key in style && (animate[key] = style[key], delete dontAnimate[key]);
+      } else
+        animate = { ...style }, dontAnimate = {};
+      const animateStr = JSON.stringify(animate), styles = useMemo(() => JSON.parse(animateStr), [animateStr]), isExiting = !!presence?.[1], sendExitComplete = presence?.[1], transition = animations[animationKey], onDidAnimateCombined = useCallback(() => {
+        onDidAnimate?.(), sendExitComplete?.();
+      }, []), motiProps = {
+        animate: isExiting ? void 0 : styles,
+        transition,
+        onDidAnimate: onDidAnimateCombined,
+        usePresenceValue: presence,
+        presenceContext: useContext(PresenceContext),
+        exit: isExiting ? styles : void 0
+      }, moti = useMotify(motiProps);
+      return process.env.NODE_ENV === "development" && props.debug === "verbose" && console.log("Moti animation:", {
+        animate,
+        transition,
+        styles,
+        moti,
+        dontAnimate,
+        isExiting,
+        animateStr
+      }), {
+        style: [dontAnimate, moti.style]
+      };
+    }
+  };
+}
+export {
+  createAnimations
+};
+//# sourceMappingURL=createAnimations.js.map

package/dist/esm/createAnimations.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/createAnimations.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,3 @@
+import "./polyfill";
+export * from "./createAnimations";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "mappings": "AAAA,OAAO;AAEP,cAAc;",
+  "names": []
+}

package/dist/esm/polyfill.native.js

@@ -0,0 +1,2 @@
+typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
+//# sourceMappingURL=polyfill.js.map

package/dist/esm/polyfill.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/polyfill.ts"],
+  "mappings": "AACI,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-moti",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "source": "src/index.ts",
   "license": "MIT",
   "types": "./types/index.d.ts",
@@ -12,12 +12,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/use-presence": "1.74.2",
-    "@tamagui/web": "1.74.2",
+    "@tamagui/use-presence": "1.74.4",
+    "@tamagui/web": "1.74.4",
     "moti": "^0.25.3"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.2",
+    "@tamagui/build": "1.74.4",
     "react-native-reanimated": "^3.3.0"
   },
   "scripts": {