react-native-screen-transitions 1.1.0 → 2.0.0

package/lib/commonjs/configs/presets.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZoomIn = exports.SlideFromTop = exports.SlideFromBottom = exports.ElasticCard = exports.DraggableCard = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _specs = require("./specs");
+const SlideFromTop = (config = {}) => {
+  return {
+    enableTransitions: true,
+    gestureEnabled: true,
+    gestureDirection: "vertical-inverted",
+    screenStyleInterpolator: ({
+      current,
+      next,
+      layouts: {
+        screen: {
+          height
+        }
+      }
+    }) => {
+      "worklet";
+
+      const progress = current.progress + (next?.progress ?? 0);
+      const y = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [-height, 0, height]);
+      return {
+        contentStyle: {
+          transform: [{
+            translateY: y
+          }]
+        }
+      };
+    },
+    transitionSpec: {
+      open: _specs.DefaultSpec,
+      close: _specs.DefaultSpec
+    },
+    ...config
+  };
+};
+exports.SlideFromTop = SlideFromTop;
+const ZoomIn = (config = {}) => {
+  return {
+    enableTransitions: true,
+    gestureEnabled: false,
+    screenStyleInterpolator: ({
+      current,
+      next
+    }) => {
+      "worklet";
+
+      const progress = current.progress + (next?.progress ?? 0);
+      const scale = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [0.5, 1, 0.5], _reactNativeReanimated.Extrapolation.CLAMP);
+      const opacity = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [0, 1, 0], _reactNativeReanimated.Extrapolation.CLAMP);
+      return {
+        contentStyle: {
+          transform: [{
+            scale
+          }],
+          opacity
+        }
+      };
+    },
+    transitionSpec: {
+      open: _specs.DefaultSpec,
+      close: _specs.DefaultSpec
+    },
+    ...config
+  };
+};
+exports.ZoomIn = ZoomIn;
+const SlideFromBottom = (config = {}) => {
+  return {
+    enableTransitions: true,
+    gestureEnabled: true,
+    gestureDirection: "vertical",
+    screenStyleInterpolator: ({
+      current,
+      next,
+      layouts: {
+        screen: {
+          height
+        }
+      }
+    }) => {
+      "worklet";
+
+      const progress = current.progress + (next?.progress ?? 0);
+      const y = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [height, 0, -height]);
+      return {
+        contentStyle: {
+          transform: [{
+            translateY: y
+          }]
+        }
+      };
+    },
+    transitionSpec: {
+      open: _specs.DefaultSpec,
+      close: _specs.DefaultSpec
+    },
+    ...config
+  };
+};
+exports.SlideFromBottom = SlideFromBottom;
+const DraggableCard = (config = {}) => {
+  return {
+    enableTransitions: true,
+    gestureEnabled: true,
+    gestureDirection: ["horizontal", "vertical"],
+    screenStyleInterpolator: ({
+      current,
+      progress,
+      layouts: {
+        screen
+      }
+    }) => {
+      "worklet";
+
+      /** Combined */
+      const scale = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [0, 1, 0.75]);
+
+      /** Vertical */
+      const translateY = (0, _reactNativeReanimated.interpolate)(current.gesture.normalizedY, [-1, 1], [-screen.height * 0.5, screen.height * 0.5], "clamp");
+
+      /** Horizontal */
+      const translateX = (0, _reactNativeReanimated.interpolate)(current.gesture.normalizedX, [-1, 1], [-screen.width * 0.5, screen.width * 0.5], "clamp");
+      return {
+        contentStyle: {
+          transform: [{
+            scale
+          }, {
+            translateY: translateY
+          }, {
+            translateX
+          }]
+        }
+      };
+    },
+    transitionSpec: {
+      open: _specs.DefaultSpec,
+      close: _specs.DefaultSpec
+    },
+    ...config
+  };
+};
+exports.DraggableCard = DraggableCard;
+const ElasticCard = (config = {
+  elasticFactor: 0.5
+}) => {
+  return {
+    enableTransitions: true,
+    gestureEnabled: true,
+    gestureDirection: "bidirectional",
+    screenStyleInterpolator: ({
+      current,
+      next,
+      layouts: {
+        screen
+      },
+      progress
+    }) => {
+      "worklet";
+
+      /**
+       * Applies to both screens ( previous and incoming)
+       */
+      const scale = (0, _reactNativeReanimated.interpolate)(progress, [0, 1, 2], [0, 1, 0.8]);
+
+      /**
+       * Applies to current screen
+       */
+      const maxElasticityX = screen.width * (config.elasticFactor ?? 0.5);
+      const maxElasticityY = screen.height * (config.elasticFactor ?? 0.5);
+      const translateX = (0, _reactNativeReanimated.interpolate)(current.gesture.normalizedX, [-1, 0, 1], [-maxElasticityX, 0, maxElasticityX], "clamp");
+      const translateY = (0, _reactNativeReanimated.interpolate)(current.gesture.normalizedY, [-1, 0, 1], [-maxElasticityY, 0, maxElasticityY], "clamp");
+
+      /**
+       * Applies to unfocused screen ( previous screen )
+       */
+      const overlayColor = (0, _reactNativeReanimated.interpolateColor)(progress, [0, 1], ["rgba(0,0,0,0)", "rgba(0,0,0,0.5)"]);
+      return {
+        contentStyle: {
+          transform: [{
+            scale
+          }, {
+            translateX
+          }, {
+            translateY
+          }]
+        },
+        overlayStyle: {
+          backgroundColor: !next ? overlayColor : "rgba(0,0,0,0)"
+        }
+      };
+    },
+    transitionSpec: {
+      open: _specs.DefaultSpec,
+      close: _specs.DefaultSpec
+    },
+    ...config
+  };
+};
+exports.ElasticCard = ElasticCard;
+//# sourceMappingURL=presets.js.map

