npm - react-native-reanimated - Versions diffs - 3.6.0 → 3.6.2 - Mend

react-native-reanimated 3.6.0 → 3.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (263) hide show

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.js CHANGED Viewed

@@ -5,6 +5,14 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { withSequence, withTiming } from '../../animation';
 import { BaseAnimationBuilder } from '../animationBuilder';
+/**
+ * Fades out components from one position and shows them in another. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.
+ *
+ * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
+ *
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#fading-transition
+ */
 export class FadingTransition extends BaseAnimationBuilder {
   constructor() {
     super(...arguments);

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","BaseAnimationBuilder","FadingTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","values","initialValues","opacity","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance"],"sources":["FadingTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\nexport class FadingTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new FadingTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const duration = this.durationV ?? 500;\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n opacity: 1,\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n opacity: delayFunction(\n delay,\n withSequence(\n withTiming(0, { duration: duration }),\n withTiming(1, { duration: duration })\n )\n ),\n originX: delayFunction(\n delay + duration,\n withTiming(values.targetOriginX, { duration: 50 })\n ),\n originY: delayFunction(\n delay + duration,\n withTiming(values.targetOriginY, { duration: 50 })\n ),\n width: delayFunction(\n delay + duration,\n withTiming(values.targetWidth, { duration: 50 })\n ),\n height: delayFunction(\n delay + duration,\n withTiming(values.targetHeight, { duration: 50 })\n ),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AACb,SAASU,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAK1D,SAASC,oBAAoB,QAAQ,qBAAqB;~~AAE1D~~,OAAO,MAAMC,gBAAgB,SACnBD,oBAAoB,CAE9B;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAA5B,eAAA,gBAOU,MAA+B;MACrC,MAAM6B,aAAa,GAAG,IAAI,CAACC,gBAAgB,EAAE;MAC7C,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,EAAE;MAC7B,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,IAAI,GAAG;MAEtC,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAE,CAAC;YACVC,OAAO,EAAEH,MAAM,CAACI,cAAc;YAC9BC,OAAO,EAAEL,MAAM,CAACM,cAAc;YAC9BC,KAAK,EAAEP,MAAM,CAACQ,YAAY;YAC1BC,MAAM,EAAET,MAAM,CAACU;UACjB,CAAC;UACDC,UAAU,EAAE;YACVT,OAAO,EAAEV,aAAa,CACpBI,KAAK,EACLV,YAAY,CACVC,UAAU,CAAC,CAAC,EAAE;cAAEW,QAAQ,EAAEA;YAAS,CAAC,CAAC,EACrCX,UAAU,CAAC,CAAC,EAAE;cAAEW,QAAQ,EAAEA;YAAS,CAAC,CAAC,CACtC,CACF;YACDK,OAAO,EAAEX,aAAa,CACpBI,KAAK,GAAGE,QAAQ,EAChBX,UAAU,CAACa,MAAM,CAACY,aAAa,EAAE;cAAEd,QAAQ,EAAE;YAAG,CAAC,CAAC,CACnD;YACDO,OAAO,EAAEb,aAAa,CACpBI,KAAK,GAAGE,QAAQ,EAChBX,UAAU,CAACa,MAAM,CAACa,aAAa,EAAE;cAAEf,QAAQ,EAAE;YAAG,CAAC,CAAC,CACnD;YACDS,KAAK,EAAEf,aAAa,CAClBI,KAAK,GAAGE,QAAQ,EAChBX,UAAU,CAACa,MAAM,CAACc,WAAW,EAAE;cAAEhB,QAAQ,EAAE;YAAG,CAAC,CAAC,CACjD;YACDW,MAAM,EAAEjB,aAAa,CACnBI,KAAK,GAAGE,QAAQ,EAChBX,UAAU,CAACa,MAAM,CAACe,YAAY,EAAE;cAAEjB,QAAQ,EAAE;YAAG,CAAC,CAAC;UAErD,CAAC;UACDJ,QAAQ,EAAEA;QACZ,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EAlDD,OAAOsB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI3B,gBAAgB,EAAE;EAC/B;AA+CF"}
1	+ {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","BaseAnimationBuilder","FadingTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","values","initialValues","opacity","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance"],"sources":["FadingTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/*\n Fades out components from one position and shows them in another. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.\n \n You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n \n @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#fading-transition\n */\nexport class FadingTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new FadingTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const duration = this.durationV ?? 500;\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n opacity: 1,\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n opacity: delayFunction(\n delay,\n withSequence(\n withTiming(0, { duration: duration }),\n withTiming(1, { duration: duration })\n )\n ),\n originX: delayFunction(\n delay + duration,\n withTiming(values.targetOriginX, { duration: 50 })\n ),\n originY: delayFunction(\n delay + duration,\n withTiming(values.targetOriginY, { duration: 50 })\n ),\n width: delayFunction(\n delay + duration,\n withTiming(values.targetWidth, { duration: 50 })\n ),\n height: delayFunction(\n delay + duration,\n withTiming(values.targetHeight, { duration: 50 })\n ),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.js CHANGED Viewed

@@ -6,6 +6,14 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { withSequence, withTiming } from '../../animation';
 import { Easing } from '../../Easing';
 import { BaseAnimationBuilder } from '../animationBuilder';
+/**
+ * Layout jumps - quite literally - from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
+ *
+ * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
+ *
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#jumping-transition
+ */
 export class JumpingTransition extends BaseAnimationBuilder {
   constructor() {
     super(...arguments);

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","Easing","BaseAnimationBuilder","JumpingTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","config","values","d","Math","max","abs","targetOriginX","currentOriginX","targetOriginY","currentOriginY","initialValues","originX","originY","width","currentWidth","height","currentHeight","animations","min","easing","out","exp","bounce","targetWidth","targetHeight","createInstance"],"sources":["JumpingTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { withSequence, withTiming } from '../../animation';\nimport { Easing } from '../../Easing';\nimport { BaseAnimationBuilder } from '../animationBuilder';\nexport class JumpingTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new JumpingTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const duration = (this.durationV ?? 300) / 2;\n const config = { duration: duration * 2 };\n\n return (values) => {\n 'worklet';\n const d = Math.max(\n Math.abs(values.targetOriginX - values.currentOriginX),\n Math.abs(values.targetOriginY - values.currentOriginY)\n );\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n withTiming(values.targetOriginX, config)\n ),\n originY: delayFunction(\n delay,\n withSequence(\n withTiming(\n Math.min(values.targetOriginY, values.currentOriginY) - d,\n {\n duration,\n easing: Easing.out(Easing.exp),\n }\n ),\n withTiming(values.targetOriginY, {\n ...config,\n duration,\n easing: Easing.bounce,\n })\n )\n ),\n width: delayFunction(delay, withTiming(values.targetWidth, config)),\n height: delayFunction(delay, withTiming(values.targetHeight, config)),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAKb,SAASU,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,oBAAoB,QAAQ,qBAAqB;~~AAC1D~~,OAAO,MAAMC,iBAAiB,SACpBD,oBAAoB,CAE9B;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAA7B,eAAA,gBAOU,MAA+B;MACrC,MAAM8B,aAAa,GAAG,IAAI,CAACC,gBAAgB,EAAE;MAC7C,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,EAAE;MAC7B,MAAMC,QAAQ,GAAG,CAAC,IAAI,CAACC,SAAS,IAAI,GAAG,IAAI,CAAC;MAC5C,MAAMC,MAAM,GAAG;QAAEF,QAAQ,EAAEA,QAAQ,GAAG;MAAE,CAAC;MAEzC,OAAQG,MAAM,IAAK;QACjB,SAAS;;QACT,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAChBD,IAAI,CAACE,GAAG,CAACJ,MAAM,CAACK,aAAa,GAAGL,MAAM,CAACM,cAAc,CAAC,EACtDJ,IAAI,CAACE,GAAG,CAACJ,MAAM,CAACO,aAAa,GAAGP,MAAM,CAACQ,cAAc,CAAC,CACvD;QACD,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEV,MAAM,CAACM,cAAc;YAC9BK,OAAO,EAAEX,MAAM,CAACQ,cAAc;YAC9BI,KAAK,EAAEZ,MAAM,CAACa,YAAY;YAC1BC,MAAM,EAAEd,MAAM,CAACe;UACjB,CAAC;UACDC,UAAU,EAAE;YACVN,OAAO,EAAEnB,aAAa,CACpBI,KAAK,EACLV,UAAU,CAACe,MAAM,CAACK,aAAa,EAAEN,MAAM,CAAC,CACzC;YACDY,OAAO,EAAEpB,aAAa,CACpBI,KAAK,EACLX,YAAY,CACVC,UAAU,CACRiB,IAAI,CAACe,GAAG,CAACjB,MAAM,CAACO,aAAa,EAAEP,MAAM,CAACQ,cAAc,CAAC,GAAGP,CAAC,EACzD;cACEJ,QAAQ;cACRqB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,GAAG;YAC/B,CAAC,CACF,EACDnC,UAAU,CAACe,MAAM,CAACO,aAAa,EAAE;cAC/B,GAAGR,MAAM;cACTF,QAAQ;cACRqB,MAAM,EAAEhC,MAAM,CAACmC;YACjB,CAAC,CAAC,CACH,CACF;YACDT,KAAK,EAAErB,aAAa,CAACI,KAAK,EAAEV,UAAU,CAACe,MAAM,CAACsB,WAAW,EAAEvB,MAAM,CAAC,CAAC;YACnEe,MAAM,EAAEvB,aAAa,CAACI,KAAK,EAAEV,UAAU,CAACe,MAAM,CAACuB,YAAY,EAAExB,MAAM,CAAC;UACtE,CAAC;UACDN,QAAQ,EAAEA;QACZ,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EAtDD,OAAO+B,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAIpC,iBAAiB,EAAE;EAChC;AAmDF"}
1	+ {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","Easing","BaseAnimationBuilder","JumpingTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","config","values","d","Math","max","abs","targetOriginX","currentOriginX","targetOriginY","currentOriginY","initialValues","originX","originY","width","currentWidth","height","currentHeight","animations","min","easing","out","exp","bounce","targetWidth","targetHeight","createInstance"],"sources":["JumpingTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { withSequence, withTiming } from '../../animation';\nimport { Easing } from '../../Easing';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/*\n Layout jumps - quite literally - from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n \n You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n \n @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#jumping-transition\n /\nexport class JumpingTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new JumpingTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const duration = (this.durationV ?? 300) / 2;\n const config = { duration: duration 2 };\n\n return (values) => {\n 'worklet';\n const d = Math.max(\n Math.abs(values.targetOriginX - values.currentOriginX),\n Math.abs(values.targetOriginY - values.currentOriginY)\n );\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n withTiming(values.targetOriginX, config)\n ),\n originY: delayFunction(\n delay,\n withSequence(\n withTiming(\n Math.min(values.targetOriginY, values.currentOriginY) - d,\n {\n duration,\n easing: Easing.out(Easing.exp),\n }\n ),\n withTiming(values.targetOriginY, {\n ...config,\n duration,\n easing: Easing.bounce,\n })\n )\n ),\n width: delayFunction(delay, withTiming(values.targetWidth, config)),\n height: delayFunction(delay, withTiming(values.targetHeight, config)),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.js CHANGED Viewed

@@ -4,6 +4,13 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { ComplexAnimationBuilder } from '../animationBuilder';
+/**
+ * Linearly transforms the layout from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
+ *
+ * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
+ *
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#linear-transition
+ */
 export class LinearTransition extends ComplexAnimationBuilder {
   constructor() {
     super(...arguments);
@@ -38,8 +45,8 @@ export class LinearTransition extends ComplexAnimationBuilder {
   }
 }
-// This export is unofficially deprecated because it's
-// name makes little sense - should be something among the lines of
-// `DefaultLayoutTransition` but it's so long!
+/**
+ * @deprecated Please use {@link LinearTransition} instead.
+ */
 export const Layout = LinearTransition;
 //# sourceMappingURL=LinearTransition.js.map

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","ComplexAnimationBuilder","LinearTransition","constructor","arguments","delayFunction","getDelayFunction","animation","config","getAnimationAndConfig","callback","callbackV","delay","getDelay","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","Layout"],"sources":["LinearTransition.ts"],"sourcesContent":["'use strict';\nimport type { BaseAnimationBuilder } from '../animationBuilder';\nimport { ComplexAnimationBuilder } from '../animationBuilder';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\n\nexport class LinearTransition\n extends ComplexAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new LinearTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const [animation, config] = this.getAnimationAndConfig();\n const callback = this.callbackV;\n const delay = this.getDelay();\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n animation(values.targetOriginX, config)\n ),\n originY: delayFunction(\n delay,\n animation(values.targetOriginY, config)\n ),\n width: delayFunction(delay, animation(values.targetWidth, config)),\n height: delayFunction(delay, animation(values.targetHeight, config)),\n },\n callback: callback,\n };\n };\n };\n}\n\n// ~~This~~ ~~export is unofficially~~ deprecated ~~because~~ ~~it's\n//~~ ~~name~~ ~~makes~~ ~~little sense - should be something among the lines of\~~n// ~~`DefaultLayoutTransition` but it's so long!\~~nexport const Layout = LinearTransition;\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAEb,SAASU,uBAAuB,QAAQ,qBAAqB;AAM7D,OAAO,MAAMC,gBAAgB,SACnBD,uBAAuB,CAEjC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAA1B,eAAA,gBAOU,MAA+B;MACrC,MAAM2B,aAAa,GAAG,IAAI,CAACC,gBAAgB,EAAE;MAC7C,MAAM,CAACC,SAAS,EAAEC,MAAM,CAAC,GAAG,IAAI,CAACC,qBAAqB,EAAE;MACxD,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,EAAE;MAE7B,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEF,MAAM,CAACG,cAAc;YAC9BC,OAAO,EAAEJ,MAAM,CAACK,cAAc;YAC9BC,KAAK,EAAEN,MAAM,CAACO,YAAY;YAC1BC,MAAM,EAAER,MAAM,CAACS;UACjB,CAAC;UACDC,UAAU,EAAE;YACVR,OAAO,EAAEX,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACW,aAAa,EAAEjB,MAAM,CAAC,CACxC;YACDU,OAAO,EAAEb,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACY,aAAa,EAAElB,MAAM,CAAC,CACxC;YACDY,KAAK,EAAEf,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACa,WAAW,EAAEnB,MAAM,CAAC,CAAC;YAClEc,MAAM,EAAEjB,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACc,YAAY,EAAEpB,MAAM,CAAC;UACrE,CAAC;UACDE,QAAQ,EAAEA;QACZ,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EApCD,OAAOmB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI3B,gBAAgB,EAAE;EAC/B;AAiCF;;AAEA;AACA;AACA;AACA,OAAO,MAAM4B,MAAM,GAAG5B,gBAAgB"}
1	+ {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","ComplexAnimationBuilder","LinearTransition","constructor","arguments","delayFunction","getDelayFunction","animation","config","getAnimationAndConfig","callback","callbackV","delay","getDelay","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","Layout"],"sources":["LinearTransition.ts"],"sourcesContent":["'use strict';\nimport type { BaseAnimationBuilder } from '../animationBuilder';\nimport { ComplexAnimationBuilder } from '../animationBuilder';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\n\n/*\n Linearly transforms the layout from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n \n You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n \n @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#linear-transition\n /\nexport class LinearTransition\n extends ComplexAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new LinearTransition() as InstanceType<T>;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const [animation, config] = this.getAnimationAndConfig();\n const callback = this.callbackV;\n const delay = this.getDelay();\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n animation(values.targetOriginX, config)\n ),\n originY: delayFunction(\n delay,\n animation(values.targetOriginY, config)\n ),\n width: delayFunction(delay, animation(values.targetWidth, config)),\n height: delayFunction(delay, animation(values.targetHeight, config)),\n },\n callback: callback,\n };\n };\n };\n}\n\n/\n @deprecated Please use {@link LinearTransition} instead.\n */\nexport const Layout = LinearTransition;\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAEb,SAASU,uBAAuB,QAAQ,qBAAqB;AAM7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SACnBD,uBAAuB,CAEjC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAA1B,eAAA,gBAOU,MAA+B;MACrC,MAAM2B,aAAa,GAAG,IAAI,CAACC,gBAAgB,EAAE;MAC7C,MAAM,CAACC,SAAS,EAAEC,MAAM,CAAC,GAAG,IAAI,CAACC,qBAAqB,EAAE;MACxD,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,EAAE;MAE7B,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEF,MAAM,CAACG,cAAc;YAC9BC,OAAO,EAAEJ,MAAM,CAACK,cAAc;YAC9BC,KAAK,EAAEN,MAAM,CAACO,YAAY;YAC1BC,MAAM,EAAER,MAAM,CAACS;UACjB,CAAC;UACDC,UAAU,EAAE;YACVR,OAAO,EAAEX,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACW,aAAa,EAAEjB,MAAM,CAAC,CACxC;YACDU,OAAO,EAAEb,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACY,aAAa,EAAElB,MAAM,CAAC,CACxC;YACDY,KAAK,EAAEf,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACa,WAAW,EAAEnB,MAAM,CAAC,CAAC;YAClEc,MAAM,EAAEjB,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACc,YAAY,EAAEpB,MAAM,CAAC;UACrE,CAAC;UACDE,QAAQ,EAAEA;QACZ,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EApCD,OAAOmB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI3B,gBAAgB,EAAE;EAC/B;AAiCF;;AAEA;AACA;AACA;AACA,OAAO,MAAM4B,MAAM,GAAG5B,gBAAgB"}

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.js CHANGED Viewed

@@ -5,6 +5,14 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { withSequence, withTiming } from '../../animation';
 import { BaseAnimationBuilder } from '../animationBuilder';
+/**
+ * Transforms layout starting from the X-axis and width first, followed by the Y-axis and height. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
+ *
+ * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
+ *
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#sequenced-transition
+ */
 export class SequencedTransition extends BaseAnimationBuilder {
   constructor() {
     super(...arguments);

package/lib/module/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","BaseAnimationBuilder","SequencedTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","sequenceDuration","durationV","config","duration","reverse","reversed","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance"],"sources":["SequencedTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\nexport class SequencedTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n reversed = false;\n\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new SequencedTransition() as InstanceType<T>;\n }\n\n static reverse(): SequencedTransition {\n const instance = SequencedTransition.createInstance();\n return instance.reverse();\n }\n\n reverse(): SequencedTransition {\n this.reversed = !this.reversed;\n return this;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const sequenceDuration = (this.durationV ?? 500) / 2;\n const config = { duration: sequenceDuration };\n const reverse = this.reversed;\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.currentOriginX : values.targetOriginX,\n config\n ),\n withTiming(values.targetOriginX, config)\n )\n ),\n originY: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.targetOriginY : values.currentOriginY,\n config\n ),\n withTiming(values.targetOriginY, config)\n )\n ),\n width: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.currentWidth : values.targetWidth,\n config\n ),\n withTiming(values.targetWidth, config)\n )\n ),\n height: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.targetHeight : values.currentHeight,\n config\n ),\n withTiming(values.targetHeight, config)\n )\n ),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,2BAAAR,GAAA,gBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AACb,SAASU,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAK1D,SAASC,oBAAoB,QAAQ,qBAAqB;~~AAE1D~~,OAAO,MAAMC,mBAAmB,SACtBD,oBAAoB,CAE9B;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAA5B,eAAA,mBACa,KAAK;IAAAA,eAAA,gBAkBR,MAA+B;MACrC,MAAM6B,aAAa,GAAG,IAAI,CAACC,gBAAgB,EAAE;MAC7C,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,EAAE;MAC7B,MAAMC,gBAAgB,GAAG,CAAC,IAAI,CAACC,SAAS,IAAI,GAAG,IAAI,CAAC;MACpD,MAAMC,MAAM,GAAG;QAAEC,QAAQ,EAAEH;MAAiB,CAAC;MAC7C,MAAMI,OAAO,GAAG,IAAI,CAACC,QAAQ;MAE7B,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEF,MAAM,CAACG,cAAc;YAC9BC,OAAO,EAAEJ,MAAM,CAACK,cAAc;YAC9BC,KAAK,EAAEN,MAAM,CAACO,YAAY;YAC1BC,MAAM,EAAER,MAAM,CAACS;UACjB,CAAC;UACDC,UAAU,EAAE;YACVR,OAAO,EAAEd,aAAa,CACpBI,KAAK,EACLV,YAAY,CACVC,UAAU,CACRe,OAAO,GAAGE,MAAM,CAACG,cAAc,GAAGH,MAAM,CAACW,aAAa,EACtDf,MAAM,CACP,EACDb,UAAU,CAACiB,MAAM,CAACW,aAAa,EAAEf,MAAM,CAAC,CACzC,CACF;YACDQ,OAAO,EAAEhB,aAAa,CACpBI,KAAK,EACLV,YAAY,CACVC,UAAU,CACRe,OAAO,GAAGE,MAAM,CAACY,aAAa,GAAGZ,MAAM,CAACK,cAAc,EACtDT,MAAM,CACP,EACDb,UAAU,CAACiB,MAAM,CAACY,aAAa,EAAEhB,MAAM,CAAC,CACzC,CACF;YACDU,KAAK,EAAElB,aAAa,CAClBI,KAAK,EACLV,YAAY,CACVC,UAAU,CACRe,OAAO,GAAGE,MAAM,CAACO,YAAY,GAAGP,MAAM,CAACa,WAAW,EAClDjB,MAAM,CACP,EACDb,UAAU,CAACiB,MAAM,CAACa,WAAW,EAAEjB,MAAM,CAAC,CACvC,CACF;YACDY,MAAM,EAAEpB,aAAa,CACnBI,KAAK,EACLV,YAAY,CACVC,UAAU,CACRe,OAAO,GAAGE,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACS,aAAa,EACpDb,MAAM,CACP,EACDb,UAAU,CAACiB,MAAM,CAACc,YAAY,EAAElB,MAAM,CAAC,CACxC;UAEL,CAAC;UACDN,QAAQ,EAAEA;QACZ,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EA9ED,OAAOyB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI9B,mBAAmB,EAAE;EAClC;EAEA,OAAOa,OAAOA,CAAA,EAAwB;IACpC,MAAMkB,QAAQ,GAAG/B,mBAAmB,CAAC8B,cAAc,EAAE;IACrD,OAAOC,QAAQ,CAAClB,OAAO,EAAE;EAC3B;EAEAA,OAAOA,CAAA,EAAwB;IAC7B,IAAI,CAACC,QAAQ,GAAG,CAAC,IAAI,CAACA,QAAQ;IAC9B,OAAO,IAAI;EACb;AAiEF"}
1	+ {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withSequence","withTiming","BaseAnimationBuilder","SequencedTransition","constructor","arguments","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","sequenceDuration","durationV","config","duration","reverse","reversed","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance"],"sources":["SequencedTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n ILayoutAnimationBuilder,\n LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/*\n Transforms layout starting from the X-axis and width first, followed by the Y-axis and height. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n \n You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n \n @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#sequenced-transition\n */\nexport class SequencedTransition\n extends BaseAnimationBuilder\n implements ILayoutAnimationBuilder\n{\n reversed = false;\n\n static createInstance<T extends typeof BaseAnimationBuilder>(\n this: T\n ): InstanceType<T> {\n return new SequencedTransition() as InstanceType<T>;\n }\n\n static reverse(): SequencedTransition {\n const instance = SequencedTransition.createInstance();\n return instance.reverse();\n }\n\n reverse(): SequencedTransition {\n this.reversed = !this.reversed;\n return this;\n }\n\n build = (): LayoutAnimationFunction => {\n const delayFunction = this.getDelayFunction();\n const callback = this.callbackV;\n const delay = this.getDelay();\n const sequenceDuration = (this.durationV ?? 500) / 2;\n const config = { duration: sequenceDuration };\n const reverse = this.reversed;\n\n return (values) => {\n 'worklet';\n return {\n initialValues: {\n originX: values.currentOriginX,\n originY: values.currentOriginY,\n width: values.currentWidth,\n height: values.currentHeight,\n },\n animations: {\n originX: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.currentOriginX : values.targetOriginX,\n config\n ),\n withTiming(values.targetOriginX, config)\n )\n ),\n originY: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.targetOriginY : values.currentOriginY,\n config\n ),\n withTiming(values.targetOriginY, config)\n )\n ),\n width: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.currentWidth : values.targetWidth,\n config\n ),\n withTiming(values.targetWidth, config)\n )\n ),\n height: delayFunction(\n delay,\n withSequence(\n withTiming(\n reverse ? values.targetHeight : values.currentHeight,\n config\n ),\n withTiming(values.targetHeight, config)\n )\n ),\n },\n callback: callback,\n };\n };\n };\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.js CHANGED Viewed

