react-native-screen-transitions 1.2.0 → 2.0.1

package/lib/module/utils/animation/run-transition.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { runOnJS } from "react-native-reanimated";
+import { animate } from "./animate";
+export const runTransition = ({
+  target,
+  spec,
+  onFinish,
+  animations
+}) => {
+  "worklet";
+
+  const value = target === "open" ? 1 : 0;
+  const config = target === "open" ? spec?.open : spec?.close;
+  const {
+    progress,
+    animating,
+    closing
+  } = animations;
+  if (target === "close") {
+    closing.value = 1;
+  }
+  if (!config) {
+    animating.value = 0;
+    progress.value = value;
+    if (onFinish) {
+      runOnJS(onFinish)(true);
+    }
+    return;
+  }
+  animating.value = 1;
+  progress.value = animate(value, config, finished => {
+    "worklet";
+
+    if (finished) {
+      animating.value = 0;
+      if (onFinish) {
+        runOnJS(onFinish)(finished);
+      }
+    }
+  });
+};
+//# sourceMappingURL=run-transition.js.map

package/lib/module/utils/animation/run-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["runOnJS","animate","runTransition","target","spec","onFinish","animations","value","config","open","close","progress","animating","closing","finished"],"sourceRoot":"../../../../src","sources":["utils/animation/run-transition.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,yBAAyB;AAGjD,SAASC,OAAO,QAAQ,WAAW;AASnC,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC7BC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACmB,CAAC,KAAK;EACzB,SAAS;;EACT,MAAMC,KAAK,GAAGJ,MAAM,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;EACvC,MAAMK,MAAM,GAAGL,MAAM,KAAK,MAAM,GAAGC,IAAI,EAAEK,IAAI,GAAGL,IAAI,EAAEM,KAAK;EAE3D,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGP,UAAU;EAEnD,IAAIH,MAAM,KAAK,OAAO,EAAE;IACvBU,OAAO,CAACN,KAAK,GAAG,CAAC;EAClB;EAEA,IAAI,CAACC,MAAM,EAAE;IACZI,SAAS,CAACL,KAAK,GAAG,CAAC;IACnBI,QAAQ,CAACJ,KAAK,GAAGA,KAAK;IAEtB,IAAIF,QAAQ,EAAE;MACbL,OAAO,CAACK,QAAQ,CAAC,CAAC,IAAI,CAAC;IACxB;IACA;EACD;EAEAO,SAAS,CAACL,KAAK,GAAG,CAAC;EACnBI,QAAQ,CAACJ,KAAK,GAAGN,OAAO,CAACM,KAAK,EAAEC,MAAM,EAAGM,QAAQ,IAAK;IACrD,SAAS;;IACT,IAAIA,QAAQ,EAAE;MACbF,SAAS,CAACL,KAAK,GAAG,CAAC;MACnB,IAAIF,QAAQ,EAAE;QACbL,OAAO,CAACK,QAAQ,CAAC,CAACS,QAAQ,CAAC;MAC5B;IACD;EACD,CAAC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/utils/bounds/_types/builder.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=builder.js.map

package/lib/module/utils/bounds/_types/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/builder.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/bounds/_types/geometry.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=geometry.js.map

package/lib/module/utils/bounds/_types/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/geometry.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/bounds/_types/get-bounds.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=get-bounds.js.map

package/lib/module/utils/bounds/_types/get-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["utils/bounds/_types/get-bounds.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/bounds/build-bound-styles.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import { interpolate } from "react-native-reanimated";
+import { DEFAULT_BUILDER_OPTIONS, FULLSCREEN_DIMENSIONS } from "./constants";
+import { computeContentTransformGeometry, computeRelativeGeometry } from "./geometry";
+import { composeContentStyle, composeSizeAbsolute, composeSizeRelative, composeTransformAbsolute, composeTransformRelative } from "./style-composers";
+function resolveBounds(props) {
+  "worklet";
+
+  const entering = !props.next;
+  const fullscreen = FULLSCREEN_DIMENSIONS(props.dimensions);
+  const startPhase = entering ? "previous" : "current";
+  const endPhase = entering ? "current" : "next";
+  const resolve = phase => {
+    "worklet";
+
+    if (phase === "previous") return props.previous?.bounds?.[props.id]?.bounds;
+    if (phase === "current") return props.current?.bounds?.[props.id]?.bounds;
+    if (phase === "next") return props.next?.bounds?.[props.id]?.bounds;
+    return null;
+  };
+  const start = resolve(startPhase);
+  let end = resolve(endPhase);
+  if (props.computeOptions.toFullscreen) {
+    end = fullscreen;
+  }
+  return {
+    start,
+    end,
+    entering
+  };
+}
+const computeBoundStyles = ({
+  id,
+  previous,
+  current,
+  next,
+  progress,
+  dimensions
+}, computeOptions = {}) => {
+  "worklet";
+
+  if (!id) return {};
+  const {
+    start,
+    end,
+    entering
+  } = resolveBounds({
+    id,
+    previous,
+    current,
+    next,
+    computeOptions: computeOptions,
+    dimensions
+  });
+  if (!start || !end) return {};
+  const relativeGeometry = computeRelativeGeometry({
+    start,
+    end,
+    entering
+  });
+  const interp = (a, b) => interpolate(progress, relativeGeometry.ranges, [a, b]);
+  const common = {
+    start,
+    end,
+    interp,
+    geometry: relativeGeometry,
+    computeOptions
+  };
+  const isSize = computeOptions.method === "size";
+  const isAbs = !!computeOptions.absolute;
+  if (computeOptions.method === "content") {
+    const contentGeometry = computeContentTransformGeometry({
+      start,
+      end,
+      entering,
+      dimensions,
+      contentScaleMode: computeOptions.contentScaleMode ?? "auto"
+    });
+    return composeContentStyle({
+      ...common,
+      geometry: contentGeometry,
+      computeOptions
+    });
+  }
+  return isSize ? isAbs ? composeSizeAbsolute(common) : composeSizeRelative(common) : isAbs ? composeTransformAbsolute(common) : composeTransformRelative(common);
+};
+export function buildBoundStyles(params) {
+  "worklet";
+
+  const cfg = {
+    options: {
+      ...DEFAULT_BUILDER_OPTIONS
+    }
+  };
+  const builder = () => ({
+    gestures: options => {
+      cfg.options.gestures = options;
+      return builder();
+    },
+    toFullscreen: () => {
+      cfg.options.toFullscreen = true;
+      return builder();
+    },
+    absolute: () => {
+      cfg.options.absolute = true;
+      cfg.options.relative = false;
+      return builder();
+    },
+    relative: () => {
+      cfg.options.relative = true;
+      cfg.options.absolute = false;
+      return builder();
+    },
+    transform: () => {
+      cfg.options.method = "transform";
+      return builder();
+    },
+    size: () => {
+      cfg.options.method = "size";
+      return builder();
+    },
+    content: () => {
+      cfg.options.method = "content";
+      return builder();
+    },
+    contentFill: () => {
+      cfg.options.contentScaleMode = "aspectFill";
+      return builder();
+    },
+    contentFit: () => {
+      cfg.options.contentScaleMode = "aspectFit";
+      return builder();
+    },
+    build: () => {
+      return computeBoundStyles(params, cfg.options);
+    }
+  });
+  return builder();
+}
+//# sourceMappingURL=build-bound-styles.js.map

package/lib/module/utils/bounds/build-bound-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["interpolate","DEFAULT_BUILDER_OPTIONS","FULLSCREEN_DIMENSIONS","computeContentTransformGeometry","computeRelativeGeometry","composeContentStyle","composeSizeAbsolute","composeSizeRelative","composeTransformAbsolute","composeTransformRelative","resolveBounds","props","entering","next","fullscreen","dimensions","startPhase","endPhase","resolve","phase","previous","bounds","id","current","start","end","computeOptions","toFullscreen","computeBoundStyles","progress","relativeGeometry","interp","a","b","ranges","common","geometry","isSize","method","isAbs","absolute","contentGeometry","contentScaleMode","buildBoundStyles","params","cfg","options","builder","gestures","relative","transform","size","content","contentFill","contentFit","build"],"sourceRoot":"../../../../src","sources":["utils/bounds/build-bound-styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/bounds/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+
+export const FULLSCREEN_DIMENSIONS = dimensions => {
+  "worklet";
+
+  return {
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0,
+    width: dimensions.width,
+    height: dimensions.height
+  };
+};
+export const DEFAULT_BUILDER_OPTIONS = Object.freeze({
+  gestures: {
+    x: 0,
+    y: 0
+  },
+  toFullscreen: false,
+  absolute: false,
+  relative: true,
+  method: "transform",
+  contentScaleMode: "auto"
+});
+//# sourceMappingURL=constants.js.map

package/lib/module/utils/bounds/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FULLSCREEN_DIMENSIONS","dimensions","x","y","pageX","pageY","width","height","DEFAULT_BUILDER_OPTIONS","Object","freeze","gestures","toFullscreen","absolute","relative","method","contentScaleMode"],"sourceRoot":"../../../../src","sources":["utils/bounds/constants.ts"],"mappings":";;AAKA,OAAO,MAAMA,qBAAqB,GACjCC,UAAsB,IACE;EACxB,SAAS;;EACT,OAAO;IACNC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAEL,UAAU,CAACK,KAAK;IACvBC,MAAM,EAAEN,UAAU,CAACM;EACpB,CAAC;AACF,CAAC;AAED,OAAO,MAAMC,uBAAuD,GACnEC,MAAM,CAACC,MAAM,CAAC;EACbC,QAAQ,EAAE;IAAET,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACxBS,YAAY,EAAE,KAAK;EACnBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,WAAW;EACnBC,gBAAgB,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}

package/lib/module/utils/bounds/flatten-styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+export function flattenStyle(style) {
+  "worklet";
+
+  if (style === null || typeof style !== "object") {
+    return style;
+  }
+  if (!Array.isArray(style)) {
+    return style;
+  }
+  const result = {};
+  for (let i = 0, styleLength = style.length; i < styleLength; ++i) {
+    const computedStyle = flattenStyle(style[i]);
+    if (computedStyle) {
+      for (const key in computedStyle) {
+        result[key] = computedStyle[key];
+      }
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=flatten-styles.js.map

package/lib/module/utils/bounds/flatten-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flattenStyle","style","Array","isArray","result","i","styleLength","length","computedStyle","key"],"sourceRoot":"../../../../src","sources":["utils/bounds/flatten-styles.ts"],"mappings":";;AAAA,OAAO,SAASA,YAAYA,CAAaC,KAAiB,EAAc;EACvE,SAAS;;EACT,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAChD,OAAOA,KAAK;EACb;EAEA,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IAC1B,OAAOA,KAAK;EACb;EAEA,MAAMG,MAAqC,GAAG,CAAC,CAAC;EAChD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEC,WAAW,GAAGL,KAAK,CAACM,MAAM,EAAEF,CAAC,GAAGC,WAAW,EAAE,EAAED,CAAC,EAAE;IACjE,MAAMG,aAAa,GAAGR,YAAY,CAACC,KAAK,CAACI,CAAC,CAAC,CAAC;IAC5C,IAAIG,aAAa,EAAE;MAClB,KAAK,MAAMC,GAAG,IAAID,aAAa,EAAE;QAChCJ,MAAM,CAACK,GAAG,CAAC,GAAGD,aAAa,CAACC,GAAG,CAAC;MACjC;IACD;EACD;EACA,OAAOL,MAAM;AACd","ignoreList":[]}

package/lib/module/utils/bounds/geometry.js

@@ -0,0 +1,89 @@
+"use strict";
+
+/**
+ * Relative geometry between start/end bounds.
+ */
+export function computeRelativeGeometry({
+  start,
+  end,
+  entering
+}) {
+  "worklet";
+
+  const startCenterX = start.pageX + start.width / 2;
+  const startCenterY = start.pageY + start.height / 2;
+  const endCenterX = end.pageX + end.width / 2;
+  const endCenterY = end.pageY + end.height / 2;
+  const dx = startCenterX - endCenterX;
+  const dy = startCenterY - endCenterY;
+  const scaleX = start.width / end.width;
+  const scaleY = start.height / end.height;
+  const ranges = entering ? [0, 1] : [1, 2];
+  return {
+    dx,
+    dy,
+    scaleX,
+    scaleY,
+    ranges,
+    entering
+  };
+}
+/**
+ * Computes the transform to apply to the entire destination screen so that
+ * its bound (end) matches the source bound (start) at progress start.
+ */
+export function computeContentTransformGeometry({
+  start,
+  end,
+  entering,
+  dimensions,
+  contentScaleMode
+}) {
+  "worklet";
+
+  const parent = {
+    x: 0,
+    y: 0,
+    width: dimensions.width,
+    height: dimensions.height
+  };
+  const startCenterX = start.pageX + start.width / 2;
+  const startCenterY = start.pageY + start.height / 2;
+  const childCenterX = end.pageX + end.width / 2;
+  const childCenterY = end.pageY + end.height / 2;
+  const parentCenterX = parent.x + parent.width / 2;
+  const parentCenterY = parent.y + parent.height / 2;
+  const safe = v => v === 0 ? 1e-6 : v;
+  const sx = safe(start.width) / safe(end.width);
+  const sy = safe(start.height) / safe(end.height);
+  let s;
+  if (contentScaleMode === "aspectFit") {
+    s = Math.min(sx, sy);
+  } else if (contentScaleMode === "aspectFill") {
+    s = Math.max(sx, sy);
+  } else {
+    const startAspect = start.width / start.height;
+    const endAspect = end.width / end.height;
+    const aspectDifference = Math.abs(startAspect - endAspect);
+    if (aspectDifference < 0.1) {
+      s = Math.max(sx, sy);
+    } else {
+      s = Math.min(sx, sy);
+    }
+  }
+  const offsetX = startCenterX - parentCenterX;
+  const offsetY = startCenterY - parentCenterY;
+  const centerOffsetX = (parentCenterX - childCenterX) * s;
+  const centerOffsetY = (parentCenterY - childCenterY) * s;
+  const tx = offsetX + centerOffsetX;
+  const ty = offsetY + centerOffsetY;
+  const ranges = entering ? [0, 1] : [1, 2];
+  return {
+    tx,
+    ty,
+    s,
+    ranges,
+    entering
+  };
+}
+//# sourceMappingURL=geometry.js.map

package/lib/module/utils/bounds/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeRelativeGeometry","start","end","entering","startCenterX","pageX","width","startCenterY","pageY","height","endCenterX","endCenterY","dx","dy","scaleX","scaleY","ranges","computeContentTransformGeometry","dimensions","contentScaleMode","parent","x","y","childCenterX","childCenterY","parentCenterX","parentCenterY","safe","v","sx","sy","s","Math","min","max","startAspect","endAspect","aspectDifference","abs","offsetX","offsetY","centerOffsetX","centerOffsetY","tx","ty"],"sourceRoot":"../../../../src","sources":["utils/bounds/geometry.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/bounds/get-bounds.js

@@ -0,0 +1,46 @@
+"use strict";
+
+const fallbackBounds = {
+  bounds: {
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    pageX: 0,
+    pageY: 0
+  },
+  styles: {}
+};
+export const getBounds = props => {
+  "worklet";
+
+  const boundId = props.id;
+  const phase = props.phase;
+  if (phase && boundId) {
+    let phaseBounds = null;
+    if (phase === "current") {
+      phaseBounds = props.current?.bounds[boundId];
+    } else if (phase === "next") {
+      phaseBounds = props.next?.bounds[boundId];
+    } else {
+      phaseBounds = props.previous?.bounds[boundId];
+    }
+    if (!phaseBounds) {
+      return fallbackBounds;
+    }
+    return {
+      bounds: phaseBounds.bounds,
+      styles: phaseBounds?.styles
+    };
+  }
+  if (!props.next && boundId) {
+    const previousBounds = props.previous?.bounds[boundId];
+    return previousBounds || fallbackBounds;
+  }
+  if (boundId) {
+    const nextBounds = props.next?.bounds[boundId];
+    return nextBounds || fallbackBounds;
+  }
+  return fallbackBounds;
+};
+//# sourceMappingURL=get-bounds.js.map

package/lib/module/utils/bounds/get-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fallbackBounds","bounds","width","height","x","y","pageX","pageY","styles","getBounds","props","boundId","id","phase","phaseBounds","current","next","previous","previousBounds","nextBounds"],"sourceRoot":"../../../../src","sources":["utils/bounds/get-bounds.ts"],"mappings":";;AAIA,MAAMA,cAAc,GAAG;EACtBC,MAAM,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE;EACR,CAAC;EACDC,MAAM,EAAE,CAAC;AACV,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIC,KAAsB,IAAiB;EAChE,SAAS;;EACT,MAAMC,OAAO,GAAGD,KAAK,CAACE,EAAE;EACxB,MAAMC,KAAK,GAAGH,KAAK,CAACG,KAAK;EAEzB,IAAIA,KAAK,IAAIF,OAAO,EAAE;IACrB,IAAIG,WAAW,GAAG,IAAI;IAEtB,IAAID,KAAK,KAAK,SAAS,EAAE;MACxBC,WAAW,GAAGJ,KAAK,CAACK,OAAO,EAAEd,MAAM,CAACU,OAAO,CAAC;IAC7C,CAAC,MAAM,IAAIE,KAAK,KAAK,MAAM,EAAE;MAC5BC,WAAW,GAAGJ,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAC1C,CAAC,MAAM;MACNG,WAAW,GAAGJ,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAC9C;IAEA,IAAI,CAACG,WAAW,EAAE;MACjB,OAAOd,cAAc;IACtB;IAEA,OAAO;MACNC,MAAM,EAAEa,WAAW,CAACb,MAAM;MAC1BO,MAAM,EAAEM,WAAW,EAAEN;IACtB,CAAC;EACF;EAEA,IAAI,CAACE,KAAK,CAACM,IAAI,IAAIL,OAAO,EAAE;IAC3B,MAAMO,cAAc,GAAGR,KAAK,CAACO,QAAQ,EAAEhB,MAAM,CAACU,OAAO,CAAC;IAEtD,OAAOO,cAAc,IAAIlB,cAAc;EACxC;EAEA,IAAIW,OAAO,EAAE;IACZ,MAAMQ,UAAU,GAAGT,KAAK,CAACM,IAAI,EAAEf,MAAM,CAACU,OAAO,CAAC;IAE9C,OAAOQ,UAAU,IAAInB,cAAc;EACpC;EAEA,OAAOA,cAAc;AACtB,CAAC","ignoreList":[]}

package/lib/module/utils/bounds/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { buildBoundStyles } from "./build-bound-styles";
+import { getBounds } from "./get-bounds";
+export const buildBoundsAccessor = ({
+  activeBoundId,
+  current,
+  previous,
+  next,
+  progress,
+  dimensions
+}) => {
+  "worklet";
+
+  const bounds = id => buildBoundStyles({
+    id: id ?? activeBoundId,
+    previous,
+    current,
+    next,
+    progress,
+    dimensions
+  });
+  return Object.assign(bounds, {
+    get: (id, phase) => getBounds({
+      id: id ?? activeBoundId,
+      phase,
+      current,
+      previous,
+      next
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/lib/module/utils/bounds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildBoundStyles","getBounds","buildBoundsAccessor","activeBoundId","current","previous","next","progress","dimensions","bounds","id","Object","assign","get","phase"],"sourceRoot":"../../../../src","sources":["utils/bounds/index.ts"],"mappings":";;AAGA,SAASA,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,SAAS,QAAQ,cAAc;AAWxC,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EACnCC,aAAa;EACbC,OAAO;EACPC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC;AAC0B,CAAC,KAAK;EAChC,SAAS;;EAET,MAAMC,MAAM,GAAIC,EAAW,IAC1BV,gBAAgB,CAAC;IAChBU,EAAE,EAAEA,EAAE,IAAIP,aAAa;IACvBE,QAAQ;IACRD,OAAO;IACPE,IAAI;IACJC,QAAQ;IACRC;EACD,CAAC,CAAC;EAEH,OAAOG,MAAM,CAACC,MAAM,CAACH,MAAM,EAAE;IAC5BI,GAAG,EAAEA,CAACH,EAAW,EAAEI,KAAmB,KACrCb,SAAS,CAAC;MACTS,EAAE,EAAEA,EAAE,IAAIP,aAAa;MACvBW,KAAK;MACLV,OAAO;MACPC,QAAQ;MACRC;IACD,CAAC;EACH,CAAC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/utils/bounds/style-composers.js

@@ -0,0 +1,191 @@
+"use strict";
+
+/**
+ * Common interpolation helper signature used by composers.
+ * It maps from a -> b over the already-determined progress range.
+ */
+
+/**
+ * Element-level (relative) params shared by size/transform composers.
+ * - start/end: absolute window bounds of the element in previous/next phases
+ * - geometry: relative deltas and scales between start/end (dx, dy, scaleX, scaleY, ...)
+ * - interp: function to interpolate between numbers using the correct progress range
+ */
+
+/**
+ * Screen-level content transform params (for aligning destination bound to source).
+ * - start/end: absolute window bounds for the shared id (source/destination)
+ * - geometry: precomputed screen-level tx/ty/sx/sy plus ranges/entering
+ * - interp: function to interpolate between numbers using the correct progress range
+ */
+
+export function composeSizeAbsolute(params) {
+  "worklet";
+
+  const {
+    start,
+    end,
+    geometry,
+    interp
+  } = params;
+  if (geometry.entering) {
+    return {
+      width: interp(start.width, end.width),
+      height: interp(start.height, end.height),
+      transform: [{
+        translateX: interp(start.pageX, end.pageX)
+      }, {
+        translateY: interp(start.pageY, end.pageY)
+      }]
+    };
+  }
+  return {
+    width: interp(end.width, start.width),
+    height: interp(end.height, start.height),
+    transform: [{
+      translateX: interp(end.pageX, start.pageX)
+    }, {
+      translateY: interp(end.pageY, start.pageY)
+    }]
+  };
+}
+export function composeSizeRelative(params) {
+  "worklet";
+
+  const {
+    start,
+    end,
+    geometry,
+    interp
+  } = params;
+  if (geometry.entering) {
+    return {
+      transform: [{
+        translateX: interp(geometry.dx, 0)
+      }, {
+        translateY: interp(geometry.dy, 0)
+      }],
+      width: interp(start.width, end.width),
+      height: interp(start.height, end.height)
+    };
+  }
+  return {
+    transform: [{
+      translateX: interp(0, -geometry.dx)
+    }, {
+      translateY: interp(0, -geometry.dy)
+    }],
+    width: interp(end.width, start.width),
+    height: interp(end.height, start.height)
+  };
+}
+export function composeTransformAbsolute(params) {
+  "worklet";
+
+  const {
+    start,
+    end,
+    geometry,
+    interp
+  } = params;
+  if (geometry.entering) {
+    return {
+      transform: [{
+        translateX: interp(start.pageX, end.pageX)
+      }, {
+        translateY: interp(start.pageY, end.pageY)
+      }, {
+        scaleX: interp(geometry.scaleX, 1)
+      }, {
+        scaleY: interp(geometry.scaleY, 1)
+      }]
+    };
+  }
+  return {
+    transform: [{
+      translateX: interp(end.pageX, start.pageX)
+    }, {
+      translateY: interp(end.pageY, start.pageY)
+    }, {
+      scaleX: interp(1, 1 / geometry.scaleX)
+    }, {
+      scaleY: interp(1, 1 / geometry.scaleY)
+    }]
+  };
+}
+export function composeTransformRelative(params) {
+  "worklet";
+
+  const {
+    geometry,
+    computeOptions,
+    interp
+  } = params;
+  if (geometry.entering) {
+    return {
+      transform: [{
+        translateX: computeOptions.gestures?.x ?? 0
+      }, {
+        translateY: computeOptions.gestures?.y ?? 0
+      }, {
+        translateX: interp(geometry.dx, 0)
+      }, {
+        translateY: interp(geometry.dy, 0)
+      }, {
+        scaleX: interp(geometry.scaleX, 1)
+      }, {
+        scaleY: interp(geometry.scaleY, 1)
+      }]
+    };
+  }
+  return {
+    transform: [{
+      translateX: computeOptions.gestures?.x ?? 0
+    }, {
+      translateY: computeOptions.gestures?.y ?? 0
+    }, {
+      translateX: interp(0, -geometry.dx)
+    }, {
+      translateY: interp(0, -geometry.dy)
+    }, {
+      scaleX: interp(1, 1 / geometry.scaleX)
+    }, {
+      scaleY: interp(1, 1 / geometry.scaleY)
+    }]
+  };
+}
+export function composeContentStyle(params) {
+  "worklet";
+
+  const {
+    geometry,
+    interp
+  } = params;
+  const {
+    s,
+    tx,
+    ty,
+    entering
+  } = geometry;
+  if (entering) {
+    return {
+      transform: [{
+        translateX: interp(tx, 0)
+      }, {
+        translateY: interp(ty, 0)
+      }, {
+        scale: interp(s, 1)
+      }]
+    };
+  }
+  return {
+    transform: [{
+      translateX: interp(0, tx)
+    }, {
+      translateY: interp(0, ty)
+    }, {
+      scale: interp(1, s)
+    }]
+  };
+}
+//# sourceMappingURL=style-composers.js.map