package/lib/commonjs/configs/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_specs","SlideFromTop","config","enableTransitions","gestureEnabled","gestureDirection","screenStyleInterpolator","current","next","layouts","screen","height","progress","y","interpolate","contentStyle","transform","translateY","transitionSpec","open","DefaultSpec","close","exports","ZoomIn","scale","Extrapolation","CLAMP","opacity","SlideFromBottom","DraggableCard","gesture","normalizedY","translateX","normalizedX","width","ElasticCard","elasticFactor","maxElasticityX","maxElasticityY","overlayColor","interpolateColor","overlayStyle","backgroundColor"],"sourceRoot":"../../../src","sources":["configs/presets.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/configs/specs.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultSpec = void 0;
+const DefaultSpec = exports.DefaultSpec = {
+  stiffness: 1000,
+  damping: 500,
+  mass: 3,
+  overshootClamping: true,
+  restSpeedThreshold: 0.01
+};
+//# sourceMappingURL=specs.js.map

package/lib/commonjs/configs/specs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DefaultSpec","exports","stiffness","damping","mass","overshootClamping","restSpeedThreshold"],"sourceRoot":"../../../src","sources":["configs/specs.ts"],"mappings":";;;;;;AAEO,MAAMA,WAA6B,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAC5CE,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE,GAAG;EACZC,IAAI,EAAE,CAAC;EACPC,iBAAiB,EAAE,IAAI;EACvBC,kBAAkB,EAAE;AACrB,CAAC","ignoreList":[]}

package/lib/commonjs/hooks/animation/use-associated-style.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAssociatedStyles = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _useScreenAnimation2 = require("./use-screen-animation");
+/**
+ * This hook is used to get the associated styles for a given styleId.
+ * It is used to get the associated styles for a given styleId.
+ * It is used to get the associated styles for a given styleId.
+ */
+const useAssociatedStyles = ({
+  id
+} = {}) => {
+  const {
+    screenStyleInterpolator,
+    screenInterpolatorProps
+  } = (0, _useScreenAnimation2._useScreenAnimation)();
+  const associatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    if (!id || !screenStyleInterpolator) {
+      return {};
+    }
+    return screenStyleInterpolator(screenInterpolatorProps.value)[id] || {
+      opacity: 1 // <-- This fixes flickering?? We'll have to deep dive this?? wtf
+    };
+  });
+  return {
+    associatedStyles
+  };
+};
+exports.useAssociatedStyles = useAssociatedStyles;
+//# sourceMappingURL=use-associated-style.js.map