@@ -9,6 +9,12 @@ import { ReduceMotion } from '../../commonTypes';
 import { configureLayoutAnimations } from '../../core';
 import { ProgressTransitionManager } from './ProgressTransitionManager';
 const SUPPORTED_PROPS = ['width', 'height', 'originX', 'originY', 'transform', 'borderRadius'];
+/**
+ * A SharedTransition builder class.
+ *
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+ * @experimental
+ */
 export class SharedTransition {
   constructor() {
     _defineProperty(this, "_customAnimationFactory", null);
@@ -159,22 +165,62 @@ export class SharedTransition {
     };
   }
-  // static builder methods
+  // static builder methods i.e. shared transition modifiers
+  /**
+   * Lets you create a custom shared transition animation. Other shared transition modifiers can be chained alongside this modifier.
+   *
+   * @param customAnimationFactory - Callback function that have to return an object with styles for the custom shared transition.
+   * @returns A {@link SharedTransition} object. Styles returned from this function need to be to the `sharedTransitionStyle` prop.
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+   * @experimental
+   */
   static custom(customAnimationFactory) {
     return new SharedTransition().custom(customAnimationFactory);
   }
+  /**
+   * Lets you change the duration of the shared transition. Other shared transition modifiers can be chained alongside this modifier.
+   *
+   * @param duration - The duration of the shared transition animation in milliseconds.
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+   * @experimental
+   */
   static duration(duration) {
     return new SharedTransition().duration(duration);
   }
+  /**
+   * Lets you create a shared transition animation bound to the progress between navigation screens. Other shared transition modifiers can be chained alongside this modifier.
+   *
+   * @param progressAnimationCallback - A callback called with the current progress value on every animation frame. It should return an object with styles for the shared transition.
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+   * @experimental
+   */
   static progressAnimation(progressAnimationCallback) {
     return new SharedTransition().progressAnimation(progressAnimationCallback);
   }
+  /**
+   * Whether the transition is progress-bound or not. Other shared transition modifiers can be chained alongside this modifier.
+   *
+   * @param transitionType - Type of the transition. Configured with {@link SharedTransitionType} enum.
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+   * @experimental
+   */
   static defaultTransitionType(transitionType) {
     return new SharedTransition().defaultTransitionType(transitionType);
   }
-  static reduceMotion(_reduceMotion) {
-    return new SharedTransition().reduceMotion(_reduceMotion);
+  /**
+   * Lets you adjust the behavior when the device's reduced motion accessibility setting is turned on. Other shared transition modifiers can be chained alongside this modifier.
+   *
+   * @param reduceMotion - Determines how the animation responds to the device's reduced motion accessibility setting. Default to `ReduceMotion.System` - {@link ReduceMotion}.
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview
+   * @experimental
+   */
+  static reduceMotion(reduceMotion) {
+    return new SharedTransition().reduceMotion(reduceMotion);
   }
 }
 _defineProperty(SharedTransition, "_progressTransitionManager", new ProgressTransitionManager());

package/lib/module/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withTiming","LayoutAnimationType","SharedTransitionType","ReduceMotion","configureLayoutAnimations","ProgressTransitionManager","SUPPORTED_PROPS","SharedTransition","constructor","System","custom","customAnimationFactory","_customAnimationFactory","progressAnimation","progressAnimationCallback","_customProgressAnimation","viewTag","values","progress","newStyles","_notifyAboutProgress","duration","_transitionDuration","reduceMotion","_reduceMotion","defaultTransitionType","transitionType","_defaultTransitionType","registerTransition","sharedTransitionTag","transitionAnimation","getTransitionAnimation","getProgressAnimation","ANIMATION","PROGRESS_ANIMATION","layoutAnimationType","SHARED_ELEMENT_TRANSITION","SHARED_ELEMENT_TRANSITION_PROGRESS","_progressTransitionManager","addProgressAnimation","unregisterTransition","removeProgressAnimation","getReduceMotion","_animation","buildAnimation","_progressAnimation","buildProgressAnimation","animationFactory","transitionDuration","animations","initialValues","includes","Error","propName","matrix","targetTransformMatrix","transformMatrix","capitalizedPropName","charAt","toUpperCase","slice","keyToTargetValue","currentTransformMatrix","keyToCurrentValue","propertyName","currentMatrix","targetMatrix","newMatrix","Array","i","PropertyName","currentPropertyName","targetPropertyName","currentValue","targetValue"],"sources":["SharedTransition.ts"],"sourcesContent":["'use strict';\nimport { withTiming } from '../../animation';\nimport type {\n SharedTransitionAnimationsFunction,\n SharedTransitionAnimationsValues,\n CustomProgressAnimation,\n ProgressAnimation,\n LayoutAnimationsOptions,\n} from '../animationBuilder/commonTypes';\nimport {\n LayoutAnimationType,\n SharedTransitionType,\n} from '../animationBuilder/commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { ReduceMotion } from '../../commonTypes';\nimport { configureLayoutAnimations } from '../../core';\nimport { ProgressTransitionManager } from './ProgressTransitionManager';\n\nconst SUPPORTED_PROPS = [\n 'width',\n 'height',\n 'originX',\n 'originY',\n 'transform',\n 'borderRadius',\n] as const;\n\ntype AnimationFactory = (\n values: SharedTransitionAnimationsValues\n) => StyleProps;\n\nexport class SharedTransition {\n private _customAnimationFactory: AnimationFactory \| null = null;\n private _animation: SharedTransitionAnimationsFunction \| null = null;\n private _transitionDuration = 500;\n private _reduceMotion: ReduceMotion = ReduceMotion.System;\n private _customProgressAnimation?: ProgressAnimation = undefined;\n private _progressAnimation?: ProgressAnimation = undefined;\n private _defaultTransitionType?: SharedTransitionType = undefined;\n private static _progressTransitionManager = new ProgressTransitionManager();\n\n public custom(customAnimationFactory: AnimationFactory): SharedTransition {\n this._customAnimationFactory = customAnimationFactory;\n return this;\n }\n\n public progressAnimation(\n progressAnimationCallback: CustomProgressAnimation\n ): SharedTransition {\n this._customProgressAnimation = (viewTag, values, progress) => {\n 'worklet';\n const newStyles = progressAnimationCallback(values, progress);\n _notifyAboutProgress(viewTag, newStyles, true);\n };\n return this;\n }\n\n public duration(duration: number): SharedTransition {\n this._transitionDuration = duration;\n return this;\n }\n\n public reduceMotion(_reduceMotion: ReduceMotion): this {\n this._reduceMotion = _reduceMotion;\n return this;\n }\n\n public defaultTransitionType(\n transitionType: SharedTransitionType\n ): SharedTransition {\n this._defaultTransitionType = transitionType;\n return this;\n }\n\n public registerTransition(\n viewTag: number,\n sharedTransitionTag: string\n ): void {\n const transitionAnimation = this.getTransitionAnimation();\n const progressAnimation = this.getProgressAnimation();\n if (!this._defaultTransitionType) {\n if (this._customAnimationFactory && !this._customProgressAnimation) {\n this._defaultTransitionType = SharedTransitionType.ANIMATION;\n } else {\n this._defaultTransitionType = SharedTransitionType.PROGRESS_ANIMATION;\n }\n }\n const layoutAnimationType =\n this._defaultTransitionType === SharedTransitionType.ANIMATION\n ? LayoutAnimationType.SHARED_ELEMENT_TRANSITION\n : LayoutAnimationType.SHARED_ELEMENT_TRANSITION_PROGRESS;\n configureLayoutAnimations(\n viewTag,\n layoutAnimationType,\n transitionAnimation,\n sharedTransitionTag\n );\n SharedTransition._progressTransitionManager.addProgressAnimation(\n viewTag,\n progressAnimation\n );\n }\n\n public unregisterTransition(viewTag: number): void {\n SharedTransition._progressTransitionManager.removeProgressAnimation(\n viewTag\n );\n }\n\n public getReduceMotion(): ReduceMotion {\n return this._reduceMotion;\n }\n\n private getTransitionAnimation(): SharedTransitionAnimationsFunction {\n if (!this._animation) {\n this.buildAnimation();\n }\n return this._animation!;\n }\n\n private getProgressAnimation(): ProgressAnimation {\n if (!this._progressAnimation) {\n this.buildProgressAnimation();\n }\n return this._progressAnimation!;\n }\n\n private buildAnimation() {\n const animationFactory = this._customAnimationFactory;\n const transitionDuration = this._transitionDuration;\n const reduceMotion = this._reduceMotion;\n this._animation = (values: SharedTransitionAnimationsValues) => {\n 'worklet';\n let animations: {\n [key: string]: unknown;\n } = {};\n const initialValues: {\n [key: string]: unknown;\n } = {};\n\n if (animationFactory) {\n animations = animationFactory(values);\n for (const key in animations) {\n if (!(SUPPORTED_PROPS as readonly string[]).includes(key)) {\n throw new Error(\n `[Reanimated] The prop '${key}' is not supported yet.`\n );\n }\n }\n } else {\n for (const propName of SUPPORTED_PROPS) {\n if (propName === 'transform') {\n const matrix = values.targetTransformMatrix;\n animations.transformMatrix = withTiming(matrix, {\n reduceMotion,\n duration: transitionDuration,\n });\n } else {\n const capitalizedPropName = `${propName\n .charAt(0)\n .toUpperCase()}${propName.slice(\n 1\n )}` as Capitalize<LayoutAnimationsOptions>;\n const keyToTargetValue = `target${capitalizedPropName}` as const;\n animations[propName] = withTiming(values[keyToTargetValue], {\n reduceMotion,\n duration: transitionDuration,\n });\n }\n }\n }\n\n for (const propName in animations) {\n if (propName === 'transform') {\n initialValues.transformMatrix = values.currentTransformMatrix;\n } else {\n const capitalizedPropName = (propName.charAt(0).toUpperCase() +\n propName.slice(1)) as Capitalize<LayoutAnimationsOptions>;\n const keyToCurrentValue = `current${capitalizedPropName}` as const;\n initialValues[propName] = values[keyToCurrentValue];\n }\n }\n\n return { initialValues, animations };\n };\n }\n\n private buildProgressAnimation() {\n if (this._customProgressAnimation) {\n this._progressAnimation = this._customProgressAnimation;\n return;\n }\n this._progressAnimation = (viewTag, values, progress) => {\n 'worklet';\n const newStyles: { [key: string]: number \| number[] } = {};\n for (const propertyName of SUPPORTED_PROPS) {\n if (propertyName === 'transform') {\n // this is not the perfect solution, but at this moment it just interpolates the whole\n // matrix instead of interpolating scale, translate, rotate, etc. separately\n const currentMatrix = values.currentTransformMatrix as number[];\n const targetMatrix = values.targetTransformMatrix as number[];\n const newMatrix = new Array(9);\n for (let i = 0; i < 9; i++) {\n newMatrix[i] =\n progress * (targetMatrix[i] - currentMatrix[i]) +\n currentMatrix[i];\n }\n newStyles.transformMatrix = newMatrix;\n } else {\n // PropertyName == propertyName with capitalized fist letter, (width -> Width)\n const PropertyName = (propertyName.charAt(0).toUpperCase() +\n propertyName.slice(1)) as Capitalize<LayoutAnimationsOptions>;\n const currentPropertyName = `current${PropertyName}` as const;\n const targetPropertyName = `target${PropertyName}` as const;\n\n const currentValue = values[currentPropertyName];\n const targetValue = values[targetPropertyName];\n\n newStyles[propertyName] =\n progress * (targetValue - currentValue) + currentValue;\n }\n }\n _notifyAboutProgress(viewTag, newStyles, true);\n };\n }\n\n // static builder methods\n\n public static custom(\n customAnimationFactory: AnimationFactory\n ): SharedTransition {\n return new SharedTransition().custom(customAnimationFactory);\n }\n\n public static duration(duration: number): SharedTransition {\n return new SharedTransition().duration(duration);\n }\n\n public static progressAnimation(\n progressAnimationCallback: CustomProgressAnimation\n ): SharedTransition {\n return new SharedTransition().progressAnimation(progressAnimationCallback);\n }\n\n public static defaultTransitionType(\n transitionType: SharedTransitionType\n ): SharedTransition {\n return new SharedTransition().defaultTransitionType(transitionType);\n }\n\n public static reduceMotion(_reduceMotion: ReduceMotion): SharedTransition {\n return new SharedTransition().reduceMotion(_reduceMotion);\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","withTiming","LayoutAnimationType","SharedTransitionType","ReduceMotion","configureLayoutAnimations","ProgressTransitionManager","SUPPORTED_PROPS","SharedTransition","constructor","System","custom","customAnimationFactory","_customAnimationFactory","progressAnimation","progressAnimationCallback","_customProgressAnimation","viewTag","values","progress","newStyles","_notifyAboutProgress","duration","_transitionDuration","reduceMotion","_reduceMotion","defaultTransitionType","transitionType","_defaultTransitionType","registerTransition","sharedTransitionTag","transitionAnimation","getTransitionAnimation","getProgressAnimation","ANIMATION","PROGRESS_ANIMATION","layoutAnimationType","SHARED_ELEMENT_TRANSITION","SHARED_ELEMENT_TRANSITION_PROGRESS","_progressTransitionManager","addProgressAnimation","unregisterTransition","removeProgressAnimation","getReduceMotion","_animation","buildAnimation","_progressAnimation","buildProgressAnimation","animationFactory","transitionDuration","animations","initialValues","includes","Error","propName","matrix","targetTransformMatrix","transformMatrix","capitalizedPropName","charAt","toUpperCase","slice","keyToTargetValue","currentTransformMatrix","keyToCurrentValue","propertyName","currentMatrix","targetMatrix","newMatrix","Array","i","PropertyName","currentPropertyName","targetPropertyName","currentValue","targetValue"],"sources":["SharedTransition.ts"],"sourcesContent":["'use strict';\nimport { withTiming } from '../../animation';\nimport type {\n SharedTransitionAnimationsFunction,\n SharedTransitionAnimationsValues,\n CustomProgressAnimation,\n ProgressAnimation,\n LayoutAnimationsOptions,\n} from '../animationBuilder/commonTypes';\nimport {\n LayoutAnimationType,\n SharedTransitionType,\n} from '../animationBuilder/commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { ReduceMotion } from '../../commonTypes';\nimport { configureLayoutAnimations } from '../../core';\nimport { ProgressTransitionManager } from './ProgressTransitionManager';\n\nconst SUPPORTED_PROPS = [\n 'width',\n 'height',\n 'originX',\n 'originY',\n 'transform',\n 'borderRadius',\n] as const;\n\ntype AnimationFactory = (\n values: SharedTransitionAnimationsValues\n) => StyleProps;\n\n/*\n A SharedTransition builder class.\n \n @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n /\nexport class SharedTransition {\n private _customAnimationFactory: AnimationFactory \| null = null;\n private _animation: SharedTransitionAnimationsFunction \| null = null;\n private _transitionDuration = 500;\n private _reduceMotion: ReduceMotion = ReduceMotion.System;\n private _customProgressAnimation?: ProgressAnimation = undefined;\n private _progressAnimation?: ProgressAnimation = undefined;\n private _defaultTransitionType?: SharedTransitionType = undefined;\n private static _progressTransitionManager = new ProgressTransitionManager();\n\n public custom(customAnimationFactory: AnimationFactory): SharedTransition {\n this._customAnimationFactory = customAnimationFactory;\n return this;\n }\n\n public progressAnimation(\n progressAnimationCallback: CustomProgressAnimation\n ): SharedTransition {\n this._customProgressAnimation = (viewTag, values, progress) => {\n 'worklet';\n const newStyles = progressAnimationCallback(values, progress);\n _notifyAboutProgress(viewTag, newStyles, true);\n };\n return this;\n }\n\n public duration(duration: number): SharedTransition {\n this._transitionDuration = duration;\n return this;\n }\n\n public reduceMotion(_reduceMotion: ReduceMotion): this {\n this._reduceMotion = _reduceMotion;\n return this;\n }\n\n public defaultTransitionType(\n transitionType: SharedTransitionType\n ): SharedTransition {\n this._defaultTransitionType = transitionType;\n return this;\n }\n\n public registerTransition(\n viewTag: number,\n sharedTransitionTag: string\n ): void {\n const transitionAnimation = this.getTransitionAnimation();\n const progressAnimation = this.getProgressAnimation();\n if (!this._defaultTransitionType) {\n if (this._customAnimationFactory && !this._customProgressAnimation) {\n this._defaultTransitionType = SharedTransitionType.ANIMATION;\n } else {\n this._defaultTransitionType = SharedTransitionType.PROGRESS_ANIMATION;\n }\n }\n const layoutAnimationType =\n this._defaultTransitionType === SharedTransitionType.ANIMATION\n ? LayoutAnimationType.SHARED_ELEMENT_TRANSITION\n : LayoutAnimationType.SHARED_ELEMENT_TRANSITION_PROGRESS;\n configureLayoutAnimations(\n viewTag,\n layoutAnimationType,\n transitionAnimation,\n sharedTransitionTag\n );\n SharedTransition._progressTransitionManager.addProgressAnimation(\n viewTag,\n progressAnimation\n );\n }\n\n public unregisterTransition(viewTag: number): void {\n SharedTransition._progressTransitionManager.removeProgressAnimation(\n viewTag\n );\n }\n\n public getReduceMotion(): ReduceMotion {\n return this._reduceMotion;\n }\n\n private getTransitionAnimation(): SharedTransitionAnimationsFunction {\n if (!this._animation) {\n this.buildAnimation();\n }\n return this._animation!;\n }\n\n private getProgressAnimation(): ProgressAnimation {\n if (!this._progressAnimation) {\n this.buildProgressAnimation();\n }\n return this._progressAnimation!;\n }\n\n private buildAnimation() {\n const animationFactory = this._customAnimationFactory;\n const transitionDuration = this._transitionDuration;\n const reduceMotion = this._reduceMotion;\n this._animation = (values: SharedTransitionAnimationsValues) => {\n 'worklet';\n let animations: {\n [key: string]: unknown;\n } = {};\n const initialValues: {\n [key: string]: unknown;\n } = {};\n\n if (animationFactory) {\n animations = animationFactory(values);\n for (const key in animations) {\n if (!(SUPPORTED_PROPS as readonly string[]).includes(key)) {\n throw new Error(\n `[Reanimated] The prop '${key}' is not supported yet.`\n );\n }\n }\n } else {\n for (const propName of SUPPORTED_PROPS) {\n if (propName === 'transform') {\n const matrix = values.targetTransformMatrix;\n animations.transformMatrix = withTiming(matrix, {\n reduceMotion,\n duration: transitionDuration,\n });\n } else {\n const capitalizedPropName = `${propName\n .charAt(0)\n .toUpperCase()}${propName.slice(\n 1\n )}` as Capitalize<LayoutAnimationsOptions>;\n const keyToTargetValue = `target${capitalizedPropName}` as const;\n animations[propName] = withTiming(values[keyToTargetValue], {\n reduceMotion,\n duration: transitionDuration,\n });\n }\n }\n }\n\n for (const propName in animations) {\n if (propName === 'transform') {\n initialValues.transformMatrix = values.currentTransformMatrix;\n } else {\n const capitalizedPropName = (propName.charAt(0).toUpperCase() +\n propName.slice(1)) as Capitalize<LayoutAnimationsOptions>;\n const keyToCurrentValue = `current${capitalizedPropName}` as const;\n initialValues[propName] = values[keyToCurrentValue];\n }\n }\n\n return { initialValues, animations };\n };\n }\n\n private buildProgressAnimation() {\n if (this._customProgressAnimation) {\n this._progressAnimation = this._customProgressAnimation;\n return;\n }\n this._progressAnimation = (viewTag, values, progress) => {\n 'worklet';\n const newStyles: { [key: string]: number \| number[] } = {};\n for (const propertyName of SUPPORTED_PROPS) {\n if (propertyName === 'transform') {\n // this is not the perfect solution, but at this moment it just interpolates the whole\n // matrix instead of interpolating scale, translate, rotate, etc. separately\n const currentMatrix = values.currentTransformMatrix as number[];\n const targetMatrix = values.targetTransformMatrix as number[];\n const newMatrix = new Array(9);\n for (let i = 0; i < 9; i++) {\n newMatrix[i] =\n progress (targetMatrix[i] - currentMatrix[i]) +\n currentMatrix[i];\n }\n newStyles.transformMatrix = newMatrix;\n } else {\n // PropertyName == propertyName with capitalized fist letter, (width -> Width)\n const PropertyName = (propertyName.charAt(0).toUpperCase() +\n propertyName.slice(1)) as Capitalize<LayoutAnimationsOptions>;\n const currentPropertyName = `current${PropertyName}` as const;\n const targetPropertyName = `target${PropertyName}` as const;\n\n const currentValue = values[currentPropertyName];\n const targetValue = values[targetPropertyName];\n\n newStyles[propertyName] =\n progress * (targetValue - currentValue) + currentValue;\n }\n }\n _notifyAboutProgress(viewTag, newStyles, true);\n };\n }\n\n // static builder methods i.e. shared transition modifiers\n\n /*\n Lets you create a custom shared transition animation. Other shared transition modifiers can be chained alongside this modifier.\n \n @param customAnimationFactory - Callback function that have to return an object with styles for the custom shared transition.\n * @returns A {@link SharedTransition} object. Styles returned from this function need to be to the `sharedTransitionStyle` prop.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n /\n public static custom(\n customAnimationFactory: AnimationFactory\n ): SharedTransition {\n return new SharedTransition().custom(customAnimationFactory);\n }\n\n /\n Lets you change the duration of the shared transition. Other shared transition modifiers can be chained alongside this modifier.\n \n @param duration - The duration of the shared transition animation in milliseconds.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n /\n public static duration(duration: number): SharedTransition {\n return new SharedTransition().duration(duration);\n }\n\n /\n Lets you create a shared transition animation bound to the progress between navigation screens. Other shared transition modifiers can be chained alongside this modifier.\n \n @param progressAnimationCallback - A callback called with the current progress value on every animation frame. It should return an object with styles for the shared transition.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n /\n public static progressAnimation(\n progressAnimationCallback: CustomProgressAnimation\n ): SharedTransition {\n return new SharedTransition().progressAnimation(progressAnimationCallback);\n }\n\n /\n Whether the transition is progress-bound or not. Other shared transition modifiers can be chained alongside this modifier.\n \n @param transitionType - Type of the transition. Configured with {@link SharedTransitionType} enum.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n /\n public static defaultTransitionType(\n transitionType: SharedTransitionType\n ): SharedTransition {\n return new SharedTransition().defaultTransitionType(transitionType);\n }\n\n /\n Lets you adjust the behavior when the device's reduced motion accessibility setting is turned on. Other shared transition modifiers can be chained alongside this modifier.\n \n @param reduceMotion - Determines how the animation responds to the device's reduced motion accessibility setting. Default to `ReduceMotion.System` - {@link ReduceMotion}.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/shared-element-transitions/overview\n * @experimental\n */\n public static reduceMotion(reduceMotion: ReduceMotion): SharedTransition {\n return new SharedTransition().reduceMotion(reduceMotion);\n }\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/layoutReanimation/web/createAnimation.js CHANGED Viewed

@@ -46,8 +46,8 @@ function addExistingTransform(newAnimationData, newTransform) {
 /**
  *  Modifies default animation by preserving transformations that given element already contains.
  *
- * @param animationName Name of the animation to be modified (e.g. `FadeIn`).
- * @param existingTransform Transform values that element already contains.
+ * @param animationName - Name of the animation to be modified (e.g. `FadeIn`).
+ * @param existingTransform - Transform values that element already contains.
  * @returns Animation parsed to keyframe string.
  */
 export function createAnimationWithExistingTransform(animationName, existingTransform, layoutTransition) {
@@ -76,8 +76,8 @@ function generateNextCustomKeyframeName() {
 /**
  * Creates transition of given type, appends it to stylesheet and returns keyframe name.
  *
- * @param transitionType Type of transition (e.g. LINEAR).
- * @param transitionData Object containing data for transforms (translateX, scaleX,...).
+ * @param transitionType - Type of transition (e.g. LINEAR).
+ * @param transitionData - Object containing data for transforms (translateX, scaleX,...).
  * @returns Keyframe name that represents transition.
  */
 export function TransitionGenerator(transitionType, transitionData, existingTransform) {

package/lib/module/reanimated2/layoutReanimation/web/createAnimation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Animations","AnimationsData","TransitionType","convertAnimationObjectToKeyframes","LinearTransition","SequencedTransition","FadingTransition","insertWebAnimation","addPxToTranslate","existingTransform","newTransform","map","transformProp","newTransformProp","key","value","Object","entries","includes","addExistingTransform","newAnimationData","keyframeStepProperties","values","style","transform","Array","prototype","unshift","apply","createAnimationWithExistingTransform","animationName","layoutTransition","structuredClone","keyframeName","generateNextCustomKeyframeName","name","keyframe","customKeyframeCounter","TransitionGenerator","transitionType","transitionData","transitionKeyframeName","transitionObject","LINEAR","SEQUENCED","FADING","transitionKeyframe"],"sources":["createAnimation.ts"],"sourcesContent":["'use strict';\n\nimport { Animations, AnimationsData, TransitionType } from './config';\nimport { convertAnimationObjectToKeyframes } from './animationParser';\nimport type {\n AnimationData,\n ReanimatedWebTransformProperties,\n TransitionData,\n} from './animationParser';\nimport type { TransformsStyle } from 'react-native';\nimport { LinearTransition } from './transition/Linear.web';\nimport { SequencedTransition } from './transition/Sequenced.web';\nimport { FadingTransition } from './transition/Fading.web';\nimport { insertWebAnimation } from './domUtils';\n\n// Translate values are passed as numbers. However, if `translate` property receives number, it will not automatically\n// convert it to `px`. Therefore if we want to keep exisitng transform we have to add 'px' suffix to each of translate values\n// that are present inside transform.\nfunction addPxToTranslate(\n existingTransform: NonNullable<TransformsStyle['transform']>\n) {\n type RNTransformProp = (typeof existingTransform)[number];\n\n // @ts-ignore `existingTransform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n const newTransform = existingTransform.map(\n (transformProp: RNTransformProp) => {\n const newTransformProp: ReanimatedWebTransformProperties = {};\n for (const [key, value] of Object.entries(transformProp)) {\n if (key.includes('translate')) {\n // @ts-ignore After many trials we decided to ignore this error - it says that we cannot use 'key' to index this object.\n // Sadly it doesn't go away after using cast `key as keyof TransformProperties`.\n newTransformProp[key] = `${value}px`;\n } else {\n // @ts-ignore same as above.\n newTransformProp[key] = value;\n }\n }\n return newTransformProp;\n }\n );\n\n return newTransform;\n}\n\n// In order to keep exisitng transform throughout animation, we have to add it to each of keyframe step.\nfunction addExistingTransform(\n newAnimationData: AnimationData,\n newTransform: ReanimatedWebTransformProperties[]\n) {\n for (const keyframeStepProperties of Object.values(newAnimationData.style)) {\n if (!keyframeStepProperties.transform) {\n // If transform doesn't exist, we add only transform that already exists\n keyframeStepProperties.transform = newTransform;\n } else {\n // We insert existing transformations before ours.\n Array.prototype.unshift.apply(\n keyframeStepProperties.transform,\n newTransform\n );\n }\n }\n}\n\n/*\n Modifies default animation by preserving transformations that given element already contains.\n \n @param animationName Name of the animation to be modified (e.g. `FadeIn`).\n * @param existingTransform Transform values that element already contains.\n * @returns Animation parsed to keyframe string.\n /\nexport function createAnimationWithExistingTransform(\n animationName: string,\n existingTransform: NonNullable<TransformsStyle['transform']>,\n layoutTransition?: AnimationData\n) {\n let newAnimationData;\n\n if (layoutTransition) {\n newAnimationData = layoutTransition;\n } else {\n if (!(animationName in Animations)) {\n return '';\n }\n newAnimationData = structuredClone(AnimationsData[animationName]);\n }\n\n const keyframeName = generateNextCustomKeyframeName();\n\n newAnimationData.name = keyframeName;\n\n const newTransform = addPxToTranslate(existingTransform);\n\n addExistingTransform(newAnimationData, newTransform);\n\n const keyframe = convertAnimationObjectToKeyframes(newAnimationData);\n\n insertWebAnimation(keyframeName, keyframe);\n\n return keyframeName;\n}\n\nlet customKeyframeCounter = 0;\n\nfunction generateNextCustomKeyframeName() {\n return `REA${customKeyframeCounter++}`;\n}\n\n/\n Creates transition of given type, appends it to stylesheet and returns keyframe name.\n \n @param transitionType Type of transition (e.g. LINEAR).\n * @param transitionData Object containing data for transforms (translateX, scaleX,...).\n * @returns Keyframe name that represents transition.\n */\nexport function TransitionGenerator(\n transitionType: TransitionType,\n transitionData: TransitionData,\n existingTransform: TransformsStyle['transform'] \| undefined\n) {\n const transitionKeyframeName = generateNextCustomKeyframeName();\n let transitionObject;\n\n switch (transitionType) {\n case TransitionType.LINEAR:\n transitionObject = LinearTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n case TransitionType.SEQUENCED:\n transitionObject = SequencedTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n case TransitionType.FADING:\n transitionObject = FadingTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n }\n\n if (existingTransform) {\n return createAnimationWithExistingTransform(\n '',\n existingTransform,\n transitionObject\n );\n }\n\n const transitionKeyframe =\n convertAnimationObjectToKeyframes(transitionObject);\n\n insertWebAnimation(transitionKeyframeName, transitionKeyframe);\n\n return transitionKeyframeName;\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["Animations","AnimationsData","TransitionType","convertAnimationObjectToKeyframes","LinearTransition","SequencedTransition","FadingTransition","insertWebAnimation","addPxToTranslate","existingTransform","newTransform","map","transformProp","newTransformProp","key","value","Object","entries","includes","addExistingTransform","newAnimationData","keyframeStepProperties","values","style","transform","Array","prototype","unshift","apply","createAnimationWithExistingTransform","animationName","layoutTransition","structuredClone","keyframeName","generateNextCustomKeyframeName","name","keyframe","customKeyframeCounter","TransitionGenerator","transitionType","transitionData","transitionKeyframeName","transitionObject","LINEAR","SEQUENCED","FADING","transitionKeyframe"],"sources":["createAnimation.ts"],"sourcesContent":["'use strict';\n\nimport { Animations, AnimationsData, TransitionType } from './config';\nimport { convertAnimationObjectToKeyframes } from './animationParser';\nimport type {\n AnimationData,\n ReanimatedWebTransformProperties,\n TransitionData,\n} from './animationParser';\nimport type { TransformsStyle } from 'react-native';\nimport { LinearTransition } from './transition/Linear.web';\nimport { SequencedTransition } from './transition/Sequenced.web';\nimport { FadingTransition } from './transition/Fading.web';\nimport { insertWebAnimation } from './domUtils';\n\n// Translate values are passed as numbers. However, if `translate` property receives number, it will not automatically\n// convert it to `px`. Therefore if we want to keep exisitng transform we have to add 'px' suffix to each of translate values\n// that are present inside transform.\nfunction addPxToTranslate(\n existingTransform: NonNullable<TransformsStyle['transform']>\n) {\n type RNTransformProp = (typeof existingTransform)[number];\n\n // @ts-ignore `existingTransform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n const newTransform = existingTransform.map(\n (transformProp: RNTransformProp) => {\n const newTransformProp: ReanimatedWebTransformProperties = {};\n for (const [key, value] of Object.entries(transformProp)) {\n if (key.includes('translate')) {\n // @ts-ignore After many trials we decided to ignore this error - it says that we cannot use 'key' to index this object.\n // Sadly it doesn't go away after using cast `key as keyof TransformProperties`.\n newTransformProp[key] = `${value}px`;\n } else {\n // @ts-ignore same as above.\n newTransformProp[key] = value;\n }\n }\n return newTransformProp;\n }\n );\n\n return newTransform;\n}\n\n// In order to keep exisitng transform throughout animation, we have to add it to each of keyframe step.\nfunction addExistingTransform(\n newAnimationData: AnimationData,\n newTransform: ReanimatedWebTransformProperties[]\n) {\n for (const keyframeStepProperties of Object.values(newAnimationData.style)) {\n if (!keyframeStepProperties.transform) {\n // If transform doesn't exist, we add only transform that already exists\n keyframeStepProperties.transform = newTransform;\n } else {\n // We insert existing transformations before ours.\n Array.prototype.unshift.apply(\n keyframeStepProperties.transform,\n newTransform\n );\n }\n }\n}\n\n/*\n Modifies default animation by preserving transformations that given element already contains.\n \n @param animationName - Name of the animation to be modified (e.g. `FadeIn`).\n * @param existingTransform - Transform values that element already contains.\n * @returns Animation parsed to keyframe string.\n /\nexport function createAnimationWithExistingTransform(\n animationName: string,\n existingTransform: NonNullable<TransformsStyle['transform']>,\n layoutTransition?: AnimationData\n) {\n let newAnimationData;\n\n if (layoutTransition) {\n newAnimationData = layoutTransition;\n } else {\n if (!(animationName in Animations)) {\n return '';\n }\n newAnimationData = structuredClone(AnimationsData[animationName]);\n }\n\n const keyframeName = generateNextCustomKeyframeName();\n\n newAnimationData.name = keyframeName;\n\n const newTransform = addPxToTranslate(existingTransform);\n\n addExistingTransform(newAnimationData, newTransform);\n\n const keyframe = convertAnimationObjectToKeyframes(newAnimationData);\n\n insertWebAnimation(keyframeName, keyframe);\n\n return keyframeName;\n}\n\nlet customKeyframeCounter = 0;\n\nfunction generateNextCustomKeyframeName() {\n return `REA${customKeyframeCounter++}`;\n}\n\n/\n Creates transition of given type, appends it to stylesheet and returns keyframe name.\n \n @param transitionType - Type of transition (e.g. LINEAR).\n * @param transitionData - Object containing data for transforms (translateX, scaleX,...).\n * @returns Keyframe name that represents transition.\n */\nexport function TransitionGenerator(\n transitionType: TransitionType,\n transitionData: TransitionData,\n existingTransform: TransformsStyle['transform'] \| undefined\n) {\n const transitionKeyframeName = generateNextCustomKeyframeName();\n let transitionObject;\n\n switch (transitionType) {\n case TransitionType.LINEAR:\n transitionObject = LinearTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n case TransitionType.SEQUENCED:\n transitionObject = SequencedTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n case TransitionType.FADING:\n transitionObject = FadingTransition(\n transitionKeyframeName,\n transitionData\n );\n break;\n }\n\n if (existingTransform) {\n return createAnimationWithExistingTransform(\n '',\n existingTransform,\n transitionObject\n );\n }\n\n const transitionKeyframe =\n convertAnimationObjectToKeyframes(transitionObject);\n\n insertWebAnimation(transitionKeyframeName, transitionKeyframe);\n\n return transitionKeyframeName;\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/platform-specific/checkCppVersion.js CHANGED Viewed

@@ -4,8 +4,6 @@ import { jsVersion } from './jsVersion';
 export function checkCppVersion() {
   const cppVersion = global._REANIMATED_VERSION_CPP;
   if (cppVersion === undefined) {
-    console.warn(`[Reanimated] Couldn't determine the version of the native part of Reanimated.
-    See \`https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#couldnt-determine-the-version-of-the-native-part-of-reanimated\` for more details.`);
     return;
   }
   const ok = matchVersion(jsVersion, cppVersion);

package/lib/module/reanimated2/platform-specific/checkCppVersion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["jsVersion","checkCppVersion","cppVersion","global","_REANIMATED_VERSION_CPP","undefined","~~console","warn","~~ok","matchVersion","Error","version1","version2","match","major1","minor1","split","major2","minor2"],"sources":["checkCppVersion.ts"],"sourcesContent":["'use strict';\nimport { jsVersion } from './jsVersion';\n\nexport function checkCppVersion() {\n const cppVersion = global._REANIMATED_VERSION_CPP;\n if (cppVersion === undefined) {\n console.warn(\n `[Reanimated] Couldn't determine the version of the native part of Reanimated.\n See \\`https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#couldnt-determine-the-version-of-the-native-part-of-reanimated\\` for more details.`\n );\n return;\n }\n const ok = matchVersion(jsVersion, cppVersion);\n if (!ok) {\n throw new Error(\n `[Reanimated] Mismatch between JavaScript part and native part of Reanimated (${jsVersion} vs ${cppVersion}).\n See \\`https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#mismatch-between-javascript-part-and-native-part-of-reanimated\\` for more details.`\n );\n }\n}\n\n// This is used only in test files, therefore it is reported by ts-prune (which is desired)\n// ts-prune-ignore-next\nexport function matchVersion(version1: string, version2: string) {\n if (version1.match(/^\\d+\\.\\d+\\.\\d+$/) && version2.match(/^\\d+\\.\\d+\\.\\d+$/)) {\n // x.y.z, compare only major and minor, skip patch\n const [major1, minor1] = version1.split('.');\n const [major2, minor2] = version2.split('.');\n return major1 === major2 && minor1 === minor2;\n } else {\n // alpha, beta or rc, compare everything\n return version1 === version2;\n }\n}\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,SAAS,QAAQ,aAAa;AAEvC,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,UAAU,GAAGC,MAAM,CAACC,uBAAuB;EACjD,IAAIF,UAAU,KAAKG,SAAS,EAAE;~~IAC5BC,OAAO,CAACC,IAAI,CACT~~;~~AACP,4KAA4K,CACvK;IACD;~~EACF;EACA,MAAMC,EAAE,GAAGC,YAAY,~~CAACT~~,SAAS,EAAEE,UAAU,CAAC;EAC9C,IAAI,~~CAACM~~,EAAE,EAAE;IACP,MAAM,IAAIE,KAAK,CACZ,gFAA+EV,SAAU,OAAME,UAAW;AACjH,4KAA4K,CACvK;EACH;AACF;;AAEA;AACA;AACA,OAAO,~~SAASO~~,YAAYA,CAACE,QAAgB,EAAEC,QAAgB,EAAE;EAC/D,IAAID,QAAQ,CAACE,KAAK,CAAC,iBAAiB,CAAC,IAAID,QAAQ,CAACC,KAAK,CAAC,iBAAiB,CAAC,EAAE;IAC1E;IACA,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGJ,QAAQ,CAACK,KAAK,CAAC,GAAG,CAAC;IAC5C,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGN,QAAQ,CAACI,KAAK,CAAC,GAAG,CAAC;IAC5C,OAAOF,MAAM,KAAKG,MAAM,IAAIF,MAAM,KAAKG,MAAM;EAC/C,CAAC,MAAM;IACL;IACA,OAAOP,QAAQ,KAAKC,QAAQ;EAC9B;AACF"}
1	+ {"version":3,"names":["jsVersion","checkCppVersion","cppVersion","global","_REANIMATED_VERSION_CPP","undefined","ok","matchVersion","Error","version1","version2","match","major1","minor1","split","major2","minor2"],"sources":["checkCppVersion.ts"],"sourcesContent":["'use strict';\nimport { jsVersion } from './jsVersion';\n\nexport function checkCppVersion() {\n const cppVersion = global._REANIMATED_VERSION_CPP;\n if (cppVersion === undefined) {\n return;\n }\n const ok = matchVersion(jsVersion, cppVersion);\n if (!ok) {\n throw new Error(\n `[Reanimated] Mismatch between JavaScript part and native part of Reanimated (${jsVersion} vs ${cppVersion}).\n See \\`https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#mismatch-between-javascript-part-and-native-part-of-reanimated\\` for more details.`\n );\n }\n}\n\n// This is used only in test files, therefore it is reported by ts-prune (which is desired)\n// ts-prune-ignore-next\nexport function matchVersion(version1: string, version2: string) {\n if (version1.match(/^\\d+\\.\\d+\\.\\d+$/) && version2.match(/^\\d+\\.\\d+\\.\\d+$/)) {\n // x.y.z, compare only major and minor, skip patch\n const [major1, minor1] = version1.split('.');\n const [major2, minor2] = version2.split('.');\n return major1 === major2 && minor1 === minor2;\n } else {\n // alpha, beta or rc, compare everything\n return version1 === version2;\n }\n}\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,SAAS,QAAQ,aAAa;AAEvC,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAMC,UAAU,GAAGC,MAAM,CAACC,uBAAuB;EACjD,IAAIF,UAAU,KAAKG,SAAS,EAAE;IAC5B;EACF;EACA,MAAMC,EAAE,GAAGC,YAAY,CAACP,SAAS,EAAEE,UAAU,CAAC;EAC9C,IAAI,CAACI,EAAE,EAAE;IACP,MAAM,IAAIE,KAAK,CACZ,gFAA+ER,SAAU,OAAME,UAAW;AACjH,4KAA4K,CACvK;EACH;AACF;;AAEA;AACA;AACA,OAAO,SAASK,YAAYA,CAACE,QAAgB,EAAEC,QAAgB,EAAE;EAC/D,IAAID,QAAQ,CAACE,KAAK,CAAC,iBAAiB,CAAC,IAAID,QAAQ,CAACC,KAAK,CAAC,iBAAiB,CAAC,EAAE;IAC1E;IACA,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGJ,QAAQ,CAACK,KAAK,CAAC,GAAG,CAAC;IAC5C,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGN,QAAQ,CAACI,KAAK,CAAC,GAAG,CAAC;IAC5C,OAAOF,MAAM,KAAKG,MAAM,IAAIF,MAAM,KAAKG,MAAM;EAC/C,CAAC,MAAM;IACL;IACA,OAAOP,QAAQ,KAAKC,QAAQ;EAC9B;AACF"}

package/lib/module/reanimated2/platform-specific/jsVersion.js CHANGED Viewed

@@ -5,5 +5,5 @@
  * with the version used to build the native part of the library in runtime.
  * Remember to keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '3.6.0';
+export const jsVersion = '3.6.2';
 //# sourceMappingURL=jsVersion.js.map

package/lib/module/reanimated2/platform-specific/jsVersion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["jsVersion"],"sources":["jsVersion.ts"],"sourcesContent":["'use strict';\n/*\n We hardcode the version of Reanimated here in order to compare it\n * with the version used to build the native part of the library in runtime.\n * Remember to keep this in sync with the version declared in `package.json`\n */\nexport const jsVersion = '3.6.0';\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAG,OAAO"}
1	+ {"version":3,"names":["jsVersion"],"sources":["jsVersion.ts"],"sourcesContent":["'use strict';\n/*\n We hardcode the version of Reanimated here in order to compare it\n * with the version used to build the native part of the library in runtime.\n * Remember to keep this in sync with the version declared in `package.json`\n */\nexport const jsVersion = '3.6.2';\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAG,OAAO"}

package/lib/module/reanimated2/platformFunctions/dispatchCommand.js CHANGED Viewed

@@ -32,6 +32,15 @@ function dispatchCommandChromeDebugger() {
 function dispatchCommandDefault() {
   console.warn('[Reanimated] dispatchCommand() is not supported on this configuration.');
 }
+/**
+ * Lets you synchronously call a command of a native component.
+ *
+ * @param animatedRef - An [animated ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns) connected to the component you'd want to call the command on.
+ * @param commandName - The name of the command to dispatch (e.g. `"focus"` or `"scrollToEnd"`).
+ * @param args - An optional array of arguments for the command.
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/advanced/dispatchCommand
+ */
 export let dispatchCommand;
 if (!shouldBeUseWeb()) {
   if (isFabric()) {

package/lib/module/reanimated2/platformFunctions/dispatchCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["isChromeDebugger","isFabric","isJest","shouldBeUseWeb","dispatchCommandFabric","animatedRef","commandName","args","arguments","length","undefined","_WORKLET","shadowNodeWrapper","_dispatchCommandFabric","dispatchCommandPaper","viewTag","_dispatchCommandPaper","dispatchCommandJest","console","warn","dispatchCommandChromeDebugger","dispatchCommandDefault","dispatchCommand"],"sources":["dispatchCommand.ts"],"sourcesContent":["'use strict';\nimport type { ShadowNodeWrapper } from '../commonTypes';\nimport {\n isChromeDebugger,\n isFabric,\n isJest,\n shouldBeUseWeb,\n} from '../PlatformChecker';\nimport type { AnimatedRef } from '../hook/commonTypes';\nimport type { Component } from 'react';\n\nfunction dispatchCommandFabric<T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args: Array<unknown> = []\n) {\n 'worklet';\n if (!_WORKLET) {\n return;\n }\n\n const shadowNodeWrapper = animatedRef() as ShadowNodeWrapper;\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n _dispatchCommandFabric!(shadowNodeWrapper, commandName, args);\n}\n\nfunction dispatchCommandPaper<T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args: Array<unknown> = []\n) {\n 'worklet';\n if (!_WORKLET) {\n return;\n }\n\n const viewTag = animatedRef() as number;\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n _dispatchCommandPaper!(viewTag, commandName, args);\n}\n\nfunction dispatchCommandJest() {\n console.warn('[Reanimated] dispatchCommand() is not supported with Jest.');\n}\n\nfunction dispatchCommandChromeDebugger() {\n console.warn(\n '[Reanimated] dispatchCommand() is not supported with Chrome Debugger.'\n );\n}\n\nfunction dispatchCommandDefault() {\n console.warn(\n '[Reanimated] dispatchCommand() is not supported on this configuration.'\n );\n}\n\nexport let dispatchCommand: <T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args?: Array<unknown>\n) => void;\nif (!shouldBeUseWeb()) {\n if (isFabric()) {\n dispatchCommand = dispatchCommandFabric;\n } else {\n dispatchCommand = dispatchCommandPaper;\n }\n} else if (isJest()) {\n dispatchCommand = dispatchCommandJest;\n} else if (isChromeDebugger()) {\n dispatchCommand = dispatchCommandChromeDebugger;\n} else {\n dispatchCommand = dispatchCommandDefault;\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SACEA,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,cAAc,QACT,oBAAoB;AAI3B,SAASC,qBAAqBA,CAC5BC,WAA2B,EAC3BC,WAAmB,EAEnB;EACA,SAAS;;EAAC,IAFVC,IAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAGzB,IAAI,CAACG,QAAQ,EAAE;IACb;EACF;EAEA,MAAMC,iBAAiB,GAAGP,WAAW,EAAuB;EAC5D;EACAQ,sBAAsB,CAAED,iBAAiB,EAAEN,WAAW,EAAEC,IAAI,CAAC;AAC/D;AAEA,SAASO,oBAAoBA,CAC3BT,WAA2B,EAC3BC,WAAmB,EAEnB;EACA,SAAS;;EAAC,IAFVC,IAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAGzB,IAAI,CAACG,QAAQ,EAAE;IACb;EACF;EAEA,MAAMI,OAAO,GAAGV,WAAW,EAAY;EACvC;EACAW,qBAAqB,CAAED,OAAO,EAAET,WAAW,EAAEC,IAAI,CAAC;AACpD;AAEA,SAASU,mBAAmBA,CAAA,EAAG;EAC7BC,OAAO,CAACC,IAAI,CAAC,4DAA4D,CAAC;AAC5E;AAEA,SAASC,6BAA6BA,CAAA,EAAG;EACvCF,OAAO,CAACC,IAAI,CACV,uEAAuE,CACxE;AACH;AAEA,SAASE,sBAAsBA,CAAA,EAAG;EAChCH,OAAO,CAACC,IAAI,CACV,wEAAwE,CACzE;AACH;~~AAEA~~,OAAO,IAAIG,eAIF;AACT,IAAI,CAACnB,cAAc,EAAE,EAAE;EACrB,IAAIF,QAAQ,EAAE,EAAE;IACdqB,eAAe,GAAGlB,qBAAqB;EACzC,CAAC,MAAM;IACLkB,eAAe,GAAGR,oBAAoB;EACxC;AACF,CAAC,MAAM,IAAIZ,MAAM,EAAE,EAAE;EACnBoB,eAAe,GAAGL,mBAAmB;AACvC,CAAC,MAAM,IAAIjB,gBAAgB,EAAE,EAAE;EAC7BsB,eAAe,GAAGF,6BAA6B;AACjD,CAAC,MAAM;EACLE,eAAe,GAAGD,sBAAsB;AAC1C"}
1	+ {"version":3,"names":["isChromeDebugger","isFabric","isJest","shouldBeUseWeb","dispatchCommandFabric","animatedRef","commandName","args","arguments","length","undefined","_WORKLET","shadowNodeWrapper","_dispatchCommandFabric","dispatchCommandPaper","viewTag","_dispatchCommandPaper","dispatchCommandJest","console","warn","dispatchCommandChromeDebugger","dispatchCommandDefault","dispatchCommand"],"sources":["dispatchCommand.ts"],"sourcesContent":["'use strict';\nimport type { ShadowNodeWrapper } from '../commonTypes';\nimport {\n isChromeDebugger,\n isFabric,\n isJest,\n shouldBeUseWeb,\n} from '../PlatformChecker';\nimport type { AnimatedRef } from '../hook/commonTypes';\nimport type { Component } from 'react';\n\nfunction dispatchCommandFabric<T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args: Array<unknown> = []\n) {\n 'worklet';\n if (!_WORKLET) {\n return;\n }\n\n const shadowNodeWrapper = animatedRef() as ShadowNodeWrapper;\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n _dispatchCommandFabric!(shadowNodeWrapper, commandName, args);\n}\n\nfunction dispatchCommandPaper<T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args: Array<unknown> = []\n) {\n 'worklet';\n if (!_WORKLET) {\n return;\n }\n\n const viewTag = animatedRef() as number;\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n _dispatchCommandPaper!(viewTag, commandName, args);\n}\n\nfunction dispatchCommandJest() {\n console.warn('[Reanimated] dispatchCommand() is not supported with Jest.');\n}\n\nfunction dispatchCommandChromeDebugger() {\n console.warn(\n '[Reanimated] dispatchCommand() is not supported with Chrome Debugger.'\n );\n}\n\nfunction dispatchCommandDefault() {\n console.warn(\n '[Reanimated] dispatchCommand() is not supported on this configuration.'\n );\n}\n\n/*\n Lets you synchronously call a command of a native component.\n \n @param animatedRef - An [animated ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns) connected to the component you'd want to call the command on.\n * @param commandName - The name of the command to dispatch (e.g. `\"focus\"` or `\"scrollToEnd\"`).\n * @param args - An optional array of arguments for the command.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/advanced/dispatchCommand\n */\nexport let dispatchCommand: <T extends Component>(\n animatedRef: AnimatedRef<T>,\n commandName: string,\n args?: Array<unknown>\n) => void;\nif (!shouldBeUseWeb()) {\n if (isFabric()) {\n dispatchCommand = dispatchCommandFabric;\n } else {\n dispatchCommand = dispatchCommandPaper;\n }\n} else if (isJest()) {\n dispatchCommand = dispatchCommandJest;\n} else if (isChromeDebugger()) {\n dispatchCommand = dispatchCommandChromeDebugger;\n} else {\n dispatchCommand = dispatchCommandDefault;\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SACEA,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,cAAc,QACT,oBAAoB;AAI3B,SAASC,qBAAqBA,CAC5BC,WAA2B,EAC3BC,WAAmB,EAEnB;EACA,SAAS;;EAAC,IAFVC,IAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAGzB,IAAI,CAACG,QAAQ,EAAE;IACb;EACF;EAEA,MAAMC,iBAAiB,GAAGP,WAAW,EAAuB;EAC5D;EACAQ,sBAAsB,CAAED,iBAAiB,EAAEN,WAAW,EAAEC,IAAI,CAAC;AAC/D;AAEA,SAASO,oBAAoBA,CAC3BT,WAA2B,EAC3BC,WAAmB,EAEnB;EACA,SAAS;;EAAC,IAFVC,IAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAGzB,IAAI,CAACG,QAAQ,EAAE;IACb;EACF;EAEA,MAAMI,OAAO,GAAGV,WAAW,EAAY;EACvC;EACAW,qBAAqB,CAAED,OAAO,EAAET,WAAW,EAAEC,IAAI,CAAC;AACpD;AAEA,SAASU,mBAAmBA,CAAA,EAAG;EAC7BC,OAAO,CAACC,IAAI,CAAC,4DAA4D,CAAC;AAC5E;AAEA,SAASC,6BAA6BA,CAAA,EAAG;EACvCF,OAAO,CAACC,IAAI,CACV,uEAAuE,CACxE;AACH;AAEA,SAASE,sBAAsBA,CAAA,EAAG;EAChCH,OAAO,CAACC,IAAI,CACV,wEAAwE,CACzE;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAIG,eAIF;AACT,IAAI,CAACnB,cAAc,EAAE,EAAE;EACrB,IAAIF,QAAQ,EAAE,EAAE;IACdqB,eAAe,GAAGlB,qBAAqB;EACzC,CAAC,MAAM;IACLkB,eAAe,GAAGR,oBAAoB;EACxC;AACF,CAAC,MAAM,IAAIZ,MAAM,EAAE,EAAE;EACnBoB,eAAe,GAAGL,mBAAmB;AACvC,CAAC,MAAM,IAAIjB,gBAAgB,EAAE,EAAE;EAC7BsB,eAAe,GAAGF,6BAA6B;AACjD,CAAC,MAAM;EACLE,eAAe,GAAGD,sBAAsB;AAC1C"}

package/lib/module/reanimated2/platformFunctions/getRelativeCoords.js CHANGED Viewed

@@ -1,14 +1,24 @@
 'use strict';
 import { measure } from './measure';
+/**
+ * An object which contains relative coordinates.
+ */
 /**
- * Given an absolute position and a component ref, returns the relative
- * position in the component's local coordinate space.
+ * Lets you determines the location on the screen, relative to the given view.
+ *
+ * @param animatedRef - An [animated ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns) connected to the component you'd want to get the coordinates from.
+ * @param absoluteX - A number which is an absolute x coordinate.
+ * @param absoluteY - A number which is an absolute y coordinate.
+ * @returns An object which contains relative coordinates - {@link ComponentCoords}.
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/utilities/getRelativeCoords
  */
-export function getRelativeCoords(parentAnimatedRef, absoluteX, absoluteY) {
+export function getRelativeCoords(animatedRef, absoluteX, absoluteY) {
   'worklet';
-  const parentCoords = measure(parentAnimatedRef);
+  const parentCoords = measure(animatedRef);
   if (parentCoords === null) {
     return null;
   }

package/lib/module/reanimated2/platformFunctions/getRelativeCoords.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["measure","getRelativeCoords","~~parentAnimatedRef~~","absoluteX","absoluteY","parentCoords","x","y"],"sources":["getRelativeCoords.ts"],"sourcesContent":["'use strict';\nimport type { Component } from 'react';\nimport { measure } from './measure';\nimport type { AnimatedRef } from '../hook/commonTypes';\n\nexport interface ComponentCoords {\n x: number;\n y: number;\n}\n\n/*\n ~~Given~~ an ~~absolute~~ ~~position~~ ~~and~~ a ~~component~~ ~~ref~~, ~~returns~~ the ~~relative\~~n * ~~position~~ in the component's ~~local~~ coordinate ~~space~~.\n */\nexport function getRelativeCoords(\n ~~parentAnimatedRef~~: AnimatedRef<Component>,\n absoluteX: number,\n absoluteY: number\n): ComponentCoords \| null {\n 'worklet';\n const parentCoords = measure(~~parentAnimatedRef~~);\n if (parentCoords === null) {\n return null;\n }\n return {\n x: absoluteX - parentCoords.x,\n y: absoluteY - parentCoords.y,\n };\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,WAAW;~~AAQnC~~;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,~~iBAAyC~~,~~EACzCC~~,SAAiB,EACjBC,SAAiB,EACO;EACxB,SAAS;;EACT,MAAMC,YAAY,GAAGL,OAAO,CAACE,~~iBAAiB~~,CAAC;~~EAC/C~~,IAAIG,YAAY,KAAK,IAAI,EAAE;IACzB,OAAO,IAAI;EACb;EACA,OAAO;IACLC,CAAC,EAAEH,SAAS,GAAGE,YAAY,CAACC,CAAC;IAC7BC,CAAC,EAAEH,SAAS,GAAGC,YAAY,CAACE;EAC9B,CAAC;AACH"}
1	+ {"version":3,"names":["measure","getRelativeCoords","animatedRef","absoluteX","absoluteY","parentCoords","x","y"],"sources":["getRelativeCoords.ts"],"sourcesContent":["'use strict';\nimport type { Component } from 'react';\nimport { measure } from './measure';\nimport type { AnimatedRef } from '../hook/commonTypes';\n\n/*\n An object which contains relative coordinates.\n /\nexport interface ComponentCoords {\n x: number;\n y: number;\n}\n\n/\n Lets you determines the location on the screen, relative to the given view.\n \n @param animatedRef - An [animated ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns) connected to the component you'd want to get the coordinates from.\n * @param absoluteX - A number which is an absolute x coordinate.\n * @param absoluteY - A number which is an absolute y coordinate.\n * @returns An object which contains relative coordinates - {@link ComponentCoords}.\n * @see https://docs.swmansion.com/react-native-reanimated/docs/utilities/getRelativeCoords\n */\nexport function getRelativeCoords(\n animatedRef: AnimatedRef<Component>,\n absoluteX: number,\n absoluteY: number\n): ComponentCoords \| null {\n 'worklet';\n const parentCoords = measure(animatedRef);\n if (parentCoords === null) {\n return null;\n }\n return {\n x: absoluteX - parentCoords.x,\n y: absoluteY - parentCoords.y,\n };\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,WAAW;;AAGnC;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,WAAmC,EACnCC,SAAiB,EACjBC,SAAiB,EACO;EACxB,SAAS;;EACT,MAAMC,YAAY,GAAGL,OAAO,CAACE,WAAW,CAAC;EACzC,IAAIG,YAAY,KAAK,IAAI,EAAE;IACzB,OAAO,IAAI;EACb;EACA,OAAO;IACLC,CAAC,EAAEH,SAAS,GAAGE,YAAY,CAACC,CAAC;IAC7BC,CAAC,EAAEH,SAAS,GAAGC,YAAY,CAACE;EAC9B,CAAC;AACH"}

package/lib/module/reanimated2/platformFunctions/measure.js CHANGED Viewed

@@ -1,6 +1,13 @@
 'use strict';
 import { isChromeDebugger, isFabric, isJest, shouldBeUseWeb } from '../PlatformChecker';
+/**
+ * Lets you synchronously get the dimensions and position of a view on the screen.
+ *
+ * @param animatedRef - An [animated ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns) connected to the component you'd want to get the measurements from.
+ * @returns An object containing component measurements or null when the measurement couldn't be performed- {@link MeasuredDimensions}.
+ * @see https://docs.swmansion.com/react-native-reanimated/docs/advanced/measure/
+ */
 export let measure;
 function measureFabric(animatedRef) {
   'worklet';