@tamagui/animations-reanimated 1.26.0 → 1.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animations-reanimated",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "source": "src/index.ts",
   "sideEffects": true,
   "license": "MIT",
@@ -13,12 +13,12 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/animations-react-native": "1.26.0",
-    "@tamagui/use-presence": "1.26.0",
-    "@tamagui/web": "1.26.0"
+    "@tamagui/animations-react-native": "1.27.0",
+    "@tamagui/use-presence": "1.27.0",
+    "@tamagui/web": "1.27.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.26.0",
+    "@tamagui/build": "1.27.0",
     "react-native-reanimated": "^2.14.4"
   },
   "scripts": {

package/dist/esm/createAnimations.mjs

@@ -1,289 +0,0 @@
-var _a;
-import { usePresence } from "@tamagui/use-presence";
-import { useEvent } from "@tamagui/web";
-import { useMemo } from "react";
-import { FlatList, Animated as RNAnimated } from "react-native";
-import Animated, {
-  runOnJS,
-  useAnimatedStyle,
-  withDecay,
-  withDelay,
-  withRepeat,
-  withSpring,
-  withTiming
-} from "react-native-reanimated";
-import {
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberStyle
-} from "./useAnimatedNumber";
-if (process.env.NODE_ENV === "development") {
-  if ((_a = FlatList) == null ? void 0 : _a["_isProxyWorm"]) {
-    console.warn(
-      `Using reanimated with excludeReactNativeWebExports including FlatList, adjust your next.config.js, reanimated currently doesn't support tree-shaking and needs *List components around.`
-    );
-  }
-}
-const animatedStyleKey = {
-  transform: true,
-  opacity: true
-  // backgroundColor: true,
-  // color: true,
-};
-function createAnimations(animations) {
-  const AnimatedView = Animated.View;
-  const AnimatedText = Animated.Text;
-  AnimatedView["displayName"] = "AnimatedView";
-  AnimatedText["displayName"] = "AnimatedText";
-  return {
-    isReactNative: true,
-    animations,
-    View: AnimatedView,
-    Text: AnimatedText,
-    // temp
-    // @ts-ignore
-    NumberView: RNAnimated.View,
-    useAnimatedNumber,
-    useAnimatedNumberReaction,
-    useAnimatedNumberStyle,
-    usePresence,
-    useAnimations: ({ props, style, presence, pseudos, onDidAnimate }) => {
-      const isExiting = (presence == null ? void 0 : presence[0]) === false;
-      const sendExitComplete = presence == null ? void 0 : presence[1];
-      const reanimatedOnDidAnimated = useEvent(
-        (...args) => {
-          onDidAnimate == null ? void 0 : onDidAnimate(...args);
-        }
-      );
-      const all = style;
-      const [animatedStyles, nonAnimatedStyle] = [{}, {}];
-      for (const key2 of Object.keys(all)) {
-        if (animatedStyleKey[key2]) {
-          animatedStyles[key2] = all[key2];
-        } else {
-          nonAnimatedStyle[key2] = all[key2];
-        }
-      }
-      const animatedString = JSON.stringify(animatedStyles);
-      const key = animatedString;
-      const callback = (isExiting2, exitingStyleProps, key2, value) => {
-        "worklet";
-        return (completed, current) => {
-          "worklet";
-          runOnJS(reanimatedOnDidAnimated)(key2, completed, current, {
-            attemptedValue: value
-          });
-          if (isExiting2) {
-            exitingStyleProps[key2] = false;
-            const areStylesExiting = Object.values(exitingStyleProps).some(Boolean);
-            if (!areStylesExiting) {
-              if (sendExitComplete) {
-                runOnJS(sendExitComplete)();
-              }
-            }
-          }
-        };
-      };
-      const animatedStyle = useAnimatedStyle(() => {
-        "worklet";
-        const style2 = JSON.parse(animatedString);
-        const final = {
-          transform: []
-        };
-        const exitingStyleProps = {};
-        if (pseudos == null ? void 0 : pseudos.exitStyle) {
-          for (const key2 in pseudos.exitStyle) {
-            if (key2 === "transform") {
-              const val = pseudos.exitStyle[key2];
-              if (val) {
-                for (const attr of val) {
-                  const tkey = Object.keys(attr)[0];
-                  exitingStyleProps[tkey] = true;
-                }
-              }
-            } else {
-              exitingStyleProps[key2] = true;
-            }
-          }
-        }
-        for (const key2 in style2) {
-          const value = style2[key2];
-          const animationConfig = getAnimationConfig(key2, animations, props.animation);
-          const { animation, config, shouldRepeat, repeatCount, repeatReverse } = getAnimation(key2, animationConfig, props.animateOnly);
-          const { delay = null } = animationDelay(key2, animationConfig);
-          if (!animation) {
-            console.warn("No animation for", key2, "in", style2);
-            continue;
-          }
-          if (!config) {
-            console.warn("No animation config for", key2, "in", style2);
-            continue;
-          }
-          if (key2 === "transform") {
-            if (!Array.isArray(value)) {
-              console.error(`Invalid transform value. Needs to be an array.`);
-              continue;
-            }
-            for (const transformObject of value) {
-              const key3 = Object.keys(transformObject)[0];
-              const transformValue = transformObject[key3];
-              let finalValue2 = animation(
-                transformValue,
-                config,
-                callback(isExiting, exitingStyleProps, key3, value)
-              );
-              if (shouldRepeat) {
-                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
-              }
-              final["transform"].push({
-                [key3]: finalValue2
-              });
-            }
-            continue;
-          }
-          if (typeof value === "object") {
-            final[key2] = {};
-            for (const innerStyleKey of Object.keys(value || {})) {
-              let finalValue2 = animation(
-                value,
-                config,
-                callback(isExiting, exitingStyleProps, key2, value)
-              );
-              if (shouldRepeat) {
-                finalValue2 = withRepeat(finalValue2, repeatCount, repeatReverse);
-              }
-              if (delay != null) {
-                final[key2][innerStyleKey] = withDelay(delay, finalValue2);
-              } else {
-                final[key2][innerStyleKey] = finalValue2;
-              }
-            }
-            continue;
-          }
-          let finalValue = animation(
-            value,
-            config,
-            callback(isExiting, exitingStyleProps, key2, value)
-          );
-          if (shouldRepeat) {
-            finalValue = withRepeat(finalValue, repeatCount, repeatReverse);
-          }
-          if (delay != null && typeof delay === "number") {
-            final[key2] = withDelay(delay, finalValue);
-          } else {
-            final[key2] = finalValue;
-          }
-        }
-        return final;
-      }, [key]);
-      return useMemo(() => {
-        return {
-          style: [nonAnimatedStyle, animatedStyle]
-        };
-      }, [key]);
-    }
-  };
-}
-function getAnimationConfig(key, animations, animation) {
-  "worklet";
-  if (typeof animation === "string") {
-    return animations[animation];
-  }
-  let type = "";
-  let extraConf;
-  if (Array.isArray(animation)) {
-    type = animation[0];
-    const conf = animation[1] && animation[1][key];
-    if (conf) {
-      if (typeof conf === "string") {
-        type = conf;
-      } else {
-        type = conf.type || type;
-        extraConf = conf;
-      }
-    }
-  } else {
-    const val = animation == null ? void 0 : animation[key];
-    type = val == null ? void 0 : val.type;
-    extraConf = val;
-  }
-  const found = animations[type];
-  if (!found) {
-    throw new Error(`No animation of type "${type}" for key "${key}"`);
-  }
-  return {
-    ...found,
-    ...extraConf,
-    type: found.type
-  };
-}
-function animationDelay(key, animation) {
-  "worklet";
-  if (!animation || !animation[key] || animation[key].delay === void 0 || animation[key].delay === null) {
-    return {
-      delay: null
-    };
-  }
-  return {
-    delay: animation[key].delay
-  };
-}
-const isColor = (styleKey) => {
-  "worklet";
-  return [
-    "backgroundColor",
-    "borderBottomColor",
-    "borderColor",
-    "borderEndColor",
-    "borderLeftColor",
-    "borderRightColor",
-    "borderStartColor",
-    "borderTopColor",
-    "color"
-  ].includes(styleKey);
-};
-function getAnimation(key, animationConfig, animateOnly) {
-  "worklet";
-  if (!animationConfig || animateOnly && !animateOnly.includes(key)) {
-    return {};
-  }
-  let repeatCount = 0;
-  const repeatReverse = animationConfig.repeatReverse || false;
-  let animationType = (animationConfig == null ? void 0 : animationConfig.type) || "spring";
-  if (isColor(key) || key === "opacity") {
-    animationType = "timing";
-  }
-  if ("repeat" in animationConfig) {
-    repeatCount = animationConfig.repeat || 0;
-  } else {
-    if (animationConfig.loop) {
-      repeatCount = animationConfig.loop ? -1 : 0;
-    }
-  }
-  let config = animationConfig;
-  let animation;
-  if (animationType === "timing") {
-    animation = withTiming;
-  } else if (animationType === "spring") {
-    animation = withSpring;
-  } else if (animationType === "decay") {
-    animation = withDecay;
-    config = config || {
-      velocity: 2,
-      deceleration: 2
-    };
-  } else {
-    animation = withSpring;
-  }
-  return {
-    animation,
-    config,
-    repeatReverse,
-    repeatCount,
-    shouldRepeat: !!repeatCount
-  };
-}
-export {
-  createAnimations
-};
-//# sourceMappingURL=createAnimations.mjs.map

package/dist/esm/createAnimations.mjs.map

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

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

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

package/dist/esm/polyfill.mjs

@@ -1,4 +0,0 @@
-if (typeof requestAnimationFrame === "undefined") {
-  globalThis["requestAnimationFrame"] = setImmediate;
-}
-//# sourceMappingURL=polyfill.mjs.map

package/dist/esm/polyfill.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/polyfill.ts"],
-  "mappings": "AACA,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,uBAAuB,IAAI;AACxC;",
-  "names": []
-}

package/dist/esm/useAnimatedNumber.mjs

@@ -1,11 +0,0 @@
-import {
-  useAnimatedNumber,
-  useAnimatedNumberStyle,
-  useAnimatedNumberReaction
-} from "@tamagui/animations-react-native";
-export {
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberStyle
-};
-//# sourceMappingURL=useAnimatedNumber.mjs.map

package/dist/esm/useAnimatedNumber.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useAnimatedNumber.tsx"],
-  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
-  "names": []
-}