package/lib/commonjs/hooks/animation/use-associated-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_useScreenAnimation2","useAssociatedStyles","id","screenStyleInterpolator","screenInterpolatorProps","_useScreenAnimation","associatedStyles","useAnimatedStyle","value","opacity","exports"],"sourceRoot":"../../../../src","sources":["hooks/animation/use-associated-style.tsx"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,MAAME,mBAAmB,GAAGA,CAAC;EAAEC;AAAoB,CAAC,GAAG,CAAC,CAAC,KAAK;EACpE,MAAM;IAAEC,uBAAuB;IAAEC;EAAwB,CAAC,GACzD,IAAAC,wCAAmB,EAAC,CAAC;EAEtB,MAAMC,gBAAgB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC/C,SAAS;;IAET,IAAI,CAACL,EAAE,IAAI,CAACC,uBAAuB,EAAE;MACpC,OAAO,CAAC,CAAC;IACV;IAEA,OACCA,uBAAuB,CAACC,uBAAuB,CAACI,KAAK,CAAC,CAACN,EAAE,CAAC,IAAI;MAC7DO,OAAO,EAAE,CAAC,CAAE;IACb,CAAC;EAEH,CAAC,CAAC;EAEF,OAAO;IAAEH;EAAiB,CAAC;AAC5B,CAAC;AAACI,OAAA,CAAAT,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/animation/use-screen-animation.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._useScreenAnimation = _useScreenAnimation;
+exports.useScreenAnimation = useScreenAnimation;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _keys = require("../../providers/keys");
+var _animations = require("../../stores/animations");
+var _bounds = require("../../stores/bounds");
+var _gestures = require("../../stores/gestures");
+var _bounds2 = require("../../utils/bounds");
+const FALLBACK = Object.freeze({
+  progress: 0,
+  closing: 0,
+  animating: 0,
+  gesture: {
+    x: 0,
+    y: 0,
+    normalizedX: 0,
+    normalizedY: 0,
+    isDismissing: 0,
+    isDragging: 0
+  },
+  bounds: {},
+  route: {}
+});
+const useBuildScreenTransitionState = descriptor => {
+  const key = descriptor?.route.key;
+  if (!key) return undefined;
+  const progress = _animations.Animations.getAnimation(key, "progress");
+  const closing = _animations.Animations.getAnimation(key, "closing");
+  const animating = _animations.Animations.getAnimation(key, "animating");
+  const gesture = _gestures.Gestures.getRouteGestures(key);
+  const route = descriptor?.route;
+  return {
+    progress,
+    closing,
+    animating,
+    gesture,
+    route
+  };
+};
+const unwrap = (s, key) => {
+  "worklet";
+
+  return s && key ? {
+    progress: s.progress.value ?? 0,
+    closing: s.closing.value ?? 0,
+    animating: s.animating.value ?? 0,
+    gesture: {
+      x: s.gesture.x.value ?? 0,
+      y: s.gesture.y.value ?? 0,
+      normalizedX: s.gesture.normalizedX.value ?? 0,
+      normalizedY: s.gesture.normalizedY.value ?? 0,
+      isDismissing: s.gesture.isDismissing.value ?? 0,
+      isDragging: s.gesture.isDragging.value ?? 0
+    },
+    bounds: _bounds.Bounds.getBounds(key) ?? {},
+    route: s.route
+  } : undefined;
+};
+function _useScreenAnimation() {
+  const {
+    current: currentDescriptor,
+    next: nextDescriptor,
+    previous: previousDescriptor
+  } = (0, _keys.useKeys)();
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const currentAnimation = useBuildScreenTransitionState(currentDescriptor);
+  const nextAnimation = useBuildScreenTransitionState(nextDescriptor);
+  const prevAnimation = useBuildScreenTransitionState(previousDescriptor);
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const screenInterpolatorProps = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    "worklet";
+
+    const previous = unwrap(prevAnimation, previousDescriptor?.route.key);
+    const next = unwrap(nextAnimation, nextDescriptor?.route.key);
+    const current = unwrap(currentAnimation, currentDescriptor?.route.key) ?? FALLBACK;
+    const progress = current.progress + (next?.progress ?? 0);
+    const focused = !next;
+    const activeBoundId = _bounds.Bounds.getActiveBoundId() || "";
+    const bounds = (0, _bounds2.buildBoundsAccessor)({
+      activeBoundId,
+      current,
+      previous,
+      next,
+      progress,
+      dimensions
+    });
+    return {
+      layouts: {
+        screen: dimensions
+      },
+      insets,
+      previous,
+      current,
+      next,
+      focused,
+      activeBoundId,
+      progress,
+      bounds
+    };
+  });
+  const screenStyleInterpolator = nextDescriptor?.options.screenStyleInterpolator || currentDescriptor?.options.screenStyleInterpolator;
+  return {
+    screenInterpolatorProps,
+    screenStyleInterpolator
+  };
+}
+function useScreenAnimation() {
+  const {
+    screenInterpolatorProps
+  } = _useScreenAnimation();
+  return (0, _reactNativeReanimated.useDerivedValue)(() => screenInterpolatorProps.value);
+}
+//# sourceMappingURL=use-screen-animation.js.map

package/lib/commonjs/hooks/animation/use-screen-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_reactNativeSafeAreaContext","_keys","_animations","_bounds","_gestures","_bounds2","FALLBACK","Object","freeze","progress","closing","animating","gesture","x","y","normalizedX","normalizedY","isDismissing","isDragging","bounds","route","useBuildScreenTransitionState","descriptor","key","undefined","Animations","getAnimation","Gestures","getRouteGestures","unwrap","s","value","Bounds","getBounds","_useScreenAnimation","current","currentDescriptor","next","nextDescriptor","previous","previousDescriptor","useKeys","dimensions","useWindowDimensions","currentAnimation","nextAnimation","prevAnimation","insets","useSafeAreaInsets","screenInterpolatorProps","useDerivedValue","focused","activeBoundId","getActiveBoundId","buildBoundsAccessor","layouts","screen","screenStyleInterpolator","options","useScreenAnimation"],"sourceRoot":"../../../../src","sources":["hooks/animation/use-screen-animation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/bounds/use-bound-measurer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoundMeasurer = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _keys = require("../../providers/keys");
+var _bounds = require("../../stores/bounds");
+var _flattenStyles = require("../../utils/bounds/flatten-styles");
+var _useScreenAnimation = require("../animation/use-screen-animation");
+const useBoundMeasurer = ({
+  sharedBoundTag,
+  animatedRef,
+  current,
+  style
+}) => {
+  const {
+    previous
+  } = (0, _keys.useKeys)();
+  const interpolatorProps = (0, _useScreenAnimation.useScreenAnimation)();
+  const hasAlreadyMeasured = (0, _reactNativeReanimated.useSharedValue)(false);
+  const measureAndSet = (0, _react.useCallback)(() => {
+    "worklet";
+
+    if (!sharedBoundTag) return;
+    const measured = (0, _reactNativeReanimated.measure)(animatedRef);
+    if (measured) {
+      _bounds.Bounds.setBounds(current.route.key, sharedBoundTag, measured, (0, _flattenStyles.flattenStyle)(style));
+    }
+  }, [sharedBoundTag, animatedRef, current.route.key, style]);
+  const measureOnLayout = (0, _react.useCallback)(() => {
+    "worklet";
+
+    if (!sharedBoundTag || hasAlreadyMeasured.value) return;
+    const previousRouteKey = previous?.route.key;
+    if (!previousRouteKey) return;
+    const previousBounds = _bounds.Bounds.getBounds(previousRouteKey);
+    const hasPreviousBoundForTag = previousBounds[sharedBoundTag];
+    if (interpolatorProps.value.current.animating && hasPreviousBoundForTag) {
+      measureAndSet();
+      hasAlreadyMeasured.value = true;
+    }
+  }, [measureAndSet, interpolatorProps, sharedBoundTag, previous?.route.key, hasAlreadyMeasured]);
+  return {
+    measureAndSet,
+    measureOnLayout
+  };
+};
+exports.useBoundMeasurer = useBoundMeasurer;
+//# sourceMappingURL=use-bound-measurer.js.map

package/lib/commonjs/hooks/bounds/use-bound-measurer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_keys","_bounds","_flattenStyles","_useScreenAnimation","useBoundMeasurer","sharedBoundTag","animatedRef","current","style","previous","useKeys","interpolatorProps","useScreenAnimation","hasAlreadyMeasured","useSharedValue","measureAndSet","useCallback","measured","measure","Bounds","setBounds","route","key","flattenStyle","measureOnLayout","value","previousRouteKey","previousBounds","getBounds","hasPreviousBoundForTag","animating","exports"],"sourceRoot":"../../../../src","sources":["hooks/bounds/use-bound-measurer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AASO,MAAMM,gBAAgB,GAAGA,CAAC;EAChCC,cAAc;EACdC,WAAW;EACXC,OAAO;EACPC;AACuB,CAAC,KAAK;EAC7B,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EAC9B,MAAMC,iBAAiB,GAAG,IAAAC,sCAAkB,EAAC,CAAC;EAC9C,MAAMC,kBAAkB,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EAEhD,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,SAAS;;IACT,IAAI,CAACX,cAAc,EAAE;IACrB,MAAMY,QAAQ,GAAG,IAAAC,8BAAO,EAACZ,WAAW,CAAC;IACrC,IAAIW,QAAQ,EAAE;MACbE,cAAM,CAACC,SAAS,CACfb,OAAO,CAACc,KAAK,CAACC,GAAG,EACjBjB,cAAc,EACdY,QAAQ,EACR,IAAAM,2BAAY,EAACf,KAAK,CACnB,CAAC;IACF;EACD,CAAC,EAAE,CAACH,cAAc,EAAEC,WAAW,EAAEC,OAAO,CAACc,KAAK,CAACC,GAAG,EAAEd,KAAK,CAAC,CAAC;EAE3D,MAAMgB,eAAe,GAAG,IAAAR,kBAAW,EAAC,MAAM;IACzC,SAAS;;IACT,IAAI,CAACX,cAAc,IAAIQ,kBAAkB,CAACY,KAAK,EAAE;IAEjD,MAAMC,gBAAgB,GAAGjB,QAAQ,EAAEY,KAAK,CAACC,GAAG;IAC5C,IAAI,CAACI,gBAAgB,EAAE;IAEvB,MAAMC,cAAc,GAAGR,cAAM,CAACS,SAAS,CAACF,gBAAgB,CAAC;IACzD,MAAMG,sBAAsB,GAAGF,cAAc,CAACtB,cAAc,CAAC;IAE7D,IAAIM,iBAAiB,CAACc,KAAK,CAAClB,OAAO,CAACuB,SAAS,IAAID,sBAAsB,EAAE;MACxEd,aAAa,CAAC,CAAC;MACfF,kBAAkB,CAACY,KAAK,GAAG,IAAI;IAChC;EACD,CAAC,EAAE,CACFV,aAAa,EACbJ,iBAAiB,EACjBN,cAAc,EACdI,QAAQ,EAAEY,KAAK,CAACC,GAAG,EACnBT,kBAAkB,CAClB,CAAC;EAEF,OAAO;IACNE,aAAa;IACbS;EACD,CAAC;AACF,CAAC;AAACO,OAAA,CAAA3B,gBAAA,GAAAA,gBAAA","ignoreList":[]}