npm - react-native-reanimated - Versions diffs - 3.8.0 → 3.9.0-layout-animation-experimental - Mend

react-native-reanimated 3.8.0 → 3.9.0-layout-animation-experimental

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 (423) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["convertAnimationObjectToKeyframes","DEFAULT_ZOOM_TIME","ZoomInData","ZoomIn","name","style","transform","scale","duration","ZoomInRotate","rotate","ZoomInRight","translateX","ZoomInLeft","ZoomInUp","translateY","ZoomInDown","ZoomInEasyUp","ZoomInEasyDown","ZoomOutData","ZoomOut","ZoomOutRotate","ZoomOutRight","ZoomOutLeft","ZoomOutUp","ZoomOutDown","ZoomOutEasyUp","ZoomOutEasyDown"],"sources":["Zoom.web.ts"],"sourcesContent":["'use strict';\nimport { convertAnimationObjectToKeyframes } from '../animationParser';\n\nconst DEFAULT_ZOOM_TIME = 0.3;\n\nexport const ZoomInData = {\n ZoomIn: {\n name: 'ZoomIn',\n style: {\n 0: { transform: [{ scale: 0 }] },\n 100: { transform: [{ scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInRotate: {\n name: 'ZoomInRotate',\n style: {\n 0: { transform: [{ scale: 0, rotate: '0.3rad' }] },\n 100: { transform: [{ scale: 1, rotate: '0deg' }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInRight: {\n name: 'ZoomInRight',\n style: {\n 0: { transform: [{ translateX: '100vw', scale: 0 }] },\n 100: { transform: [{ translateX: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInLeft: {\n name: 'ZoomInLeft',\n style: {\n 0: { transform: [{ translateX: '-100vw', scale: 0 }] },\n 100: { transform: [{ translateX: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInUp: {\n name: 'ZoomInUp',\n style: {\n 0: { transform: [{ translateY: '-100vh', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInDown: {\n name: 'ZoomInDown',\n style: {\n 0: { transform: [{ translateY: '100vh', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInEasyUp: {\n name: 'ZoomInEasyUp',\n style: {\n 0: { transform: [{ translateY: '-100%', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInEasyDown: {\n name: 'ZoomInEasyDown',\n style: {\n 0: { transform: [{ translateY: '100%', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n};\n\nexport const ZoomOutData = {\n ZoomOut: {\n name: 'ZoomOut',\n style: {\n 100: { transform: [{ scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutRotate: {\n name: 'ZoomOutRotate',\n style: {\n 100: { transform: [{ scale: 0, rotate: '0.3rad' }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutRight: {\n name: 'ZoomOutRight',\n style: {\n 100: { transform: [{ translateX: '100vw', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutLeft: {\n name: 'ZoomOutLeft',\n style: {\n 100: { transform: [{ translateX: '-100vw', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutUp: {\n name: 'ZoomOutUp',\n style: {\n 100: { transform: [{ translateY: '-100vh', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutDown: {\n name: 'ZoomOutDown',\n style: {\n 100: { transform: [{ translateY: '100vh', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutEasyUp: {\n name: 'ZoomOutEasyUp',\n style: {\n 100: { transform: [{ translateY: '-100%', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutEasyDown: {\n name: 'ZoomOutEasyDown',\n style: {\n 100: { transform: [{ translateY: '100%', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n};\n\nexport const ZoomIn = {\n ZoomIn: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomIn),\n duration: ZoomInData.ZoomIn.duration,\n },\n ZoomInRotate: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInRotate),\n duration: ZoomInData.ZoomInRotate.duration,\n },\n ZoomInRight: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInRight),\n duration: ZoomInData.ZoomInRight.duration,\n },\n ZoomInLeft: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInLeft),\n duration: ZoomInData.ZoomInLeft.duration,\n },\n ZoomInUp: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInUp),\n duration: ZoomInData.ZoomInUp.duration,\n },\n ZoomInDown: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInDown),\n duration: ZoomInData.ZoomInDown.duration,\n },\n ZoomInEasyUp: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInEasyUp),\n duration: ZoomInData.ZoomInEasyUp.duration,\n },\n ZoomInEasyDown: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInEasyDown),\n duration: ZoomInData.ZoomInEasyDown.duration,\n },\n};\n\nexport const ZoomOut = {\n ZoomOut: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOut),\n duration: ZoomOutData.ZoomOut.duration,\n },\n ZoomOutRotate: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutRotate),\n duration: ZoomOutData.ZoomOutRotate.duration,\n },\n ZoomOutRight: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutRight),\n duration: ZoomOutData.ZoomOutRight.duration,\n },\n ZoomOutLeft: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutLeft),\n duration: ZoomOutData.ZoomOutLeft.duration,\n },\n ZoomOutUp: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutUp),\n duration: ZoomOutData.ZoomOutUp.duration,\n },\n ZoomOutDown: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutDown),\n duration: ZoomOutData.ZoomOutDown.duration,\n },\n ZoomOutEasyUp: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutEasyUp),\n duration: ZoomOutData.ZoomOutEasyUp.duration,\n },\n ZoomOutEasyDown: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutEasyDown),\n duration: ZoomOutData.ZoomOutEasyDown.duration,\n },\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["convertAnimationObjectToKeyframes","DEFAULT_ZOOM_TIME","ZoomInData","ZoomIn","name","style","transform","scale","duration","ZoomInRotate","rotate","ZoomInRight","translateX","ZoomInLeft","ZoomInUp","translateY","ZoomInDown","ZoomInEasyUp","ZoomInEasyDown","ZoomOutData","ZoomOut","ZoomOutRotate","ZoomOutRight","ZoomOutLeft","ZoomOutUp","ZoomOutDown","ZoomOutEasyUp","ZoomOutEasyDown"],"sources":["Zoom.web.ts"],"sourcesContent":["'use strict';\nimport { convertAnimationObjectToKeyframes } from '../animationParser';\n\nconst DEFAULT_ZOOM_TIME = 0.3;\n\nexport const ZoomInData = {\n ZoomIn: {\n name: 'ZoomIn',\n style: {\n 0: { transform: [{ scale: 0 }] },\n 100: { transform: [{ scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInRotate: {\n name: 'ZoomInRotate',\n style: {\n 0: { transform: [{ scale: 0, rotate: '0.3rad' }] },\n 100: { transform: [{ scale: 1, rotate: '0deg' }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInRight: {\n name: 'ZoomInRight',\n style: {\n 0: { transform: [{ translateX: '100vw', scale: 0 }] },\n 100: { transform: [{ translateX: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInLeft: {\n name: 'ZoomInLeft',\n style: {\n 0: { transform: [{ translateX: '-100vw', scale: 0 }] },\n 100: { transform: [{ translateX: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInUp: {\n name: 'ZoomInUp',\n style: {\n 0: { transform: [{ translateY: '-100vh', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInDown: {\n name: 'ZoomInDown',\n style: {\n 0: { transform: [{ translateY: '100vh', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInEasyUp: {\n name: 'ZoomInEasyUp',\n style: {\n 0: { transform: [{ translateY: '-100%', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomInEasyDown: {\n name: 'ZoomInEasyDown',\n style: {\n 0: { transform: [{ translateY: '100%', scale: 0 }] },\n 100: { transform: [{ translateY: '0%', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n};\n\nexport const ZoomOutData = {\n ZoomOut: {\n name: 'ZoomOut',\n style: {\n 100: { transform: [{ scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutRotate: {\n name: 'ZoomOutRotate',\n style: {\n 100: { transform: [{ scale: 0, rotate: '0.3rad' }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutRight: {\n name: 'ZoomOutRight',\n style: {\n 100: { transform: [{ translateX: '100vw', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutLeft: {\n name: 'ZoomOutLeft',\n style: {\n 100: { transform: [{ translateX: '-100vw', scale: 1 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutUp: {\n name: 'ZoomOutUp',\n style: {\n 100: { transform: [{ translateY: '-100vh', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutDown: {\n name: 'ZoomOutDown',\n style: {\n 100: { transform: [{ translateY: '100vh', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutEasyUp: {\n name: 'ZoomOutEasyUp',\n style: {\n 100: { transform: [{ translateY: '-100%', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n\n ZoomOutEasyDown: {\n name: 'ZoomOutEasyDown',\n style: {\n 100: { transform: [{ translateY: '100%', scale: 0 }] },\n },\n duration: DEFAULT_ZOOM_TIME,\n },\n};\n\nexport const ZoomIn = {\n ZoomIn: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomIn),\n duration: ZoomInData.ZoomIn.duration,\n },\n ZoomInRotate: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInRotate),\n duration: ZoomInData.ZoomInRotate.duration,\n },\n ZoomInRight: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInRight),\n duration: ZoomInData.ZoomInRight.duration,\n },\n ZoomInLeft: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInLeft),\n duration: ZoomInData.ZoomInLeft.duration,\n },\n ZoomInUp: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInUp),\n duration: ZoomInData.ZoomInUp.duration,\n },\n ZoomInDown: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInDown),\n duration: ZoomInData.ZoomInDown.duration,\n },\n ZoomInEasyUp: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInEasyUp),\n duration: ZoomInData.ZoomInEasyUp.duration,\n },\n ZoomInEasyDown: {\n style: convertAnimationObjectToKeyframes(ZoomInData.ZoomInEasyDown),\n duration: ZoomInData.ZoomInEasyDown.duration,\n },\n};\n\nexport const ZoomOut = {\n ZoomOut: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOut),\n duration: ZoomOutData.ZoomOut.duration,\n },\n ZoomOutRotate: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutRotate),\n duration: ZoomOutData.ZoomOutRotate.duration,\n },\n ZoomOutRight: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutRight),\n duration: ZoomOutData.ZoomOutRight.duration,\n },\n ZoomOutLeft: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutLeft),\n duration: ZoomOutData.ZoomOutLeft.duration,\n },\n ZoomOutUp: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutUp),\n duration: ZoomOutData.ZoomOutUp.duration,\n },\n ZoomOutDown: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutDown),\n duration: ZoomOutData.ZoomOutDown.duration,\n },\n ZoomOutEasyUp: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutEasyUp),\n duration: ZoomOutData.ZoomOutEasyUp.duration,\n },\n ZoomOutEasyDown: {\n style: convertAnimationObjectToKeyframes(ZoomOutData.ZoomOutEasyDown),\n duration: ZoomOutData.ZoomOutEasyDown.duration,\n },\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,10 +17,8 @@ export function convertAnimationObjectToKeyframes(animationObject) {
       });
       keyframe += `; `; // Property end
     }
     keyframe += `} `; // Timestamp end
   }
   keyframe += `} `; // Keyframe end
   return keyframe;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["convertAnimationObjectToKeyframes","animationObject","keyframe","name","timestamp","style","Object","entries","property","values","forEach","value","transformProperty","transformPropertyValue","convertTransformToString","transform","transformString","transformObject","key","indexOf"],"sources":["animationParser.ts"],"sourcesContent":["'use strict';\n\nimport type { TransformsStyle } from 'react-native';\n\nexport interface ReanimatedWebTransformProperties {\n translateX?: string;\n translateY?: string;\n rotate?: string;\n rotateX?: string;\n rotateY?: string;\n scale?: number \| string;\n scaleX?: number;\n scaleY?: number;\n perspective?: string;\n skew?: string;\n skewX?: string;\n}\n\ninterface AnimationStyle {\n opacity?: number;\n transform?: ReanimatedWebTransformProperties[];\n}\n\nexport interface AnimationData {\n name: string;\n style: Record<number, AnimationStyle>;\n duration: number;\n}\n\nexport interface TransitionData {\n translateX: number;\n translateY: number;\n scaleX: number;\n scaleY: number;\n reversed?: boolean;\n}\n\nexport function convertAnimationObjectToKeyframes(\n animationObject: AnimationData\n) {\n let keyframe = `@keyframes ${animationObject.name} { `;\n\n for (const [timestamp, style] of Object.entries(animationObject.style)) {\n keyframe += `${timestamp}% { `;\n\n for (const [property, values] of Object.entries(style)) {\n if (property !== 'transform') {\n keyframe += `${property}: ${values}; `;\n continue;\n }\n\n keyframe += `transform:`;\n\n values.forEach((value: ReanimatedWebTransformProperties) => {\n for (const [\n transformProperty,\n transformPropertyValue,\n ] of Object.entries(value)) {\n keyframe += ` ${transformProperty}(${transformPropertyValue})`;\n }\n });\n keyframe += `; `; // Property end\n }\n keyframe += `} `; // Timestamp end\n }\n keyframe += `} `; // Keyframe end\n\n return keyframe;\n}\n\nexport function convertTransformToString(\n transform: NonNullable<TransformsStyle['transform']> \| undefined\n) {\n if (!transform) {\n return '';\n }\n\n type RNTransformProp = (typeof transform)[number];\n\n let transformString = '';\n\n // @ts-ignore `transform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n transform.forEach((transformObject: RNTransformProp) => {\n for (const [key, value] of Object.entries(transformObject)) {\n if (key === 'reversed') {\n continue;\n }\n\n if (key.indexOf('translate') < 0) {\n transformString += `${key}(${value}) `;\n } else {\n transformString += `${key}(${value}px) `;\n }\n }\n });\n\n return transformString;\n}\n"],"mappings":"AAAA,YAAY;;AAqCZ,OAAO,SAASA,iCAAiCA,CAC/CC,eAA8B,EAC9B;EACA,IAAIC,QAAQ,GAAI,cAAaD,eAAe,CAACE,IAAK,KAAI;EAEtD,KAAK,MAAM,CAACC,SAAS,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACN,eAAe,CAACI,KAAK,CAAC,EAAE;IACtEH,QAAQ,IAAK,GAAEE,SAAU,MAAK;IAE9B,KAAK,MAAM,CAACI,QAAQ,EAAEC,MAAM,CAAC,IAAIH,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACtD,IAAIG,QAAQ,KAAK,WAAW,EAAE;QAC5BN,QAAQ,IAAK,GAAEM,QAAS,KAAIC,MAAO,IAAG;QACtC;MACF;MAEAP,QAAQ,IAAK,YAAW;MAExBO,MAAM,CAACC,OAAO,CAAEC,KAAuC,IAAK;QAC1D,KAAK,MAAM,CACTC,iBAAiB,EACjBC,sBAAsB,CACvB,IAAIP,MAAM,CAACC,OAAO,CAACI,KAAK,CAAC,EAAE;UAC1BT,QAAQ,IAAK,IAAGU,iBAAkB,IAAGC,sBAAuB,GAAE;QAChE;MACF,CAAC,CAAC;MACFX,QAAQ,IAAK,IAAG,CAAC,CAAC;IACpB;;IACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;EACpB;;EACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;;EAElB,OAAOA,QAAQ;AACjB;AAEA,OAAO,SAASY,wBAAwBA,CACtCC,SAAgE,EAChE;EACA,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,EAAE;EACX;EAIA,IAAIC,eAAe,GAAG,EAAE;;EAExB;EACA;EACAD,SAAS,CAACL,OAAO,CAAEO,eAAgC,IAAK;IACtD,KAAK,MAAM,CAACC,GAAG,EAAEP,KAAK,CAAC,IAAIL,MAAM,CAACC,OAAO,CAACU,eAAe,CAAC,EAAE;MAC1D,IAAIC,GAAG,KAAK,UAAU,EAAE;QACtB;MACF;MAEA,IAAIA,GAAG,CAACC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;QAChCH,eAAe,IAAK,GAAEE,GAAI,IAAGP,KAAM,IAAG;MACxC,CAAC,MAAM;QACLK,eAAe,IAAK,GAAEE,GAAI,IAAGP,KAAM,MAAK;MAC1C;IACF;EACF,CAAC,CAAC;EAEF,OAAOK,eAAe;AACxB"}
1	+ {"version":3,"names":["convertAnimationObjectToKeyframes","animationObject","keyframe","name","timestamp","style","Object","entries","property","values","forEach","value","transformProperty","transformPropertyValue","convertTransformToString","transform","transformString","transformObject","key","indexOf"],"sources":["animationParser.ts"],"sourcesContent":["'use strict';\n\nimport type { TransformsStyle } from 'react-native';\n\nexport interface ReanimatedWebTransformProperties {\n translateX?: string;\n translateY?: string;\n rotate?: string;\n rotateX?: string;\n rotateY?: string;\n scale?: number \| string;\n scaleX?: number;\n scaleY?: number;\n perspective?: string;\n skew?: string;\n skewX?: string;\n}\n\ninterface AnimationStyle {\n opacity?: number;\n transform?: ReanimatedWebTransformProperties[];\n}\n\nexport interface AnimationData {\n name: string;\n style: Record<number, AnimationStyle>;\n duration: number;\n}\n\nexport interface TransitionData {\n translateX: number;\n translateY: number;\n scaleX: number;\n scaleY: number;\n reversed?: boolean;\n}\n\nexport function convertAnimationObjectToKeyframes(\n animationObject: AnimationData\n) {\n let keyframe = `@keyframes ${animationObject.name} { `;\n\n for (const [timestamp, style] of Object.entries(animationObject.style)) {\n keyframe += `${timestamp}% { `;\n\n for (const [property, values] of Object.entries(style)) {\n if (property !== 'transform') {\n keyframe += `${property}: ${values}; `;\n continue;\n }\n\n keyframe += `transform:`;\n\n values.forEach((value: ReanimatedWebTransformProperties) => {\n for (const [\n transformProperty,\n transformPropertyValue,\n ] of Object.entries(value)) {\n keyframe += ` ${transformProperty}(${transformPropertyValue})`;\n }\n });\n keyframe += `; `; // Property end\n }\n keyframe += `} `; // Timestamp end\n }\n keyframe += `} `; // Keyframe end\n\n return keyframe;\n}\n\nexport function convertTransformToString(\n transform: NonNullable<TransformsStyle['transform']> \| undefined\n) {\n if (!transform) {\n return '';\n }\n\n type RNTransformProp = (typeof transform)[number];\n\n let transformString = '';\n\n // @ts-ignore `transform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n transform.forEach((transformObject: RNTransformProp) => {\n for (const [key, value] of Object.entries(transformObject)) {\n if (key === 'reversed') {\n continue;\n }\n\n if (key.indexOf('translate') < 0) {\n transformString += `${key}(${value}) `;\n } else {\n transformString += `${key}(${value}px) `;\n }\n }\n });\n\n return transformString;\n}\n"],"mappings":"AAAA,YAAY;;AAqCZ,OAAO,SAASA,iCAAiCA,CAC/CC,eAA8B,EAC9B;EACA,IAAIC,QAAQ,GAAI,cAAaD,eAAe,CAACE,IAAK,KAAI;EAEtD,KAAK,MAAM,CAACC,SAAS,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACN,eAAe,CAACI,KAAK,CAAC,EAAE;IACtEH,QAAQ,IAAK,GAAEE,SAAU,MAAK;IAE9B,KAAK,MAAM,CAACI,QAAQ,EAAEC,MAAM,CAAC,IAAIH,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACtD,IAAIG,QAAQ,KAAK,WAAW,EAAE;QAC5BN,QAAQ,IAAK,GAAEM,QAAS,KAAIC,MAAO,IAAG;QACtC;MACF;MAEAP,QAAQ,IAAK,YAAW;MAExBO,MAAM,CAACC,OAAO,CAAEC,KAAuC,IAAK;QAC1D,KAAK,MAAM,CACTC,iBAAiB,EACjBC,sBAAsB,CACvB,IAAIP,MAAM,CAACC,OAAO,CAACI,KAAK,CAAC,EAAE;UAC1BT,QAAQ,IAAK,IAAGU,iBAAkB,IAAGC,sBAAuB,GAAE;QAChE;MACF,CAAC,CAAC;MACFX,QAAQ,IAAK,IAAG,CAAC,CAAC;IACpB;IACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;EACpB;EACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;;EAElB,OAAOA,QAAQ;AACjB;AAEA,OAAO,SAASY,wBAAwBA,CACtCC,SAAgE,EAChE;EACA,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,EAAE;EACX;EAIA,IAAIC,eAAe,GAAG,EAAE;;EAExB;EACA;EACAD,SAAS,CAACL,OAAO,CAAEO,eAAgC,IAAK;IACtD,KAAK,MAAM,CAACC,GAAG,EAAEP,KAAK,CAAC,IAAIL,MAAM,CAACC,OAAO,CAACU,eAAe,CAAC,EAAE;MAC1D,IAAIC,GAAG,KAAK,UAAU,EAAE;QACtB;MACF;MAEA,IAAIA,GAAG,CAACC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;QAChCH,eAAe,IAAK,GAAEE,GAAI,IAAGP,KAAM,IAAG;MACxC,CAAC,MAAM;QACLK,eAAe,IAAK,GAAEE,GAAI,IAAGP,KAAM,MAAK;MAC1C;IACF;EACF,CAAC,CAAC;EAEF,OAAOK,eAAe;AACxB","ignoreList":[]}

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

@@ -16,7 +16,7 @@ function checkUndefinedAnimationFail(initialAnimationName, isLayoutTransition) {
   if (initialAnimationName in Animations || isLayoutTransition) {
     return false;
   }
-  console.warn("[Reanimated] Couldn't load entering/exiting animation. Current version supports only predefined animations with modifiers: duration, delay, easing, randomizeDelay, wtihCallback, reducedMotion.");
+  console.warn("[Reanimated] Couldn't load entering/exiting animation. Current version supports only predefined animations with modifiers: duration, delay, easing, randomizeDelay, withCallback, reducedMotion.");
   return true;
 }
 function chooseAction(animationType, animationConfig, element, transitionData, transform) {
@@ -79,7 +79,6 @@ export function tryActivateLayoutTransition(props, element, snapshot) {
     scaleY: snapshot.height / rect.height,
     reversed: false // This field is used only in `SequencedTransition`, so by default it will be false
   };
   startWebLayoutAnimation(props, element, LayoutAnimationType.LAYOUT, transitionData);
 }
 //# sourceMappingURL=animationsManager.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Animations","LayoutAnimationType","createAnimationWithExistingTransform","extractTransformFromStyle","getProcessedConfig","handleExitingAnimation","handleLayoutTransition","setElementAnimation","areDOMRectsEqual","makeElementVisible","chooseConfig","animationType","props","config","ENTERING","entering","EXITING","exiting","LAYOUT","layout","checkUndefinedAnimationFail","initialAnimationName","isLayoutTransition","console","warn","chooseAction","animationConfig","element","transitionData","transform","reversed","tryGetAnimationConfigWithTransform","presetName","constructor","shouldFail","style","animationName","startWebLayoutAnimation","maybeAnimationConfigWithTransform","tryActivateLayoutTransition","snapshot","rect","getBoundingClientRect","translateX","x","translateY","y","scaleX","width","scaleY","height"],"sources":["animationsManager.ts"],"sourcesContent":["'use strict';\n\nimport type { AnimationConfig, AnimationNames, CustomConfig } from './config';\nimport { Animations } from './config';\nimport type {\n AnimatedComponentProps,\n LayoutAnimationStaticContext,\n} from '../../../createAnimatedComponent/commonTypes';\nimport { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { createAnimationWithExistingTransform } from './createAnimation';\nimport {\n extractTransformFromStyle,\n getProcessedConfig,\n handleExitingAnimation,\n handleLayoutTransition,\n setElementAnimation,\n} from './componentUtils';\nimport { areDOMRectsEqual } from './domUtils';\nimport type { TransformsStyle } from 'react-native';\nimport type { TransitionData } from './animationParser';\nimport { makeElementVisible } from './componentStyle';\n\nfunction chooseConfig<ComponentProps extends Record<string, unknown>>(\n animationType: LayoutAnimationType,\n props: Readonly<AnimatedComponentProps<ComponentProps>>\n) {\n const config =\n animationType === LayoutAnimationType.ENTERING\n ? props.entering\n : animationType === LayoutAnimationType.EXITING\n ? props.exiting\n : animationType === LayoutAnimationType.LAYOUT\n ? props.layout\n : null;\n\n return config;\n}\n\nfunction checkUndefinedAnimationFail(\n initialAnimationName: string,\n isLayoutTransition: boolean\n) {\n // This prevents crashes if we try to set animations that are not defined.\n // We don't care about layout transitions since they're created dynamically\n if (initialAnimationName in Animations \|\| isLayoutTransition) {\n return false;\n }\n\n console.warn(\n \"[Reanimated] Couldn't load entering/exiting animation. Current version supports only predefined animations with modifiers: duration, delay, easing, randomizeDelay, ~~wtihCallback~~, reducedMotion.\"\n );\n\n return true;\n}\n\nfunction chooseAction(\n animationType: LayoutAnimationType,\n animationConfig: AnimationConfig,\n element: HTMLElement,\n transitionData: TransitionData,\n transform: TransformsStyle['transform'] \| undefined\n) {\n switch (animationType) {\n case LayoutAnimationType.ENTERING:\n setElementAnimation(element, animationConfig, transform);\n break;\n case LayoutAnimationType.LAYOUT:\n transitionData.reversed = animationConfig.reversed;\n\n handleLayoutTransition(\n element,\n animationConfig,\n transitionData,\n transform\n );\n break;\n case LayoutAnimationType.EXITING:\n handleExitingAnimation(element, animationConfig);\n break;\n }\n}\n\nfunction tryGetAnimationConfigWithTransform<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n animationType: LayoutAnimationType\n) {\n const config = chooseConfig(animationType, props);\n if (!config) {\n return null;\n }\n\n type ConstructorWithStaticContext = LayoutAnimationStaticContext &\n typeof config.constructor;\n\n const isLayoutTransition = animationType === LayoutAnimationType.LAYOUT;\n const initialAnimationName =\n typeof config === 'function'\n ? config.presetName\n : (config.constructor as ConstructorWithStaticContext).presetName;\n\n const shouldFail = checkUndefinedAnimationFail(\n initialAnimationName,\n isLayoutTransition\n );\n\n if (shouldFail) {\n return null;\n }\n\n const transform = extractTransformFromStyle(props.style as StyleProps);\n\n const animationName =\n transform && animationType !== LayoutAnimationType.EXITING\n ? createAnimationWithExistingTransform(initialAnimationName, transform)\n : initialAnimationName;\n\n const animationConfig = getProcessedConfig(\n animationName,\n animationType,\n config as CustomConfig,\n initialAnimationName as AnimationNames\n );\n\n return { animationConfig, transform };\n}\n\nexport function startWebLayoutAnimation<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n element: HTMLElement,\n animationType: LayoutAnimationType,\n transitionData?: TransitionData\n) {\n const maybeAnimationConfigWithTransform = tryGetAnimationConfigWithTransform(\n props,\n animationType\n );\n\n if (maybeAnimationConfigWithTransform) {\n const { animationConfig, transform } = maybeAnimationConfigWithTransform;\n\n chooseAction(\n animationType,\n animationConfig,\n element,\n transitionData as TransitionData,\n transform\n );\n } else {\n makeElementVisible(element, 0);\n }\n}\n\nexport function tryActivateLayoutTransition<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n element: HTMLElement,\n snapshot: DOMRect\n) {\n if (!props.layout) {\n return;\n }\n\n const rect = element.getBoundingClientRect();\n\n if (areDOMRectsEqual(rect, snapshot)) {\n return;\n }\n\n const transitionData: TransitionData = {\n translateX: snapshot.x - rect.x,\n translateY: snapshot.y - rect.y,\n scaleX: snapshot.width / rect.width,\n scaleY: snapshot.height / rect.height,\n reversed: false, // This field is used only in `SequencedTransition`, so by default it will be false\n };\n\n startWebLayoutAnimation(\n props,\n element,\n LayoutAnimationType.LAYOUT,\n transitionData\n );\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAASA,UAAU,QAAQ,UAAU;AAKrC,SAASC,mBAAmB,QAAQ,iCAAiC;AAErE,SAASC,oCAAoC,QAAQ,mBAAmB;AACxE,SACEC,yBAAyB,EACzBC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,kBAAkB;AACzB,SAASC,gBAAgB,QAAQ,YAAY;AAG7C,SAASC,kBAAkB,QAAQ,kBAAkB;AAErD,SAASC,YAAYA,CACnBC,aAAkC,EAClCC,KAAuD,EACvD;EACA,MAAMC,MAAM,GACVF,aAAa,KAAKV,mBAAmB,CAACa,QAAQ,GAC1CF,KAAK,CAACG,QAAQ,GACdJ,aAAa,KAAKV,mBAAmB,CAACe,OAAO,GAC7CJ,KAAK,CAACK,OAAO,GACbN,aAAa,KAAKV,mBAAmB,CAACiB,MAAM,GAC5CN,KAAK,CAACO,MAAM,GACZ,IAAI;EAEV,OAAON,MAAM;AACf;AAEA,SAASO,2BAA2BA,CAClCC,oBAA4B,EAC5BC,kBAA2B,EAC3B;EACA;EACA;EACA,IAAID,oBAAoB,IAAIrB,UAAU,IAAIsB,kBAAkB,EAAE;IAC5D,OAAO,KAAK;EACd;EAEAC,OAAO,CAACC,IAAI,CACV,~~kMAAkM~~,~~CACnM~~;EAED,OAAO,IAAI;AACb;AAEA,SAASC,YAAYA,CACnBd,aAAkC,EAClCe,eAAgC,EAChCC,OAAoB,EACpBC,cAA8B,EAC9BC,SAAmD,EACnD;EACA,QAAQlB,aAAa;IACnB,KAAKV,mBAAmB,CAACa,QAAQ;MAC/BP,mBAAmB,CAACoB,OAAO,EAAED,eAAe,EAAEG,SAAS,CAAC;MACxD;IACF,KAAK5B,mBAAmB,CAACiB,MAAM;MAC7BU,cAAc,CAACE,QAAQ,GAAGJ,eAAe,CAACI,QAAQ;MAElDxB,sBAAsB,CACpBqB,OAAO,EACPD,eAAe,EACfE,cAAc,EACdC,~~SAAS~~,~~CACV~~;MACD;IACF,KAAK5B,mBAAmB,CAACe,OAAO;MAC9BX,sBAAsB,CAACsB,OAAO,EAAED,eAAe,CAAC;MAChD;~~EAAM~~;~~AAEZ~~;AAEA,SAASK,kCAAkCA,CAGzCnB,KAAuD,EACvDD,aAAkC,EAClC;EACA,MAAME,MAAM,GAAGH,YAAY,CAACC,aAAa,EAAEC,KAAK,CAAC;EACjD,IAAI,CAACC,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAKA,MAAMS,kBAAkB,GAAGX,aAAa,KAAKV,mBAAmB,CAACiB,MAAM;EACvE,MAAMG,oBAAoB,GACxB,OAAOR,MAAM,KAAK,UAAU,GACxBA,MAAM,CAACmB,UAAU,GAChBnB,MAAM,CAACoB,WAAW,CAAkCD,UAAU;EAErE,MAAME,UAAU,GAAGd,2BAA2B,CAC5CC,oBAAoB,EACpBC,~~kBAAkB~~,~~CACnB~~;EAED,IAAIY,UAAU,EAAE;IACd,OAAO,IAAI;EACb;EAEA,MAAML,SAAS,GAAG1B,yBAAyB,CAACS,KAAK,CAACuB,~~KAAK~~,~~CAAe~~;EAEtE,MAAMC,aAAa,GACjBP,SAAS,IAAIlB,aAAa,KAAKV,mBAAmB,CAACe,OAAO,GACtDd,oCAAoC,CAACmB,oBAAoB,EAAEQ,SAAS,CAAC,GACrER,oBAAoB;EAE1B,MAAMK,eAAe,GAAGtB,kBAAkB,CACxCgC,aAAa,EACbzB,aAAa,EACbE,MAAM,EACNQ,~~oBAAoB~~,~~CACrB~~;EAED,OAAO;IAAEK,eAAe;IAAEG;EAAU,CAAC;AACvC;AAEA,OAAO,SAASQ,uBAAuBA,CAGrCzB,KAAuD,EACvDe,OAAoB,EACpBhB,aAAkC,EAClCiB,cAA+B,EAC/B;EACA,MAAMU,iCAAiC,GAAGP,kCAAkC,CAC1EnB,KAAK,EACLD,~~aAAa~~,~~CACd~~;EAED,IAAI2B,iCAAiC,EAAE;IACrC,MAAM;MAAEZ,eAAe;MAAEG;IAAU,CAAC,GAAGS,iCAAiC;IAExEb,YAAY,CACVd,aAAa,EACbe,eAAe,EACfC,OAAO,EACPC,cAAc,EACdC,~~SAAS~~,~~CACV~~;EACH,CAAC,MAAM;IACLpB,kBAAkB,CAACkB,OAAO,EAAE,CAAC,CAAC;EAChC;AACF;AAEA,OAAO,SAASY,2BAA2BA,CAGzC3B,KAAuD,EACvDe,OAAoB,EACpBa,QAAiB,EACjB;EACA,IAAI,CAAC5B,KAAK,CAACO,MAAM,EAAE;IACjB;EACF;EAEA,MAAMsB,IAAI,GAAGd,OAAO,CAACe,qBAAqB,~~EAAE~~;EAE5C,IAAIlC,gBAAgB,CAACiC,IAAI,EAAED,QAAQ,CAAC,EAAE;IACpC;EACF;EAEA,MAAMZ,cAA8B,GAAG;IACrCe,UAAU,EAAEH,QAAQ,CAACI,CAAC,GAAGH,IAAI,CAACG,CAAC;IAC/BC,UAAU,EAAEL,QAAQ,CAACM,CAAC,GAAGL,IAAI,CAACK,CAAC;IAC/BC,MAAM,EAAEP,QAAQ,CAACQ,KAAK,GAAGP,IAAI,CAACO,KAAK;IACnCC,MAAM,EAAET,QAAQ,CAACU,MAAM,GAAGT,IAAI,CAACS,MAAM;IACrCpB,QAAQ,EAAE,KAAK,CAAE;EACnB,CAAC;;EAEDO,uBAAuB,CACrBzB,KAAK,EACLe,OAAO,EACP1B,mBAAmB,CAACiB,MAAM,EAC1BU,~~cAAc~~,~~CACf~~;AACH"}
1	+ {"version":3,"names":["Animations","LayoutAnimationType","createAnimationWithExistingTransform","extractTransformFromStyle","getProcessedConfig","handleExitingAnimation","handleLayoutTransition","setElementAnimation","areDOMRectsEqual","makeElementVisible","chooseConfig","animationType","props","config","ENTERING","entering","EXITING","exiting","LAYOUT","layout","checkUndefinedAnimationFail","initialAnimationName","isLayoutTransition","console","warn","chooseAction","animationConfig","element","transitionData","transform","reversed","tryGetAnimationConfigWithTransform","presetName","constructor","shouldFail","style","animationName","startWebLayoutAnimation","maybeAnimationConfigWithTransform","tryActivateLayoutTransition","snapshot","rect","getBoundingClientRect","translateX","x","translateY","y","scaleX","width","scaleY","height"],"sources":["animationsManager.ts"],"sourcesContent":["'use strict';\n\nimport type { AnimationConfig, AnimationNames, CustomConfig } from './config';\nimport { Animations } from './config';\nimport type {\n AnimatedComponentProps,\n LayoutAnimationStaticContext,\n} from '../../../createAnimatedComponent/commonTypes';\nimport { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { createAnimationWithExistingTransform } from './createAnimation';\nimport {\n extractTransformFromStyle,\n getProcessedConfig,\n handleExitingAnimation,\n handleLayoutTransition,\n setElementAnimation,\n} from './componentUtils';\nimport { areDOMRectsEqual } from './domUtils';\nimport type { TransformsStyle } from 'react-native';\nimport type { TransitionData } from './animationParser';\nimport { makeElementVisible } from './componentStyle';\n\nfunction chooseConfig<ComponentProps extends Record<string, unknown>>(\n animationType: LayoutAnimationType,\n props: Readonly<AnimatedComponentProps<ComponentProps>>\n) {\n const config =\n animationType === LayoutAnimationType.ENTERING\n ? props.entering\n : animationType === LayoutAnimationType.EXITING\n ? props.exiting\n : animationType === LayoutAnimationType.LAYOUT\n ? props.layout\n : null;\n\n return config;\n}\n\nfunction checkUndefinedAnimationFail(\n initialAnimationName: string,\n isLayoutTransition: boolean\n) {\n // This prevents crashes if we try to set animations that are not defined.\n // We don't care about layout transitions since they're created dynamically\n if (initialAnimationName in Animations \|\| isLayoutTransition) {\n return false;\n }\n\n console.warn(\n \"[Reanimated] Couldn't load entering/exiting animation. Current version supports only predefined animations with modifiers: duration, delay, easing, randomizeDelay, withCallback, reducedMotion.\"\n );\n\n return true;\n}\n\nfunction chooseAction(\n animationType: LayoutAnimationType,\n animationConfig: AnimationConfig,\n element: HTMLElement,\n transitionData: TransitionData,\n transform: TransformsStyle['transform'] \| undefined\n) {\n switch (animationType) {\n case LayoutAnimationType.ENTERING:\n setElementAnimation(element, animationConfig, transform);\n break;\n case LayoutAnimationType.LAYOUT:\n transitionData.reversed = animationConfig.reversed;\n\n handleLayoutTransition(\n element,\n animationConfig,\n transitionData,\n transform\n );\n break;\n case LayoutAnimationType.EXITING:\n handleExitingAnimation(element, animationConfig);\n break;\n }\n}\n\nfunction tryGetAnimationConfigWithTransform<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n animationType: LayoutAnimationType\n) {\n const config = chooseConfig(animationType, props);\n if (!config) {\n return null;\n }\n\n type ConstructorWithStaticContext = LayoutAnimationStaticContext &\n typeof config.constructor;\n\n const isLayoutTransition = animationType === LayoutAnimationType.LAYOUT;\n const initialAnimationName =\n typeof config === 'function'\n ? config.presetName\n : (config.constructor as ConstructorWithStaticContext).presetName;\n\n const shouldFail = checkUndefinedAnimationFail(\n initialAnimationName,\n isLayoutTransition\n );\n\n if (shouldFail) {\n return null;\n }\n\n const transform = extractTransformFromStyle(props.style as StyleProps);\n\n const animationName =\n transform && animationType !== LayoutAnimationType.EXITING\n ? createAnimationWithExistingTransform(initialAnimationName, transform)\n : initialAnimationName;\n\n const animationConfig = getProcessedConfig(\n animationName,\n animationType,\n config as CustomConfig,\n initialAnimationName as AnimationNames\n );\n\n return { animationConfig, transform };\n}\n\nexport function startWebLayoutAnimation<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n element: HTMLElement,\n animationType: LayoutAnimationType,\n transitionData?: TransitionData\n) {\n const maybeAnimationConfigWithTransform = tryGetAnimationConfigWithTransform(\n props,\n animationType\n );\n\n if (maybeAnimationConfigWithTransform) {\n const { animationConfig, transform } = maybeAnimationConfigWithTransform;\n\n chooseAction(\n animationType,\n animationConfig,\n element,\n transitionData as TransitionData,\n transform\n );\n } else {\n makeElementVisible(element, 0);\n }\n}\n\nexport function tryActivateLayoutTransition<\n ComponentProps extends Record<string, unknown>\n>(\n props: Readonly<AnimatedComponentProps<ComponentProps>>,\n element: HTMLElement,\n snapshot: DOMRect\n) {\n if (!props.layout) {\n return;\n }\n\n const rect = element.getBoundingClientRect();\n\n if (areDOMRectsEqual(rect, snapshot)) {\n return;\n }\n\n const transitionData: TransitionData = {\n translateX: snapshot.x - rect.x,\n translateY: snapshot.y - rect.y,\n scaleX: snapshot.width / rect.width,\n scaleY: snapshot.height / rect.height,\n reversed: false, // This field is used only in `SequencedTransition`, so by default it will be false\n };\n\n startWebLayoutAnimation(\n props,\n element,\n LayoutAnimationType.LAYOUT,\n transitionData\n );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -43,6 +43,8 @@ export function setDummyPosition(dummy, snapshot) {
   dummy.style.height = `${snapshot.height}px`;
   dummy.style.margin = '0px'; // tmpElement has absolute position, so margin is not necessary
-  fixElementPosition(dummy, dummy.parentElement, snapshot);
+  if (dummy.parentElement) {
+    fixElementPosition(dummy, dummy.parentElement, snapshot);
+  }
 }
 //# sourceMappingURL=componentStyle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_updatePropsJS","snapshots","WeakMap","makeElementVisible","element","delay","visibility","_component","setTimeout","fixElementPosition","parent","snapshot","parentRect","getBoundingClientRect","parentBorderTopValue","parseInt","getComputedStyle","borderTopWidth","parentBorderLeftValue","borderLeftWidth","dummyRect","top","style","left","setDummyPosition","dummy","transform","position","width","height","margin","parentElement"],"sources":["componentStyle.ts"],"sourcesContent":["'use strict';\n\nimport { _updatePropsJS } from '../../js-reanimated';\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\n\nexport interface ReanimatedSnapshot {\n top: number;\n left: number;\n width: number;\n height: number;\n scrollOffsets: ScrollOffsets;\n}\n\nexport interface ScrollOffsets {\n scrollTopOffset: number;\n scrollLeftOffset: number;\n}\n\nexport const snapshots = new WeakMap<HTMLElement, ReanimatedSnapshot>();\n\nexport function makeElementVisible(element: HTMLElement, delay: number) {\n if (delay === 0) {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n } else {\n setTimeout(() => {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n }, delay * 1000);\n }\n}\n\nfunction fixElementPosition(\n element: HTMLElement,\n parent: HTMLElement,\n snapshot: ReanimatedSnapshot\n) {\n const parentRect = parent.getBoundingClientRect();\n\n const parentBorderTopValue = parseInt(\n getComputedStyle(parent).borderTopWidth\n );\n\n const parentBorderLeftValue = parseInt(\n getComputedStyle(parent).borderLeftWidth\n );\n\n const dummyRect = element.getBoundingClientRect();\n // getBoundingClientRect returns DOMRect with position of the element with respect to document body.\n // However, using position `absolute` doesn't guarantee, that the dummy will be placed relative to body element.\n // The trick below allows us to once again get position relative to body, by comparing snapshot with new position of the dummy.\n if (dummyRect.top !== snapshot.top) {\n element.style.top = `${\n snapshot.top - parentRect.top - parentBorderTopValue\n }px`;\n }\n\n if (dummyRect.left !== snapshot.left) {\n element.style.left = `${\n snapshot.left - parentRect.left - parentBorderLeftValue\n }px`;\n }\n}\n\nexport function setDummyPosition(\n dummy: HTMLElement,\n snapshot: ReanimatedSnapshot\n) {\n dummy.style.transform = '';\n dummy.style.position = 'absolute';\n dummy.style.top = `${snapshot.top}px`;\n dummy.style.left = `${snapshot.left}px`;\n dummy.style.width = `${snapshot.width}px`;\n dummy.style.height = `${snapshot.height}px`;\n dummy.style.margin = '0px'; // tmpElement has absolute position, so margin is not necessary\n\n fixElementPosition(dummy, dummy.parentElement!, snapshot);\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,cAAc,QAAQ,qBAAqB;AAgBpD,OAAO,MAAMC,SAAS,GAAG,IAAIC,OAAO,~~EAAmC~~;AAEvE,OAAO,SAASC,kBAAkBA,CAACC,OAAoB,EAAEC,KAAa,EAAE;EACtE,IAAIA,KAAK,KAAK,CAAC,EAAE;IACfL,cAAc,CACZ;MAAEM,UAAU,EAAE;IAAU,CAAC,EACzB;MAAEC,UAAU,EAAEH;IAAiC,CAAC~~,CACjD~~;EACH,CAAC,MAAM;IACLI,UAAU,CAAC,MAAM;MACfR,cAAc,CACZ;QAAEM,UAAU,EAAE;MAAU,CAAC,EACzB;QAAEC,UAAU,EAAEH;MAAiC,CAAC~~,CACjD~~;IACH,CAAC,EAAEC,KAAK,GAAG,IAAI,CAAC;EAClB;AACF;AAEA,SAASI,kBAAkBA,CACzBL,OAAoB,EACpBM,MAAmB,EACnBC,QAA4B,EAC5B;EACA,MAAMC,UAAU,GAAGF,MAAM,CAACG,qBAAqB,~~EAAE~~;EAEjD,MAAMC,oBAAoB,GAAGC,QAAQ,CACnCC,gBAAgB,CAACN,MAAM,CAAC,CAACO,~~cAAc~~,~~CACxC~~;EAED,MAAMC,qBAAqB,GAAGH,QAAQ,CACpCC,gBAAgB,CAACN,MAAM,CAAC,CAACS,~~eAAe~~,~~CACzC~~;EAED,MAAMC,SAAS,GAAGhB,OAAO,CAACS,qBAAqB,~~EAAE~~;EACjD;EACA;EACA;EACA,IAAIO,SAAS,CAACC,GAAG,KAAKV,QAAQ,CAACU,GAAG,EAAE;IAClCjB,OAAO,CAACkB,KAAK,CAACD,GAAG,GAAI,GACnBV,QAAQ,CAACU,GAAG,GAAGT,UAAU,CAACS,GAAG,GAAGP,oBACjC,IAAG;EACN;EAEA,IAAIM,SAAS,CAACG,IAAI,KAAKZ,QAAQ,CAACY,IAAI,EAAE;IACpCnB,OAAO,CAACkB,KAAK,CAACC,IAAI,GAAI,GACpBZ,QAAQ,CAACY,IAAI,GAAGX,UAAU,CAACW,IAAI,GAAGL,qBACnC,IAAG;EACN;AACF;AAEA,OAAO,SAASM,gBAAgBA,CAC9BC,KAAkB,EAClBd,QAA4B,EAC5B;EACAc,KAAK,CAACH,KAAK,CAACI,SAAS,GAAG,EAAE;EAC1BD,KAAK,CAACH,KAAK,CAACK,QAAQ,GAAG,UAAU;EACjCF,KAAK,CAACH,KAAK,CAACD,GAAG,GAAI,GAAEV,QAAQ,CAACU,GAAI,IAAG;EACrCI,KAAK,CAACH,KAAK,CAACC,IAAI,GAAI,GAAEZ,QAAQ,CAACY,IAAK,IAAG;EACvCE,KAAK,CAACH,KAAK,CAACM,KAAK,GAAI,GAAEjB,QAAQ,CAACiB,KAAM,IAAG;EACzCH,KAAK,CAACH,KAAK,CAACO,MAAM,GAAI,GAAElB,QAAQ,CAACkB,MAAO,IAAG;EAC3CJ,KAAK,CAACH,KAAK,CAACQ,MAAM,GAAG,KAAK,CAAC,CAAC;;~~EAE5BrB~~,kBAAkB,CAACgB,KAAK,EAAEA,KAAK,CAACM,aAAa,~~EAAGpB~~,QAAQ,CAAC;~~AAC3D~~"}
1	+ {"version":3,"names":["_updatePropsJS","snapshots","WeakMap","makeElementVisible","element","delay","visibility","_component","setTimeout","fixElementPosition","parent","snapshot","parentRect","getBoundingClientRect","parentBorderTopValue","parseInt","getComputedStyle","borderTopWidth","parentBorderLeftValue","borderLeftWidth","dummyRect","top","style","left","setDummyPosition","dummy","transform","position","width","height","margin","parentElement"],"sources":["componentStyle.ts"],"sourcesContent":["'use strict';\n\nimport { _updatePropsJS } from '../../js-reanimated';\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\n\nexport interface ReanimatedSnapshot {\n top: number;\n left: number;\n width: number;\n height: number;\n scrollOffsets: ScrollOffsets;\n}\n\nexport interface ScrollOffsets {\n scrollTopOffset: number;\n scrollLeftOffset: number;\n}\n\nexport const snapshots = new WeakMap<HTMLElement, ReanimatedSnapshot>();\n\nexport function makeElementVisible(element: HTMLElement, delay: number) {\n if (delay === 0) {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n } else {\n setTimeout(() => {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n }, delay * 1000);\n }\n}\n\nfunction fixElementPosition(\n element: HTMLElement,\n parent: HTMLElement,\n snapshot: ReanimatedSnapshot\n) {\n const parentRect = parent.getBoundingClientRect();\n\n const parentBorderTopValue = parseInt(\n getComputedStyle(parent).borderTopWidth\n );\n\n const parentBorderLeftValue = parseInt(\n getComputedStyle(parent).borderLeftWidth\n );\n\n const dummyRect = element.getBoundingClientRect();\n // getBoundingClientRect returns DOMRect with position of the element with respect to document body.\n // However, using position `absolute` doesn't guarantee, that the dummy will be placed relative to body element.\n // The trick below allows us to once again get position relative to body, by comparing snapshot with new position of the dummy.\n if (dummyRect.top !== snapshot.top) {\n element.style.top = `${\n snapshot.top - parentRect.top - parentBorderTopValue\n }px`;\n }\n\n if (dummyRect.left !== snapshot.left) {\n element.style.left = `${\n snapshot.left - parentRect.left - parentBorderLeftValue\n }px`;\n }\n}\n\nexport function setDummyPosition(\n dummy: HTMLElement,\n snapshot: ReanimatedSnapshot\n) {\n dummy.style.transform = '';\n dummy.style.position = 'absolute';\n dummy.style.top = `${snapshot.top}px`;\n dummy.style.left = `${snapshot.left}px`;\n dummy.style.width = `${snapshot.width}px`;\n dummy.style.height = `${snapshot.height}px`;\n dummy.style.margin = '0px'; // tmpElement has absolute position, so margin is not necessary\n\n if (dummy.parentElement) {\n fixElementPosition(dummy, dummy.parentElement, snapshot);\n }\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,cAAc,QAAQ,qBAAqB;AAgBpD,OAAO,MAAMC,SAAS,GAAG,IAAIC,OAAO,CAAkC,CAAC;AAEvE,OAAO,SAASC,kBAAkBA,CAACC,OAAoB,EAAEC,KAAa,EAAE;EACtE,IAAIA,KAAK,KAAK,CAAC,EAAE;IACfL,cAAc,CACZ;MAAEM,UAAU,EAAE;IAAU,CAAC,EACzB;MAAEC,UAAU,EAAEH;IAAiC,CACjD,CAAC;EACH,CAAC,MAAM;IACLI,UAAU,CAAC,MAAM;MACfR,cAAc,CACZ;QAAEM,UAAU,EAAE;MAAU,CAAC,EACzB;QAAEC,UAAU,EAAEH;MAAiC,CACjD,CAAC;IACH,CAAC,EAAEC,KAAK,GAAG,IAAI,CAAC;EAClB;AACF;AAEA,SAASI,kBAAkBA,CACzBL,OAAoB,EACpBM,MAAmB,EACnBC,QAA4B,EAC5B;EACA,MAAMC,UAAU,GAAGF,MAAM,CAACG,qBAAqB,CAAC,CAAC;EAEjD,MAAMC,oBAAoB,GAAGC,QAAQ,CACnCC,gBAAgB,CAACN,MAAM,CAAC,CAACO,cAC3B,CAAC;EAED,MAAMC,qBAAqB,GAAGH,QAAQ,CACpCC,gBAAgB,CAACN,MAAM,CAAC,CAACS,eAC3B,CAAC;EAED,MAAMC,SAAS,GAAGhB,OAAO,CAACS,qBAAqB,CAAC,CAAC;EACjD;EACA;EACA;EACA,IAAIO,SAAS,CAACC,GAAG,KAAKV,QAAQ,CAACU,GAAG,EAAE;IAClCjB,OAAO,CAACkB,KAAK,CAACD,GAAG,GAAI,GACnBV,QAAQ,CAACU,GAAG,GAAGT,UAAU,CAACS,GAAG,GAAGP,oBACjC,IAAG;EACN;EAEA,IAAIM,SAAS,CAACG,IAAI,KAAKZ,QAAQ,CAACY,IAAI,EAAE;IACpCnB,OAAO,CAACkB,KAAK,CAACC,IAAI,GAAI,GACpBZ,QAAQ,CAACY,IAAI,GAAGX,UAAU,CAACW,IAAI,GAAGL,qBACnC,IAAG;EACN;AACF;AAEA,OAAO,SAASM,gBAAgBA,CAC9BC,KAAkB,EAClBd,QAA4B,EAC5B;EACAc,KAAK,CAACH,KAAK,CAACI,SAAS,GAAG,EAAE;EAC1BD,KAAK,CAACH,KAAK,CAACK,QAAQ,GAAG,UAAU;EACjCF,KAAK,CAACH,KAAK,CAACD,GAAG,GAAI,GAAEV,QAAQ,CAACU,GAAI,IAAG;EACrCI,KAAK,CAACH,KAAK,CAACC,IAAI,GAAI,GAAEZ,QAAQ,CAACY,IAAK,IAAG;EACvCE,KAAK,CAACH,KAAK,CAACM,KAAK,GAAI,GAAEjB,QAAQ,CAACiB,KAAM,IAAG;EACzCH,KAAK,CAACH,KAAK,CAACO,MAAM,GAAI,GAAElB,QAAQ,CAACkB,MAAO,IAAG;EAC3CJ,KAAK,CAACH,KAAK,CAACQ,MAAM,GAAG,KAAK,CAAC,CAAC;;EAE5B,IAAIL,KAAK,CAACM,aAAa,EAAE;IACvBtB,kBAAkB,CAACgB,KAAK,EAAEA,KAAK,CAACM,aAAa,EAAEpB,QAAQ,CAAC;EAC1D;AACF","ignoreList":[]}

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

@@ -13,8 +13,7 @@ function getEasingFromConfig(config) {
   const easingName = config.easingV && config.easingV.name in WebEasings ? config.easingV.name : 'linear';
   return `cubic-bezier(${WebEasings[easingName].toString()})`;
 }
-function getRandomDelay() {
-  let maxDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+function getRandomDelay(maxDelay = 1000) {
   return Math.floor(Math.random() * (maxDelay + 1)) / 1000;
 }
 function getDelayFromConfig(config) {
@@ -102,12 +101,12 @@ export function setElementAnimation(element, animationConfig, existingTransform)
   element.style.animationTimingFunction = easing;
   element.onanimationend = () => {
     var _animationConfig$call;
-    (_animationConfig$call = animationConfig.callback) === null || _animationConfig$call === void 0 ? void 0 : _animationConfig$call.call(animationConfig, true);
+    (_animationConfig$call = animationConfig.callback) === null || _animationConfig$call === void 0 || _animationConfig$call.call(animationConfig, true);
     element.removeEventListener('animationcancel', animationCancelHandler);
   };
   const animationCancelHandler = () => {
     var _animationConfig$call2;
-    (_animationConfig$call2 = animationConfig.callback) === null || _animationConfig$call2 === void 0 ? void 0 : _animationConfig$call2.call(animationConfig, false);
+    (_animationConfig$call2 = animationConfig.callback) === null || _animationConfig$call2 === void 0 || _animationConfig$call2.call(animationConfig, false);
     element.removeEventListener('animationcancel', animationCancelHandler);
   };
@@ -189,11 +188,11 @@ export function handleExitingAnimation(element, animationConfig) {
     dummy.appendChild(element.firstChild);
   }
   setElementAnimation(dummy, animationConfig);
-  parent === null || parent === void 0 ? void 0 : parent.appendChild(dummy);
+  parent === null || parent === void 0 || parent.appendChild(dummy);
   const snapshot = snapshots.get(element);
   const scrollOffsets = getElementScrollValue(element);
-  // Scroll does not trigger snapshoting, therefore if we start exiting animation after
+  // Scroll does not trigger snapshotting, therefore if we start exiting animation after
   // scrolling through parent component, dummy will end up in wrong place. In order to fix that
   // we keep last known scroll position in snapshot and then adjust dummy position based on
   // last known scroll offset and current scroll offset
@@ -218,7 +217,7 @@ export function handleExitingAnimation(element, animationConfig) {
     }
     // Given that this function overrides onAnimationEnd, it won't be null
-    originalOnAnimationEnd === null || originalOnAnimationEnd === void 0 ? void 0 : originalOnAnimationEnd.call(this, event);
+    originalOnAnimationEnd === null || originalOnAnimationEnd === void 0 || originalOnAnimationEnd.call(this, event);
   };
   dummy.addEventListener('animationcancel', () => {
     if (parent !== null && parent !== void 0 && parent.contains(dummy)) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Animations","TransitionType","WebEasings","convertTransformToString","TransitionGenerator","scheduleAnimationCleanup","_updatePropsJS","ReduceMotion","isReducedMotion","LayoutAnimationType","setDummyPosition","snapshots","getEasingFromConfig","config","easingName","easingV","name","toString","getRandomDelay","maxDelay","arguments","length","undefined","Math","floor","random","getDelayFromConfig","shouldRandomizeDelay","randomizeDelay","delay","delayV","getReducedMotionFromConfig","reduceMotionV","Never","Always","getDurationFromConfig","isLayoutTransition","animationName","defaultDuration","duration","durationV","getCallbackFromConfig","callbackV","getReversedFromConfig","reversed","extractTransformFromStyle","style","transform","Error","Array","isArray","i","_style$i","getProcessedConfig","animationType","initialAnimationName","LAYOUT","easing","callback","saveSnapshot","element","rect","getBoundingClientRect","snapshot","top","left","width","height","scrollOffsets","getElementScrollValue","set","setElementAnimation","animationConfig","existingTransform","animationDuration","animationDelay","animationTimingFunction","onanimationend","_animationConfig$call","call","removeEventListener","animationCancelHandler","_animationConfig$call2","onanimationstart","ENTERING","visibility","_component","addEventListener","handleLayoutTransition","transitionData","LINEAR","SEQUENCED","FADING","transformCopy","structuredClone","push","current","scrollTopOffset","scrollLeftOffset","scrollTop","scrollLeft","parentElement","handleExitingAnimation","parent","offsetParent","dummy","cloneNode","reanimatedDummy","firstChild","appendChild","get","currentScrollTopOffset","lastScrollTopOffset","currentScrollLeftOffset","lastScrollLeftOffset","originalOnAnimationEnd","event","contains","removedAfterAnimation","removeChild"],"sources":["componentUtils.ts"],"sourcesContent":["'use strict';\n\nimport type { TransformsStyle } from 'react-native';\nimport { Animations, TransitionType, WebEasings } from './config';\nimport type {\n AnimationCallback,\n AnimationConfig,\n AnimationNames,\n CustomConfig,\n WebEasingsNames,\n} from './config';\nimport { convertTransformToString } from './animationParser';\nimport type { TransitionData } from './animationParser';\nimport { TransitionGenerator } from './createAnimation';\nimport { scheduleAnimationCleanup } from './domUtils';\nimport { _updatePropsJS } from '../../js-reanimated';\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\nimport { ReduceMotion } from '../../commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { isReducedMotion } from '../../PlatformChecker';\nimport { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport type { ReanimatedSnapshot, ScrollOffsets } from './componentStyle';\nimport { setDummyPosition, snapshots } from './componentStyle';\n\nfunction getEasingFromConfig(config: CustomConfig): string {\n const easingName =\n config.easingV && config.easingV.name in WebEasings\n ? (config.easingV.name as WebEasingsNames)\n : 'linear';\n\n return `cubic-bezier(${WebEasings[easingName].toString()})`;\n}\n\nfunction getRandomDelay(maxDelay = 1000) {\n return Math.floor(Math.random() * (maxDelay + 1)) / 1000;\n}\n\nfunction getDelayFromConfig(config: CustomConfig): number {\n const shouldRandomizeDelay = config.randomizeDelay;\n\n const delay = shouldRandomizeDelay ? getRandomDelay() : 0;\n\n if (!config.delayV) {\n return delay;\n }\n\n return shouldRandomizeDelay\n ? getRandomDelay(config.delayV)\n : config.delayV / 1000;\n}\n\nexport function getReducedMotionFromConfig(config: CustomConfig) {\n if (!config.reduceMotionV) {\n return isReducedMotion();\n }\n\n switch (config.reduceMotionV) {\n case ReduceMotion.Never:\n return false;\n case ReduceMotion.Always:\n return true;\n default:\n return isReducedMotion();\n }\n}\n\nfunction getDurationFromConfig(\n config: CustomConfig,\n isLayoutTransition: boolean,\n animationName: AnimationNames\n): number {\n const defaultDuration = isLayoutTransition\n ? 0.3\n : Animations[animationName].duration;\n\n return config.durationV !== undefined\n ? config.durationV / 1000\n : defaultDuration;\n}\n\nfunction getCallbackFromConfig(config: CustomConfig): AnimationCallback {\n return config.callbackV !== undefined ? config.callbackV : null;\n}\n\nfunction getReversedFromConfig(config: CustomConfig) {\n return !!config.reversed;\n}\n\nexport function extractTransformFromStyle(style: StyleProps) {\n if (!style) {\n return;\n }\n\n if (typeof style.transform === 'string') {\n throw new Error('[Reanimated] String transform is currently unsupported.');\n }\n\n if (!Array.isArray(style)) {\n return style.transform;\n }\n\n // Only last transform should be considered\n for (let i = style.length - 1; i >= 0; --i) {\n if (style[i]?.transform) {\n return style[i].transform;\n }\n }\n}\n\nexport function getProcessedConfig(\n animationName: string,\n animationType: LayoutAnimationType,\n config: CustomConfig,\n initialAnimationName: AnimationNames\n): AnimationConfig {\n return {\n animationName,\n animationType,\n duration: getDurationFromConfig(\n config,\n animationType === LayoutAnimationType.LAYOUT,\n initialAnimationName\n ),\n delay: getDelayFromConfig(config),\n easing: getEasingFromConfig(config),\n callback: getCallbackFromConfig(config),\n reversed: getReversedFromConfig(config),\n };\n}\n\nexport function saveSnapshot(element: HTMLElement) {\n const rect = element.getBoundingClientRect();\n\n const snapshot: ReanimatedSnapshot = {\n top: rect.top,\n left: rect.left,\n width: rect.width,\n height: rect.height,\n scrollOffsets: getElementScrollValue(element),\n };\n\n snapshots.set(element, snapshot);\n}\n\nexport function setElementAnimation(\n element: HTMLElement,\n animationConfig: AnimationConfig,\n existingTransform?: TransformsStyle['transform']\n) {\n const { animationName, duration, delay, easing } = animationConfig;\n\n element.style.animationName = animationName;\n element.style.animationDuration = `${duration}s`;\n element.style.animationDelay = `${delay}s`;\n element.style.animationTimingFunction = easing;\n\n element.onanimationend = () => {\n animationConfig.callback?.(true);\n element.removeEventListener('animationcancel', animationCancelHandler);\n };\n\n const animationCancelHandler = () => {\n animationConfig.callback?.(false);\n element.removeEventListener('animationcancel', animationCancelHandler);\n };\n\n // Here we have to use `addEventListener` since element.onanimationcancel doesn't work on chrome\n element.onanimationstart = () => {\n if (animationConfig.animationType === LayoutAnimationType.ENTERING) {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n }\n\n element.addEventListener('animationcancel', animationCancelHandler);\n element.style.transform = convertTransformToString(existingTransform);\n };\n\n if (!(animationName in Animations)) {\n scheduleAnimationCleanup(animationName, duration + delay);\n }\n}\n\nexport function handleLayoutTransition(\n element: HTMLElement,\n animationConfig: AnimationConfig,\n transitionData: TransitionData,\n existingTransform: TransformsStyle['transform'] \| undefined\n) {\n const { animationName } = animationConfig;\n\n let animationType;\n\n switch (animationName) {\n case 'LinearTransition':\n animationType = TransitionType.LINEAR;\n break;\n case 'SequencedTransition':\n animationType = TransitionType.SEQUENCED;\n break;\n case 'FadingTransition':\n animationType = TransitionType.FADING;\n break;\n default:\n animationType = TransitionType.LINEAR;\n break;\n }\n\n animationConfig.animationName = TransitionGenerator(\n animationType,\n transitionData,\n existingTransform\n );\n\n const transformCopy = existingTransform\n ? structuredClone(existingTransform)\n : [];\n\n // @ts-ignore `existingTransform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n transformCopy.push(transitionData);\n element.style.transform = convertTransformToString(transformCopy);\n\n setElementAnimation(element, animationConfig, existingTransform);\n}\n\nfunction getElementScrollValue(element: HTMLElement): ScrollOffsets {\n let current: HTMLElement \| null = element;\n\n const scrollOffsets: ScrollOffsets = {\n scrollTopOffset: 0,\n scrollLeftOffset: 0,\n };\n\n while (current) {\n if (current.scrollTop !== 0 && scrollOffsets.scrollTopOffset === 0) {\n scrollOffsets.scrollTopOffset = current.scrollTop;\n }\n\n if (current.scrollLeft !== 0 && scrollOffsets.scrollLeftOffset === 0) {\n scrollOffsets.scrollLeftOffset = current.scrollLeft;\n }\n\n current = current.parentElement;\n }\n\n return scrollOffsets;\n}\n\nexport function handleExitingAnimation(\n element: HTMLElement,\n animationConfig: AnimationConfig\n) {\n const parent = element.offsetParent;\n const dummy = element.cloneNode() as ReanimatedHTMLElement;\n dummy.reanimatedDummy = true;\n\n element.style.animationName = '';\n // We hide current element so only its copy with proper animation will be displayed\n element.style.visibility = 'hidden';\n\n // After cloning the element, we want to move all children from original element to its clone. This is because original element\n // will be unmounted, therefore when this code executes in child component, parent will be either empty or removed soon.\n // Using element.cloneNode(true) doesn't solve the problem, because it creates copy of children and we won't be able to set their animations\n //\n // This loop works because appendChild() moves element into its new parent instead of copying it\n while (element.firstChild) {\n dummy.appendChild(element.firstChild);\n }\n\n setElementAnimation(dummy, animationConfig);\n parent?.appendChild(dummy);\n\n const snapshot = snapshots.get(element)!;\n\n const scrollOffsets = getElementScrollValue(element);\n\n // Scroll does not trigger snapshoting, therefore if we start exiting animation after\n // scrolling through parent component, dummy will end up in wrong place. In order to fix that\n // we keep last known scroll position in snapshot and then adjust dummy position based on\n // last known scroll offset and current scroll offset\n\n const currentScrollTopOffset = scrollOffsets.scrollTopOffset;\n const lastScrollTopOffset = snapshot.scrollOffsets.scrollTopOffset;\n\n if (currentScrollTopOffset !== lastScrollTopOffset) {\n snapshot.top += lastScrollTopOffset - currentScrollTopOffset;\n }\n\n const currentScrollLeftOffset = scrollOffsets.scrollLeftOffset;\n const lastScrollLeftOffset = snapshot.scrollOffsets.scrollLeftOffset;\n\n if (currentScrollLeftOffset !== lastScrollLeftOffset) {\n snapshot.left += lastScrollLeftOffset - currentScrollLeftOffset;\n }\n\n snapshots.set(dummy, snapshot);\n\n setDummyPosition(dummy, snapshot);\n\n const originalOnAnimationEnd = dummy.onanimationend;\n\n dummy.onanimationend = function (event: AnimationEvent) {\n if (parent?.contains(dummy)) {\n dummy.removedAfterAnimation = true;\n parent.removeChild(dummy);\n }\n\n // Given that this function overrides onAnimationEnd, it won't be null\n originalOnAnimationEnd?.call(this, event);\n };\n\n dummy.addEventListener('animationcancel', () => {\n if (parent?.contains(dummy)) {\n dummy.removedAfterAnimation = true;\n parent.removeChild(dummy);\n }\n });\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["Animations","TransitionType","WebEasings","convertTransformToString","TransitionGenerator","scheduleAnimationCleanup","_updatePropsJS","ReduceMotion","isReducedMotion","LayoutAnimationType","setDummyPosition","snapshots","getEasingFromConfig","config","easingName","easingV","name","toString","getRandomDelay","maxDelay","Math","floor","random","getDelayFromConfig","shouldRandomizeDelay","randomizeDelay","delay","delayV","getReducedMotionFromConfig","reduceMotionV","Never","Always","getDurationFromConfig","isLayoutTransition","animationName","defaultDuration","duration","durationV","undefined","getCallbackFromConfig","callbackV","getReversedFromConfig","reversed","extractTransformFromStyle","style","transform","Error","Array","isArray","i","length","_style$i","getProcessedConfig","animationType","initialAnimationName","LAYOUT","easing","callback","saveSnapshot","element","rect","getBoundingClientRect","snapshot","top","left","width","height","scrollOffsets","getElementScrollValue","set","setElementAnimation","animationConfig","existingTransform","animationDuration","animationDelay","animationTimingFunction","onanimationend","_animationConfig$call","call","removeEventListener","animationCancelHandler","_animationConfig$call2","onanimationstart","ENTERING","visibility","_component","addEventListener","handleLayoutTransition","transitionData","LINEAR","SEQUENCED","FADING","transformCopy","structuredClone","push","current","scrollTopOffset","scrollLeftOffset","scrollTop","scrollLeft","parentElement","handleExitingAnimation","parent","offsetParent","dummy","cloneNode","reanimatedDummy","firstChild","appendChild","get","currentScrollTopOffset","lastScrollTopOffset","currentScrollLeftOffset","lastScrollLeftOffset","originalOnAnimationEnd","event","contains","removedAfterAnimation","removeChild"],"sources":["componentUtils.ts"],"sourcesContent":["'use strict';\n\nimport type { TransformsStyle } from 'react-native';\nimport { Animations, TransitionType, WebEasings } from './config';\nimport type {\n AnimationCallback,\n AnimationConfig,\n AnimationNames,\n CustomConfig,\n WebEasingsNames,\n} from './config';\nimport { convertTransformToString } from './animationParser';\nimport type { TransitionData } from './animationParser';\nimport { TransitionGenerator } from './createAnimation';\nimport { scheduleAnimationCleanup } from './domUtils';\nimport { _updatePropsJS } from '../../js-reanimated';\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\nimport { ReduceMotion } from '../../commonTypes';\nimport type { StyleProps } from '../../commonTypes';\nimport { isReducedMotion } from '../../PlatformChecker';\nimport { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport type { ReanimatedSnapshot, ScrollOffsets } from './componentStyle';\nimport { setDummyPosition, snapshots } from './componentStyle';\n\nfunction getEasingFromConfig(config: CustomConfig): string {\n const easingName =\n config.easingV && config.easingV.name in WebEasings\n ? (config.easingV.name as WebEasingsNames)\n : 'linear';\n\n return `cubic-bezier(${WebEasings[easingName].toString()})`;\n}\n\nfunction getRandomDelay(maxDelay = 1000) {\n return Math.floor(Math.random() * (maxDelay + 1)) / 1000;\n}\n\nfunction getDelayFromConfig(config: CustomConfig): number {\n const shouldRandomizeDelay = config.randomizeDelay;\n\n const delay = shouldRandomizeDelay ? getRandomDelay() : 0;\n\n if (!config.delayV) {\n return delay;\n }\n\n return shouldRandomizeDelay\n ? getRandomDelay(config.delayV)\n : config.delayV / 1000;\n}\n\nexport function getReducedMotionFromConfig(config: CustomConfig) {\n if (!config.reduceMotionV) {\n return isReducedMotion();\n }\n\n switch (config.reduceMotionV) {\n case ReduceMotion.Never:\n return false;\n case ReduceMotion.Always:\n return true;\n default:\n return isReducedMotion();\n }\n}\n\nfunction getDurationFromConfig(\n config: CustomConfig,\n isLayoutTransition: boolean,\n animationName: AnimationNames\n): number {\n const defaultDuration = isLayoutTransition\n ? 0.3\n : Animations[animationName].duration;\n\n return config.durationV !== undefined\n ? config.durationV / 1000\n : defaultDuration;\n}\n\nfunction getCallbackFromConfig(config: CustomConfig): AnimationCallback {\n return config.callbackV !== undefined ? config.callbackV : null;\n}\n\nfunction getReversedFromConfig(config: CustomConfig) {\n return !!config.reversed;\n}\n\nexport function extractTransformFromStyle(style: StyleProps) {\n if (!style) {\n return;\n }\n\n if (typeof style.transform === 'string') {\n throw new Error('[Reanimated] String transform is currently unsupported.');\n }\n\n if (!Array.isArray(style)) {\n return style.transform;\n }\n\n // Only last transform should be considered\n for (let i = style.length - 1; i >= 0; --i) {\n if (style[i]?.transform) {\n return style[i].transform;\n }\n }\n}\n\nexport function getProcessedConfig(\n animationName: string,\n animationType: LayoutAnimationType,\n config: CustomConfig,\n initialAnimationName: AnimationNames\n): AnimationConfig {\n return {\n animationName,\n animationType,\n duration: getDurationFromConfig(\n config,\n animationType === LayoutAnimationType.LAYOUT,\n initialAnimationName\n ),\n delay: getDelayFromConfig(config),\n easing: getEasingFromConfig(config),\n callback: getCallbackFromConfig(config),\n reversed: getReversedFromConfig(config),\n };\n}\n\nexport function saveSnapshot(element: HTMLElement) {\n const rect = element.getBoundingClientRect();\n\n const snapshot: ReanimatedSnapshot = {\n top: rect.top,\n left: rect.left,\n width: rect.width,\n height: rect.height,\n scrollOffsets: getElementScrollValue(element),\n };\n\n snapshots.set(element, snapshot);\n}\n\nexport function setElementAnimation(\n element: HTMLElement,\n animationConfig: AnimationConfig,\n existingTransform?: TransformsStyle['transform']\n) {\n const { animationName, duration, delay, easing } = animationConfig;\n\n element.style.animationName = animationName;\n element.style.animationDuration = `${duration}s`;\n element.style.animationDelay = `${delay}s`;\n element.style.animationTimingFunction = easing;\n\n element.onanimationend = () => {\n animationConfig.callback?.(true);\n element.removeEventListener('animationcancel', animationCancelHandler);\n };\n\n const animationCancelHandler = () => {\n animationConfig.callback?.(false);\n element.removeEventListener('animationcancel', animationCancelHandler);\n };\n\n // Here we have to use `addEventListener` since element.onanimationcancel doesn't work on chrome\n element.onanimationstart = () => {\n if (animationConfig.animationType === LayoutAnimationType.ENTERING) {\n _updatePropsJS(\n { visibility: 'initial' },\n { _component: element as ReanimatedHTMLElement }\n );\n }\n\n element.addEventListener('animationcancel', animationCancelHandler);\n element.style.transform = convertTransformToString(existingTransform);\n };\n\n if (!(animationName in Animations)) {\n scheduleAnimationCleanup(animationName, duration + delay);\n }\n}\n\nexport function handleLayoutTransition(\n element: HTMLElement,\n animationConfig: AnimationConfig,\n transitionData: TransitionData,\n existingTransform: TransformsStyle['transform'] \| undefined\n) {\n const { animationName } = animationConfig;\n\n let animationType;\n\n switch (animationName) {\n case 'LinearTransition':\n animationType = TransitionType.LINEAR;\n break;\n case 'SequencedTransition':\n animationType = TransitionType.SEQUENCED;\n break;\n case 'FadingTransition':\n animationType = TransitionType.FADING;\n break;\n default:\n animationType = TransitionType.LINEAR;\n break;\n }\n\n animationConfig.animationName = TransitionGenerator(\n animationType,\n transitionData,\n existingTransform\n );\n\n const transformCopy = existingTransform\n ? structuredClone(existingTransform)\n : [];\n\n // @ts-ignore `existingTransform` cannot be string because in that case\n // we throw error in `extractTransformFromStyle`\n transformCopy.push(transitionData);\n element.style.transform = convertTransformToString(transformCopy);\n\n setElementAnimation(element, animationConfig, existingTransform);\n}\n\nfunction getElementScrollValue(element: HTMLElement): ScrollOffsets {\n let current: HTMLElement \| null = element;\n\n const scrollOffsets: ScrollOffsets = {\n scrollTopOffset: 0,\n scrollLeftOffset: 0,\n };\n\n while (current) {\n if (current.scrollTop !== 0 && scrollOffsets.scrollTopOffset === 0) {\n scrollOffsets.scrollTopOffset = current.scrollTop;\n }\n\n if (current.scrollLeft !== 0 && scrollOffsets.scrollLeftOffset === 0) {\n scrollOffsets.scrollLeftOffset = current.scrollLeft;\n }\n\n current = current.parentElement;\n }\n\n return scrollOffsets;\n}\n\nexport function handleExitingAnimation(\n element: HTMLElement,\n animationConfig: AnimationConfig\n) {\n const parent = element.offsetParent;\n const dummy = element.cloneNode() as ReanimatedHTMLElement;\n dummy.reanimatedDummy = true;\n\n element.style.animationName = '';\n // We hide current element so only its copy with proper animation will be displayed\n element.style.visibility = 'hidden';\n\n // After cloning the element, we want to move all children from original element to its clone. This is because original element\n // will be unmounted, therefore when this code executes in child component, parent will be either empty or removed soon.\n // Using element.cloneNode(true) doesn't solve the problem, because it creates copy of children and we won't be able to set their animations\n //\n // This loop works because appendChild() moves element into its new parent instead of copying it\n while (element.firstChild) {\n dummy.appendChild(element.firstChild);\n }\n\n setElementAnimation(dummy, animationConfig);\n parent?.appendChild(dummy);\n\n const snapshot = snapshots.get(element)!;\n\n const scrollOffsets = getElementScrollValue(element);\n\n // Scroll does not trigger snapshotting, therefore if we start exiting animation after\n // scrolling through parent component, dummy will end up in wrong place. In order to fix that\n // we keep last known scroll position in snapshot and then adjust dummy position based on\n // last known scroll offset and current scroll offset\n\n const currentScrollTopOffset = scrollOffsets.scrollTopOffset;\n const lastScrollTopOffset = snapshot.scrollOffsets.scrollTopOffset;\n\n if (currentScrollTopOffset !== lastScrollTopOffset) {\n snapshot.top += lastScrollTopOffset - currentScrollTopOffset;\n }\n\n const currentScrollLeftOffset = scrollOffsets.scrollLeftOffset;\n const lastScrollLeftOffset = snapshot.scrollOffsets.scrollLeftOffset;\n\n if (currentScrollLeftOffset !== lastScrollLeftOffset) {\n snapshot.left += lastScrollLeftOffset - currentScrollLeftOffset;\n }\n\n snapshots.set(dummy, snapshot);\n\n setDummyPosition(dummy, snapshot);\n\n const originalOnAnimationEnd = dummy.onanimationend;\n\n dummy.onanimationend = function (event: AnimationEvent) {\n if (parent?.contains(dummy)) {\n dummy.removedAfterAnimation = true;\n parent.removeChild(dummy);\n }\n\n // Given that this function overrides onAnimationEnd, it won't be null\n originalOnAnimationEnd?.call(this, event);\n };\n\n dummy.addEventListener('animationcancel', () => {\n if (parent?.contains(dummy)) {\n dummy.removedAfterAnimation = true;\n parent.removeChild(dummy);\n }\n });\n}\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BounceIn","BounceInData","BounceOut","BounceOutData","FadeIn","FadeInData","FadeOut","FadeOutData","FlipIn","FlipInData","FlipOut","FlipOutData","LightSpeedIn","LightSpeedInData","LightSpeedOut","LightSpeedOutData","Pinwheel","PinwheelData","RollIn","RollInData","RollOut","RollOutData","RotateIn","RotateInData","RotateOut","RotateOutData","SlideIn","SlideInData","SlideOut","SlideOutData","StretchIn","StretchInData","StretchOut","StretchOutData","ZoomIn","ZoomInData","ZoomOut","ZoomOutData","TransitionType","AnimationsData","Animations","WebEasings","linear","ease","quad","cubic","sin","circle","exp"],"sources":["config.ts"],"sourcesContent":["'use strict';\nimport type { ReduceMotion } from '../../commonTypes';\nimport type { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport {\n BounceIn,\n BounceInData,\n BounceOut,\n BounceOutData,\n} from './animation/Bounce.web';\nimport { FadeIn, FadeInData, FadeOut, FadeOutData } from './animation/Fade.web';\nimport { FlipIn, FlipInData, FlipOut, FlipOutData } from './animation/Flip.web';\nimport {\n LightSpeedIn,\n LightSpeedInData,\n LightSpeedOut,\n LightSpeedOutData,\n} from './animation/Lightspeed.web';\nimport { Pinwheel, PinwheelData } from './animation/Pinwheel.web';\nimport { RollIn, RollInData, RollOut, RollOutData } from './animation/Roll.web';\nimport {\n RotateIn,\n RotateInData,\n RotateOut,\n RotateOutData,\n} from './animation/Rotate.web';\nimport {\n SlideIn,\n SlideInData,\n SlideOut,\n SlideOutData,\n} from './animation/Slide.web';\nimport {\n StretchIn,\n StretchInData,\n StretchOut,\n StretchOutData,\n} from './animation/Stretch.web';\nimport { ZoomIn, ZoomInData, ZoomOut, ZoomOutData } from './animation/Zoom.web';\n\nimport type { AnimationData } from './animationParser';\n\nexport type AnimationCallback = ((finished: boolean) => void) \| null;\n\nexport interface AnimationConfig {\n animationName: string;\n animationType: LayoutAnimationType;\n duration: number;\n delay: number;\n easing: string;\n callback: AnimationCallback;\n reversed: boolean;\n}\n\nexport interface CustomConfig {\n easingV?: () => number;\n durationV?: number;\n delayV?: number;\n randomizeDelay?: boolean;\n reduceMotionV?: ReduceMotion;\n callbackV?: AnimationCallback;\n reversed?: boolean;\n}\n\nexport enum TransitionType {\n LINEAR,\n SEQUENCED,\n FADING,\n}\n\nexport const AnimationsData: Record<string, AnimationData> = {\n ...FadeInData,\n ...FadeOutData,\n ...BounceInData,\n ...BounceOutData,\n ...FlipInData,\n ...FlipOutData,\n ...StretchInData,\n ...StretchOutData,\n ...ZoomInData,\n ...ZoomOutData,\n ...SlideInData,\n ...SlideOutData,\n ...LightSpeedInData,\n ...LightSpeedOutData,\n ...PinwheelData,\n ...RotateInData,\n ...RotateOutData,\n ...RollInData,\n ...RollOutData,\n};\n\nexport const Animations = {\n ...FadeIn,\n ...FadeOut,\n ...BounceIn,\n ...BounceOut,\n ...FlipIn,\n ...FlipOut,\n ...StretchIn,\n ...StretchOut,\n ...ZoomIn,\n ...ZoomOut,\n ...SlideIn,\n ...SlideOut,\n ...LightSpeedIn,\n ...LightSpeedOut,\n ...Pinwheel,\n ...RotateIn,\n ...RotateOut,\n ...RollIn,\n ...RollOut,\n};\n\n// Those are the easings that can be implemented using Bezier curves.\n// Others should be done as CSS animations\nexport const WebEasings = {\n linear: [0, 0, 1, 1],\n ease: [0.42, 0, 1, 1],\n quad: [0.11, 0, 0.5, 0],\n cubic: [0.32, 0, 0.67, 0],\n sin: [0.12, 0, 0.39, 0],\n circle: [0.55, 0, 1, 0.45],\n exp: [0.7, 0, 0.84, 0],\n};\n\nexport type AnimationNames = keyof typeof Animations;\nexport type LayoutTransitionsNames = keyof typeof AnimationsData;\nexport type WebEasingsNames = keyof typeof WebEasings;\n"],"mappings":"AAAA,YAAY;;AAGZ,SACEA,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,aAAa,QACR,wBAAwB;AAC/B,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SACEC,YAAY,EACZC,gBAAgB,EAChBC,aAAa,EACbC,iBAAiB,QACZ,4BAA4B;AACnC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,0BAA0B;AACjE,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SACEC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,aAAa,QACR,wBAAwB;AAC/B,SACEC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,YAAY,QACP,uBAAuB;AAC9B,SACEC,SAAS,EACTC,aAAa,EACbC,UAAU,EACVC,cAAc,QACT,yBAAyB;AAChC,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AA0B/E,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;AAM1B,OAAO,MAAMC,cAA6C,GAAG;EAC3D,GAAGlC,UAAU;EACb,GAAGE,WAAW;EACd,GAAGN,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGM,UAAU;EACb,GAAGE,WAAW;EACd,GAAGoB,aAAa;EAChB,GAAGE,cAAc;EACjB,GAAGE,UAAU;EACb,GAAGE,WAAW;EACd,GAAGV,WAAW;EACd,GAAGE,YAAY;EACf,GAAGhB,gBAAgB;EACnB,GAAGE,iBAAiB;EACpB,GAAGE,YAAY;EACf,GAAGM,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGN,UAAU;EACb,GAAGE;AACL,CAAC;AAED,OAAO,MAAMmB,UAAU,GAAG;EACxB,GAAGpC,MAAM;EACT,GAAGE,OAAO;EACV,GAAGN,QAAQ;EACX,GAAGE,SAAS;EACZ,GAAGM,MAAM;EACT,GAAGE,OAAO;EACV,GAAGoB,SAAS;EACZ,GAAGE,UAAU;EACb,GAAGE,MAAM;EACT,GAAGE,OAAO;EACV,GAAGV,OAAO;EACV,GAAGE,QAAQ;EACX,GAAGhB,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGE,QAAQ;EACX,GAAGM,QAAQ;EACX,GAAGE,SAAS;EACZ,GAAGN,MAAM;EACT,GAAGE;AACL,CAAC;;AAED;AACA;AACA,OAAO,MAAMqB,UAAU,GAAG;EACxBC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACpBC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACrBC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;EACvBC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;EACzBC,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;EACvBC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;EAC1BC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC"}
1	+ {"version":3,"names":["BounceIn","BounceInData","BounceOut","BounceOutData","FadeIn","FadeInData","FadeOut","FadeOutData","FlipIn","FlipInData","FlipOut","FlipOutData","LightSpeedIn","LightSpeedInData","LightSpeedOut","LightSpeedOutData","Pinwheel","PinwheelData","RollIn","RollInData","RollOut","RollOutData","RotateIn","RotateInData","RotateOut","RotateOutData","SlideIn","SlideInData","SlideOut","SlideOutData","StretchIn","StretchInData","StretchOut","StretchOutData","ZoomIn","ZoomInData","ZoomOut","ZoomOutData","TransitionType","AnimationsData","Animations","WebEasings","linear","ease","quad","cubic","sin","circle","exp"],"sources":["config.ts"],"sourcesContent":["'use strict';\nimport type { ReduceMotion } from '../../commonTypes';\nimport type { LayoutAnimationType } from '../animationBuilder/commonTypes';\nimport {\n BounceIn,\n BounceInData,\n BounceOut,\n BounceOutData,\n} from './animation/Bounce.web';\nimport { FadeIn, FadeInData, FadeOut, FadeOutData } from './animation/Fade.web';\nimport { FlipIn, FlipInData, FlipOut, FlipOutData } from './animation/Flip.web';\nimport {\n LightSpeedIn,\n LightSpeedInData,\n LightSpeedOut,\n LightSpeedOutData,\n} from './animation/Lightspeed.web';\nimport { Pinwheel, PinwheelData } from './animation/Pinwheel.web';\nimport { RollIn, RollInData, RollOut, RollOutData } from './animation/Roll.web';\nimport {\n RotateIn,\n RotateInData,\n RotateOut,\n RotateOutData,\n} from './animation/Rotate.web';\nimport {\n SlideIn,\n SlideInData,\n SlideOut,\n SlideOutData,\n} from './animation/Slide.web';\nimport {\n StretchIn,\n StretchInData,\n StretchOut,\n StretchOutData,\n} from './animation/Stretch.web';\nimport { ZoomIn, ZoomInData, ZoomOut, ZoomOutData } from './animation/Zoom.web';\n\nimport type { AnimationData } from './animationParser';\n\nexport type AnimationCallback = ((finished: boolean) => void) \| null;\n\nexport interface AnimationConfig {\n animationName: string;\n animationType: LayoutAnimationType;\n duration: number;\n delay: number;\n easing: string;\n callback: AnimationCallback;\n reversed: boolean;\n}\n\nexport interface CustomConfig {\n easingV?: () => number;\n durationV?: number;\n delayV?: number;\n randomizeDelay?: boolean;\n reduceMotionV?: ReduceMotion;\n callbackV?: AnimationCallback;\n reversed?: boolean;\n}\n\nexport enum TransitionType {\n LINEAR,\n SEQUENCED,\n FADING,\n}\n\nexport const AnimationsData: Record<string, AnimationData> = {\n ...FadeInData,\n ...FadeOutData,\n ...BounceInData,\n ...BounceOutData,\n ...FlipInData,\n ...FlipOutData,\n ...StretchInData,\n ...StretchOutData,\n ...ZoomInData,\n ...ZoomOutData,\n ...SlideInData,\n ...SlideOutData,\n ...LightSpeedInData,\n ...LightSpeedOutData,\n ...PinwheelData,\n ...RotateInData,\n ...RotateOutData,\n ...RollInData,\n ...RollOutData,\n};\n\nexport const Animations = {\n ...FadeIn,\n ...FadeOut,\n ...BounceIn,\n ...BounceOut,\n ...FlipIn,\n ...FlipOut,\n ...StretchIn,\n ...StretchOut,\n ...ZoomIn,\n ...ZoomOut,\n ...SlideIn,\n ...SlideOut,\n ...LightSpeedIn,\n ...LightSpeedOut,\n ...Pinwheel,\n ...RotateIn,\n ...RotateOut,\n ...RollIn,\n ...RollOut,\n};\n\n// Those are the easings that can be implemented using Bezier curves.\n// Others should be done as CSS animations\nexport const WebEasings = {\n linear: [0, 0, 1, 1],\n ease: [0.42, 0, 1, 1],\n quad: [0.11, 0, 0.5, 0],\n cubic: [0.32, 0, 0.67, 0],\n sin: [0.12, 0, 0.39, 0],\n circle: [0.55, 0, 1, 0.45],\n exp: [0.7, 0, 0.84, 0],\n};\n\nexport type AnimationNames = keyof typeof Animations;\nexport type LayoutTransitionsNames = keyof typeof AnimationsData;\nexport type WebEasingsNames = keyof typeof WebEasings;\n"],"mappings":"AAAA,YAAY;;AAGZ,SACEA,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,aAAa,QACR,wBAAwB;AAC/B,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SACEC,YAAY,EACZC,gBAAgB,EAChBC,aAAa,EACbC,iBAAiB,QACZ,4BAA4B;AACnC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,0BAA0B;AACjE,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AAC/E,SACEC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,aAAa,QACR,wBAAwB;AAC/B,SACEC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,YAAY,QACP,uBAAuB;AAC9B,SACEC,SAAS,EACTC,aAAa,EACbC,UAAU,EACVC,cAAc,QACT,yBAAyB;AAChC,SAASC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,sBAAsB;AA0B/E,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;AAM1B,OAAO,MAAMC,cAA6C,GAAG;EAC3D,GAAGlC,UAAU;EACb,GAAGE,WAAW;EACd,GAAGN,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGM,UAAU;EACb,GAAGE,WAAW;EACd,GAAGoB,aAAa;EAChB,GAAGE,cAAc;EACjB,GAAGE,UAAU;EACb,GAAGE,WAAW;EACd,GAAGV,WAAW;EACd,GAAGE,YAAY;EACf,GAAGhB,gBAAgB;EACnB,GAAGE,iBAAiB;EACpB,GAAGE,YAAY;EACf,GAAGM,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGN,UAAU;EACb,GAAGE;AACL,CAAC;AAED,OAAO,MAAMmB,UAAU,GAAG;EACxB,GAAGpC,MAAM;EACT,GAAGE,OAAO;EACV,GAAGN,QAAQ;EACX,GAAGE,SAAS;EACZ,GAAGM,MAAM;EACT,GAAGE,OAAO;EACV,GAAGoB,SAAS;EACZ,GAAGE,UAAU;EACb,GAAGE,MAAM;EACT,GAAGE,OAAO;EACV,GAAGV,OAAO;EACV,GAAGE,QAAQ;EACX,GAAGhB,YAAY;EACf,GAAGE,aAAa;EAChB,GAAGE,QAAQ;EACX,GAAGM,QAAQ;EACX,GAAGE,SAAS;EACZ,GAAGN,MAAM;EACT,GAAGE;AACL,CAAC;;AAED;AACA;AACA,OAAO,MAAMqB,UAAU,GAAG;EACxBC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACpBC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACrBC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;EACvBC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;EACzBC,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;EACvBC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;EAC1BC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC","ignoreList":[]}

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

@@ -8,7 +8,7 @@ import { FadingTransition } from './transition/Fading.web';
 import { insertWebAnimation } from './domUtils';
 // Translate values are passed as numbers. However, if `translate` property receives number, it will not automatically
-// convert it to `px`. Therefore if we want to keep exisitng transform we have to add 'px' suffix to each of translate values
+// convert it to `px`. Therefore if we want to keep existing transform we have to add 'px' suffix to each of translate values
 // that are present inside transform.
 function addPxToTranslate(existingTransform) {
   // @ts-ignore `existingTransform` cannot be string because in that case
@@ -30,7 +30,7 @@ function addPxToTranslate(existingTransform) {
   return newTransform;
 }
-// In order to keep exisitng transform throughout animation, we have to add it to each of keyframe step.
+// In order to keep existing transform throughout animation, we have to add it to each of keyframe step.
 function addExistingTransform(newAnimationData, newTransform) {
   for (const keyframeStepProperties of Object.values(newAnimationData.style)) {
     if (!keyframeStepProperties.transform) {

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":"AAAA,YAAY;;AAEZ,SAASA,UAAU,EAAEC,cAAc,EAAEC,cAAc,QAAQ,UAAU;AACrE,SAASC,iCAAiC,QAAQ,mBAAmB;AAOrE,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,gBAAgB,QAAQ,yBAAyB;AAC1D,SAASC,kBAAkB,QAAQ,YAAY;;AAE/C;AACA;AACA;AACA,SAASC,gBAAgBA,CACvBC,iBAA4D,EAC5D;EAGA;EACA;EACA,MAAMC,YAAY,GAAGD,iBAAiB,CAACE,GAAG,CACvCC,aAA8B,IAAK;IAClC,MAAMC,gBAAkD,GAAG,CAAC,CAAC;IAC7D,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,aAAa,CAAC,EAAE;MACxD,IAAIE,GAAG,CAACI,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC7B;QACA;QACAL,gBAAgB,CAACC,GAAG,CAAC,GAAI,GAAEC,KAAM,IAAG;MACtC,CAAC,MAAM;QACL;QACAF,gBAAgB,CAACC,GAAG,CAAC,GAAGC,KAAK;MAC/B;IACF;IACA,OAAOF,gBAAgB;EACzB,CAAC~~,CACF~~;EAED,OAAOH,YAAY;AACrB;;AAEA;AACA,SAASS,oBAAoBA,CAC3BC,gBAA+B,EAC/BV,YAAgD,EAChD;EACA,KAAK,MAAMW,sBAAsB,IAAIL,MAAM,CAACM,MAAM,CAACF,gBAAgB,CAACG,KAAK,CAAC,EAAE;IAC1E,IAAI,CAACF,sBAAsB,CAACG,SAAS,EAAE;MACrC;MACAH,sBAAsB,CAACG,SAAS,GAAGd,YAAY;IACjD,CAAC,MAAM;MACL;MACAe,KAAK,CAACC,SAAS,CAACC,OAAO,CAACC,KAAK,CAC3BP,sBAAsB,CAACG,SAAS,EAChCd,~~YAAY~~,~~CACb~~;IACH;EACF;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASmB,oCAAoCA,CAClDC,aAAqB,EACrBrB,iBAA4D,EAC5DsB,gBAAgC,EAChC;EACA,IAAIX,gBAAgB;EAEpB,IAAIW,gBAAgB,EAAE;IACpBX,gBAAgB,GAAGW,gBAAgB;EACrC,CAAC,MAAM;IACL,IAAI,EAAED,aAAa,IAAI9B,UAAU,CAAC,EAAE;MAClC,OAAO,EAAE;IACX;IACAoB,gBAAgB,GAAGY,eAAe,CAAC/B,cAAc,CAAC6B,aAAa,CAAC,CAAC;EACnE;EAEA,MAAMG,YAAY,GAAGC,8BAA8B,~~EAAE~~;EAErDd,gBAAgB,CAACe,IAAI,GAAGF,YAAY;EAEpC,MAAMvB,YAAY,GAAGF,gBAAgB,CAACC,iBAAiB,CAAC;EAExDU,oBAAoB,CAACC,gBAAgB,EAAEV,YAAY,CAAC;EAEpD,MAAM0B,QAAQ,GAAGjC,iCAAiC,CAACiB,gBAAgB,CAAC;EAEpEb,kBAAkB,CAAC0B,YAAY,EAAEG,QAAQ,CAAC;EAE1C,OAAOH,YAAY;AACrB;AAEA,IAAII,qBAAqB,GAAG,CAAC;AAE7B,SAASH,8BAA8BA,CAAA,EAAG;EACxC,OAAQ,MAAKG,qBAAqB,EAAG,EAAC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CACjCC,cAA8B,EAC9BC,cAA8B,EAC9B/B,iBAA2D,EAC3D;EACA,MAAMgC,sBAAsB,GAAGP,8BAA8B,~~EAAE~~;EAC/D,IAAIQ,gBAAgB;EAEpB,QAAQH,cAAc;IACpB,KAAKrC,cAAc,CAACyC,MAAM;MACxBD,gBAAgB,GAAGtC,gBAAgB,CACjCqC,sBAAsB,EACtBD,~~cAAc~~,~~CACf~~;MACD;IACF,KAAKtC,cAAc,CAAC0C,SAAS;MAC3BF,gBAAgB,GAAGrC,mBAAmB,CACpCoC,sBAAsB,EACtBD,~~cAAc~~,~~CACf~~;MACD;IACF,KAAKtC,cAAc,CAAC2C,MAAM;MACxBH,gBAAgB,GAAGpC,gBAAgB,CACjCmC,sBAAsB,EACtBD,~~cAAc~~,~~CACf~~;MACD;~~EAAM~~;~~EAGV~~,IAAI/B,iBAAiB,EAAE;IACrB,OAAOoB,oCAAoC,CACzC,EAAE,EACFpB,iBAAiB,EACjBiC,~~gBAAgB~~,~~CACjB~~;EACH;EAEA,MAAMI,kBAAkB,GACtB3C,iCAAiC,CAACuC,gBAAgB,CAAC;EAErDnC,kBAAkB,CAACkC,sBAAsB,EAAEK,kBAAkB,CAAC;EAE9D,OAAOL,sBAAsB;AAC/B"}
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 existing 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 existing 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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","ignoreList":[]}

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

@@ -70,7 +70,7 @@ function removeWebAnimation(animationName) {
   if (currentAnimationIndex === undefined) {
     throw new Error('[Reanimated] Failed to obtain animation index.');
   }
-  (_styleTag$sheet = styleTag.sheet) === null || _styleTag$sheet === void 0 ? void 0 : _styleTag$sheet.deleteRule(currentAnimationIndex);
+  (_styleTag$sheet = styleTag.sheet) === null || _styleTag$sheet === void 0 || _styleTag$sheet.deleteRule(currentAnimationIndex);
   animationNameList.splice(currentAnimationIndex, 1);
   animationNameToIndex.delete(animationName);
   for (let i = currentAnimationIndex; i < animationNameList.length; ++i) {
@@ -107,7 +107,7 @@ function reattachElementToAncestor(child, parent) {
     parent.removeChild(child);
     // Given that this function overrides onAnimationEnd, it won't be null
-    originalOnAnimationEnd === null || originalOnAnimationEnd === void 0 ? void 0 : originalOnAnimationEnd.call(this, event);
+    originalOnAnimationEnd === null || originalOnAnimationEnd === void 0 || originalOnAnimationEnd.call(this, event);
   };
 }
 function findDescendantWithExitingAnimation(node, root) {
@@ -125,7 +125,7 @@ function findDescendantWithExitingAnimation(node, root) {
   }
 }
 function checkIfScreenWasChanged(mutationTarget) {
-  var _mutationTarget$react, _mutationTarget$react2, _mutationTarget$react3;
+  var _mutationTarget$react;
   let reactFiberKey = '__reactFiber';
   for (const key of Object.keys(mutationTarget)) {
     if (key.startsWith('__reactFiber')) {
@@ -133,7 +133,7 @@ function checkIfScreenWasChanged(mutationTarget) {
       break;
     }
   }
-  return ((_mutationTarget$react = mutationTarget[reactFiberKey]) === null || _mutationTarget$react === void 0 ? void 0 : (_mutationTarget$react2 = _mutationTarget$react.child) === null || _mutationTarget$react2 === void 0 ? void 0 : (_mutationTarget$react3 = _mutationTarget$react2.memoizedProps) === null || _mutationTarget$react3 === void 0 ? void 0 : _mutationTarget$react3.navigation) !== undefined;
+  return ((_mutationTarget$react = mutationTarget[reactFiberKey]) === null || _mutationTarget$react === void 0 || (_mutationTarget$react = _mutationTarget$react.child) === null || _mutationTarget$react === void 0 || (_mutationTarget$react = _mutationTarget$react.memoizedProps) === null || _mutationTarget$react === void 0 ? void 0 : _mutationTarget$react.navigation) !== undefined;
 }
 export function addHTMLMutationObserver() {
   if (isObserverSet || !isWindowAvailable()) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["isWindowAvailable","setDummyPosition","snapshots","Animations","PREDEFINED_WEB_ANIMATIONS_ID","CUSTOM_WEB_ANIMATIONS_ID","animationNameToIndex","Map","animationNameList","isObserverSet","configureWebLayoutAnimations","document","getElementById","predefinedAnimationsStyleTag","createElement","id","onload","sheet","console","error","animationName","insertRule","style","customAnimationsStyleTag","head","appendChild","insertWebAnimation","keyframe","styleTag","unshift","set","i","length","nextAnimationName","nextAnimationIndex","get","undefined","Error","removeWebAnimation","_styleTag$sheet","currentAnimationIndex","deleteRule","splice","delete","timeoutScale","frameDurationMs","minimumFrames","scheduleAnimationCleanup","animationDuration","timeoutValue","Math","max","setTimeout","reattachElementToAncestor","child","parent","childSnapshot","removedAfterAnimation","originalOnAnimationEnd","onanimationend","event","removeChild","call","findDescendantWithExitingAnimation","node","root","HTMLElement","reanimatedDummy","children","Array","from","checkIfScreenWasChanged","mutationTarget","_mutationTarget$react","_mutationTarget$react2","_mutationTarget$react3","reactFiberKey","key","Object","keys","startsWith","memoizedProps","navigation","addHTMLMutationObserver","observer","MutationObserver","mutationsList","rootMutation","target","removedNodes","observe","body","childList","subtree","areDOMRectsEqual","r1","r2","x","y","width","height"],"sources":["domUtils.ts"],"sourcesContent":["'use strict';\n\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\nimport { isWindowAvailable } from '../../PlatformChecker';\nimport { setDummyPosition, snapshots } from './componentStyle';\nimport { Animations } from './config';\nimport type { AnimationNames } from './config';\n\nconst PREDEFINED_WEB_ANIMATIONS_ID = 'ReanimatedPredefinedWebAnimationsStyle';\nconst CUSTOM_WEB_ANIMATIONS_ID = 'ReanimatedCustomWebAnimationsStyle';\n\n// Since we cannot remove keyframe from DOM by its name, we have to store its id\nconst animationNameToIndex = new Map<string, number>();\nconst animationNameList: string[] = [];\n\nlet isObserverSet = false;\n\n/*\n Creates `HTMLStyleElement`, inserts it into DOM and then inserts CSS rules into the stylesheet.\n * If style element already exists, nothing happens.\n /\nexport function configureWebLayoutAnimations() {\n if (\n !isWindowAvailable() \|\| // Without this check SSR crashes because document is undefined (NextExample on CI)\n document.getElementById(PREDEFINED_WEB_ANIMATIONS_ID) !== null\n ) {\n return;\n }\n\n const predefinedAnimationsStyleTag = document.createElement('style');\n predefinedAnimationsStyleTag.id = PREDEFINED_WEB_ANIMATIONS_ID;\n\n predefinedAnimationsStyleTag.onload = () => {\n if (!predefinedAnimationsStyleTag.sheet) {\n console.error(\n '[Reanimated] Failed to create layout animations stylesheet.'\n );\n return;\n }\n\n for (const animationName in Animations) {\n predefinedAnimationsStyleTag.sheet.insertRule(\n Animations[animationName as AnimationNames].style\n );\n }\n };\n\n const customAnimationsStyleTag = document.createElement('style');\n customAnimationsStyleTag.id = CUSTOM_WEB_ANIMATIONS_ID;\n\n document.head.appendChild(predefinedAnimationsStyleTag);\n document.head.appendChild(customAnimationsStyleTag);\n}\n\nexport function insertWebAnimation(animationName: string, keyframe: string) {\n // Without this check SSR crashes because document is undefined (NextExample on CI)\n if (!isWindowAvailable()) {\n return;\n }\n\n const styleTag = document.getElementById(\n CUSTOM_WEB_ANIMATIONS_ID\n ) as HTMLStyleElement;\n\n if (!styleTag.sheet) {\n console.error(\n '[Reanimated] Failed to create layout animations stylesheet.'\n );\n return;\n }\n\n styleTag.sheet.insertRule(keyframe, 0);\n animationNameList.unshift(animationName);\n animationNameToIndex.set(animationName, 0);\n\n for (let i = 1; i < animationNameList.length; ++i) {\n const nextAnimationName = animationNameList[i];\n const nextAnimationIndex = animationNameToIndex.get(nextAnimationName);\n\n if (nextAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n animationNameToIndex.set(animationNameList[i], nextAnimationIndex + 1);\n }\n}\n\nfunction removeWebAnimation(animationName: string) {\n // Without this check SSR crashes because document is undefined (NextExample on CI)\n if (!isWindowAvailable()) {\n return;\n }\n\n const styleTag = document.getElementById(\n CUSTOM_WEB_ANIMATIONS_ID\n ) as HTMLStyleElement;\n\n const currentAnimationIndex = animationNameToIndex.get(animationName);\n\n if (currentAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n styleTag.sheet?.deleteRule(currentAnimationIndex);\n animationNameList.splice(currentAnimationIndex, 1);\n animationNameToIndex.delete(animationName);\n\n for (let i = currentAnimationIndex; i < animationNameList.length; ++i) {\n const nextAnimationName = animationNameList[i];\n const nextAnimationIndex = animationNameToIndex.get(nextAnimationName);\n\n if (nextAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n animationNameToIndex.set(animationNameList[i], nextAnimationIndex - 1);\n }\n}\n\nconst timeoutScale = 1.25; // We use this value to enlarge timeout duration. It can prove useful if animation lags.\nconst frameDurationMs = 16; // Just an approximation.\nconst minimumFrames = 10;\n\nexport function scheduleAnimationCleanup(\n animationName: string,\n animationDuration: number\n) {\n // If duration is very short, we want to keep remove delay to at least 10 frames\n // In our case it is exactly 160/1099 s, which is approximately 0.15s\n const timeoutValue = Math.max(\n animationDuration timeoutScale * 1000,\n animationDuration + frameDurationMs * minimumFrames\n );\n\n setTimeout(() => removeWebAnimation(animationName), timeoutValue);\n}\n\nfunction reattachElementToAncestor(child: ReanimatedHTMLElement, parent: Node) {\n const childSnapshot = snapshots.get(child);\n\n if (!childSnapshot) {\n console.error('[Reanimated] Failed to obtain snapshot.');\n return;\n }\n\n // We use that so we don't end up in infinite loop\n child.removedAfterAnimation = true;\n parent.appendChild(child);\n\n setDummyPosition(child, childSnapshot);\n\n const originalOnAnimationEnd = child.onanimationend;\n\n child.onanimationend = function (event: AnimationEvent) {\n parent.removeChild(child);\n\n // Given that this function overrides onAnimationEnd, it won't be null\n originalOnAnimationEnd?.call(this, event);\n };\n}\n\nfunction findDescendantWithExitingAnimation(\n node: ReanimatedHTMLElement,\n root: Node\n) {\n // Node could be something else than HTMLElement, for example TextNode (treated as plain text, not as HTML object),\n // therefore it won't have children prop and calling Array.from(node.children) will cause error.\n if (!(node instanceof HTMLElement)) {\n return;\n }\n\n if (node.reanimatedDummy && node.removedAfterAnimation === undefined) {\n reattachElementToAncestor(node, root);\n }\n\n const children = Array.from(node.children);\n\n for (let i = 0; i < children.length; ++i) {\n findDescendantWithExitingAnimation(\n children[i] as ReanimatedHTMLElement,\n root\n );\n }\n}\n\ntype FiberNodeKey = `__reactFiber${string}`;\n\ninterface FiberNode {\n memoizedProps?: {\n navigation?: unknown;\n };\n\n child?: FiberNode;\n}\n\ntype WithFiberNode = {\n [key: FiberNodeKey]: FiberNode;\n};\n\ntype MaybeWithFiberNode = Partial<WithFiberNode>;\n\nfunction checkIfScreenWasChanged(\n mutationTarget: ReanimatedHTMLElement & MaybeWithFiberNode\n) {\n let reactFiberKey: FiberNodeKey = '__reactFiber';\n\n for (const key of Object.keys(mutationTarget)) {\n if (key.startsWith('__reactFiber')) {\n reactFiberKey = key as FiberNodeKey;\n break;\n }\n }\n\n return (\n mutationTarget[reactFiberKey]?.child?.memoizedProps?.navigation !==\n undefined\n );\n}\n\nexport function addHTMLMutationObserver() {\n if (isObserverSet \|\| !isWindowAvailable()) {\n return;\n }\n\n isObserverSet = true;\n\n const observer = new MutationObserver((mutationsList) => {\n const rootMutation = mutationsList[mutationsList.length - 1];\n\n if (\n checkIfScreenWasChanged(\n rootMutation.target as ReanimatedHTMLElement & MaybeWithFiberNode\n )\n ) {\n return;\n }\n\n for (let i = 0; i < rootMutation.removedNodes.length; ++i) {\n findDescendantWithExitingAnimation(\n rootMutation.removedNodes[i] as ReanimatedHTMLElement,\n rootMutation.target\n );\n }\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n}\n\nexport function areDOMRectsEqual(r1: DOMRect, r2: DOMRect) {\n // There are 4 more fields, but checking these should suffice\n return (\n r1.x === r2.x &&\n r1.y === r2.y &&\n r1.width === r2.width &&\n r1.height === r2.height\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["isWindowAvailable","setDummyPosition","snapshots","Animations","PREDEFINED_WEB_ANIMATIONS_ID","CUSTOM_WEB_ANIMATIONS_ID","animationNameToIndex","Map","animationNameList","isObserverSet","configureWebLayoutAnimations","document","getElementById","predefinedAnimationsStyleTag","createElement","id","onload","sheet","console","error","animationName","insertRule","style","customAnimationsStyleTag","head","appendChild","insertWebAnimation","keyframe","styleTag","unshift","set","i","length","nextAnimationName","nextAnimationIndex","get","undefined","Error","removeWebAnimation","_styleTag$sheet","currentAnimationIndex","deleteRule","splice","delete","timeoutScale","frameDurationMs","minimumFrames","scheduleAnimationCleanup","animationDuration","timeoutValue","Math","max","setTimeout","reattachElementToAncestor","child","parent","childSnapshot","removedAfterAnimation","originalOnAnimationEnd","onanimationend","event","removeChild","call","findDescendantWithExitingAnimation","node","root","HTMLElement","reanimatedDummy","children","Array","from","checkIfScreenWasChanged","mutationTarget","_mutationTarget$react","reactFiberKey","key","Object","keys","startsWith","memoizedProps","navigation","addHTMLMutationObserver","observer","MutationObserver","mutationsList","rootMutation","target","removedNodes","observe","body","childList","subtree","areDOMRectsEqual","r1","r2","x","y","width","height"],"sources":["domUtils.ts"],"sourcesContent":["'use strict';\n\nimport type { ReanimatedHTMLElement } from '../../js-reanimated';\nimport { isWindowAvailable } from '../../PlatformChecker';\nimport { setDummyPosition, snapshots } from './componentStyle';\nimport { Animations } from './config';\nimport type { AnimationNames } from './config';\n\nconst PREDEFINED_WEB_ANIMATIONS_ID = 'ReanimatedPredefinedWebAnimationsStyle';\nconst CUSTOM_WEB_ANIMATIONS_ID = 'ReanimatedCustomWebAnimationsStyle';\n\n// Since we cannot remove keyframe from DOM by its name, we have to store its id\nconst animationNameToIndex = new Map<string, number>();\nconst animationNameList: string[] = [];\n\nlet isObserverSet = false;\n\n/*\n Creates `HTMLStyleElement`, inserts it into DOM and then inserts CSS rules into the stylesheet.\n * If style element already exists, nothing happens.\n /\nexport function configureWebLayoutAnimations() {\n if (\n !isWindowAvailable() \|\| // Without this check SSR crashes because document is undefined (NextExample on CI)\n document.getElementById(PREDEFINED_WEB_ANIMATIONS_ID) !== null\n ) {\n return;\n }\n\n const predefinedAnimationsStyleTag = document.createElement('style');\n predefinedAnimationsStyleTag.id = PREDEFINED_WEB_ANIMATIONS_ID;\n\n predefinedAnimationsStyleTag.onload = () => {\n if (!predefinedAnimationsStyleTag.sheet) {\n console.error(\n '[Reanimated] Failed to create layout animations stylesheet.'\n );\n return;\n }\n\n for (const animationName in Animations) {\n predefinedAnimationsStyleTag.sheet.insertRule(\n Animations[animationName as AnimationNames].style\n );\n }\n };\n\n const customAnimationsStyleTag = document.createElement('style');\n customAnimationsStyleTag.id = CUSTOM_WEB_ANIMATIONS_ID;\n\n document.head.appendChild(predefinedAnimationsStyleTag);\n document.head.appendChild(customAnimationsStyleTag);\n}\n\nexport function insertWebAnimation(animationName: string, keyframe: string) {\n // Without this check SSR crashes because document is undefined (NextExample on CI)\n if (!isWindowAvailable()) {\n return;\n }\n\n const styleTag = document.getElementById(\n CUSTOM_WEB_ANIMATIONS_ID\n ) as HTMLStyleElement;\n\n if (!styleTag.sheet) {\n console.error(\n '[Reanimated] Failed to create layout animations stylesheet.'\n );\n return;\n }\n\n styleTag.sheet.insertRule(keyframe, 0);\n animationNameList.unshift(animationName);\n animationNameToIndex.set(animationName, 0);\n\n for (let i = 1; i < animationNameList.length; ++i) {\n const nextAnimationName = animationNameList[i];\n const nextAnimationIndex = animationNameToIndex.get(nextAnimationName);\n\n if (nextAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n animationNameToIndex.set(animationNameList[i], nextAnimationIndex + 1);\n }\n}\n\nfunction removeWebAnimation(animationName: string) {\n // Without this check SSR crashes because document is undefined (NextExample on CI)\n if (!isWindowAvailable()) {\n return;\n }\n\n const styleTag = document.getElementById(\n CUSTOM_WEB_ANIMATIONS_ID\n ) as HTMLStyleElement;\n\n const currentAnimationIndex = animationNameToIndex.get(animationName);\n\n if (currentAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n styleTag.sheet?.deleteRule(currentAnimationIndex);\n animationNameList.splice(currentAnimationIndex, 1);\n animationNameToIndex.delete(animationName);\n\n for (let i = currentAnimationIndex; i < animationNameList.length; ++i) {\n const nextAnimationName = animationNameList[i];\n const nextAnimationIndex = animationNameToIndex.get(nextAnimationName);\n\n if (nextAnimationIndex === undefined) {\n throw new Error('[Reanimated] Failed to obtain animation index.');\n }\n\n animationNameToIndex.set(animationNameList[i], nextAnimationIndex - 1);\n }\n}\n\nconst timeoutScale = 1.25; // We use this value to enlarge timeout duration. It can prove useful if animation lags.\nconst frameDurationMs = 16; // Just an approximation.\nconst minimumFrames = 10;\n\nexport function scheduleAnimationCleanup(\n animationName: string,\n animationDuration: number\n) {\n // If duration is very short, we want to keep remove delay to at least 10 frames\n // In our case it is exactly 160/1099 s, which is approximately 0.15s\n const timeoutValue = Math.max(\n animationDuration timeoutScale * 1000,\n animationDuration + frameDurationMs * minimumFrames\n );\n\n setTimeout(() => removeWebAnimation(animationName), timeoutValue);\n}\n\nfunction reattachElementToAncestor(child: ReanimatedHTMLElement, parent: Node) {\n const childSnapshot = snapshots.get(child);\n\n if (!childSnapshot) {\n console.error('[Reanimated] Failed to obtain snapshot.');\n return;\n }\n\n // We use that so we don't end up in infinite loop\n child.removedAfterAnimation = true;\n parent.appendChild(child);\n\n setDummyPosition(child, childSnapshot);\n\n const originalOnAnimationEnd = child.onanimationend;\n\n child.onanimationend = function (event: AnimationEvent) {\n parent.removeChild(child);\n\n // Given that this function overrides onAnimationEnd, it won't be null\n originalOnAnimationEnd?.call(this, event);\n };\n}\n\nfunction findDescendantWithExitingAnimation(\n node: ReanimatedHTMLElement,\n root: Node\n) {\n // Node could be something else than HTMLElement, for example TextNode (treated as plain text, not as HTML object),\n // therefore it won't have children prop and calling Array.from(node.children) will cause error.\n if (!(node instanceof HTMLElement)) {\n return;\n }\n\n if (node.reanimatedDummy && node.removedAfterAnimation === undefined) {\n reattachElementToAncestor(node, root);\n }\n\n const children = Array.from(node.children);\n\n for (let i = 0; i < children.length; ++i) {\n findDescendantWithExitingAnimation(\n children[i] as ReanimatedHTMLElement,\n root\n );\n }\n}\n\ntype FiberNodeKey = `__reactFiber${string}`;\n\ninterface FiberNode {\n memoizedProps?: {\n navigation?: unknown;\n };\n\n child?: FiberNode;\n}\n\ntype WithFiberNode = {\n [key: FiberNodeKey]: FiberNode;\n};\n\ntype MaybeWithFiberNode = Partial<WithFiberNode>;\n\nfunction checkIfScreenWasChanged(\n mutationTarget: ReanimatedHTMLElement & MaybeWithFiberNode\n) {\n let reactFiberKey: FiberNodeKey = '__reactFiber';\n\n for (const key of Object.keys(mutationTarget)) {\n if (key.startsWith('__reactFiber')) {\n reactFiberKey = key as FiberNodeKey;\n break;\n }\n }\n\n return (\n mutationTarget[reactFiberKey]?.child?.memoizedProps?.navigation !==\n undefined\n );\n}\n\nexport function addHTMLMutationObserver() {\n if (isObserverSet \|\| !isWindowAvailable()) {\n return;\n }\n\n isObserverSet = true;\n\n const observer = new MutationObserver((mutationsList) => {\n const rootMutation = mutationsList[mutationsList.length - 1];\n\n if (\n checkIfScreenWasChanged(\n rootMutation.target as ReanimatedHTMLElement & MaybeWithFiberNode\n )\n ) {\n return;\n }\n\n for (let i = 0; i < rootMutation.removedNodes.length; ++i) {\n findDescendantWithExitingAnimation(\n rootMutation.removedNodes[i] as ReanimatedHTMLElement,\n rootMutation.target\n );\n }\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n}\n\nexport function areDOMRectsEqual(r1: DOMRect, r2: DOMRect) {\n // There are 4 more fields, but checking these should suffice\n return (\n r1.x === r2.x &&\n r1.y === r2.y &&\n r1.width === r2.width &&\n r1.height === r2.height\n );\n}\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["startWebLayoutAnimation","tryActivateLayoutTransition","getReducedMotionFromConfig","saveSnapshot","configureWebLayoutAnimations"],"sources":["index.ts"],"sourcesContent":["'use strict';\n\nexport {\n startWebLayoutAnimation,\n tryActivateLayoutTransition,\n} from './animationsManager';\n\nexport { getReducedMotionFromConfig, saveSnapshot } from './componentUtils';\n\nexport { configureWebLayoutAnimations } from './domUtils';\n"],"mappings":"AAAA,YAAY;;AAEZ,SACEA,uBAAuB,EACvBC,2BAA2B,QACtB,qBAAqB;AAE5B,SAASC,0BAA0B,EAAEC,YAAY,QAAQ,kBAAkB;AAE3E,SAASC,4BAA4B,QAAQ,YAAY"}
1	+ {"version":3,"names":["startWebLayoutAnimation","tryActivateLayoutTransition","getReducedMotionFromConfig","saveSnapshot","configureWebLayoutAnimations"],"sources":["index.ts"],"sourcesContent":["'use strict';\n\nexport {\n startWebLayoutAnimation,\n tryActivateLayoutTransition,\n} from './animationsManager';\n\nexport { getReducedMotionFromConfig, saveSnapshot } from './componentUtils';\n\nexport { configureWebLayoutAnimations } from './domUtils';\n"],"mappings":"AAAA,YAAY;;AAEZ,SACEA,uBAAuB,EACvBC,2BAA2B,QACtB,qBAAqB;AAE5B,SAASC,0BAA0B,EAAEC,YAAY,QAAQ,kBAAkB;AAE3E,SAASC,4BAA4B,QAAQ,YAAY","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["FadingTransition","name","transitionData","translateX","translateY","scaleX","scaleY","fadingTransition","style","opacity","transform","scale","duration"],"sources":["Fading.web.ts"],"sourcesContent":["'use strict';\nimport type { TransitionData } from '../animationParser';\n\nexport function FadingTransition(name: string, transitionData: TransitionData) {\n const { translateX, translateY, scaleX, scaleY } = transitionData;\n\n const fadingTransition = {\n name,\n style: {\n 0: {\n opacity: 1,\n transform: [\n {\n translateX: `${translateX}px`,\n translateY: `${translateY}px`,\n scale: `${scaleX},${scaleY}`,\n },\n ],\n },\n 20: {\n opacity: 0,\n transform: [\n {\n translateX: `${translateX}px`,\n translateY: `${translateY}px`,\n scale: `${scaleX},${scaleY}`,\n },\n ],\n },\n 60: {\n opacity: 0,\n transform: [\n {\n translateX: '0px',\n translateY: '0px',\n scale: `1,1`,\n },\n ],\n },\n 100: {\n opacity: 1,\n transform: [\n {\n translateX: '0px',\n translateY: '0px',\n scale: `1,1`,\n },\n ],\n },\n },\n duration: 300,\n };\n\n return fadingTransition;\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,OAAO,SAASA,gBAAgBA,CAACC,IAAY,EAAEC,cAA8B,EAAE;EAC7E,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,cAAc;EAEjE,MAAMK,gBAAgB,GAAG;IACvBN,IAAI;IACJO,KAAK,EAAE;MACL,CAAC,EAAE;QACDC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BC,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BO,KAAK,EAAG,GAAEN,MAAO,IAAGC,MAAO;QAC7B,CAAC;MAEL,CAAC;MACD,EAAE,EAAE;QACFG,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BC,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BO,KAAK,EAAG,GAAEN,MAAO,IAAGC,MAAO;QAC7B,CAAC;MAEL,CAAC;MACD,EAAE,EAAE;QACFG,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAE,KAAK;UACjBC,UAAU,EAAE,KAAK;UACjBO,KAAK,EAAG;QACV,CAAC;MAEL,CAAC;MACD,GAAG,EAAE;QACHF,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAE,KAAK;UACjBC,UAAU,EAAE,KAAK;UACjBO,KAAK,EAAG;QACV,CAAC;MAEL;IACF,CAAC;IACDC,QAAQ,EAAE;EACZ,CAAC;EAED,OAAOL,gBAAgB;AACzB"}
1	+ {"version":3,"names":["FadingTransition","name","transitionData","translateX","translateY","scaleX","scaleY","fadingTransition","style","opacity","transform","scale","duration"],"sources":["Fading.web.ts"],"sourcesContent":["'use strict';\nimport type { TransitionData } from '../animationParser';\n\nexport function FadingTransition(name: string, transitionData: TransitionData) {\n const { translateX, translateY, scaleX, scaleY } = transitionData;\n\n const fadingTransition = {\n name,\n style: {\n 0: {\n opacity: 1,\n transform: [\n {\n translateX: `${translateX}px`,\n translateY: `${translateY}px`,\n scale: `${scaleX},${scaleY}`,\n },\n ],\n },\n 20: {\n opacity: 0,\n transform: [\n {\n translateX: `${translateX}px`,\n translateY: `${translateY}px`,\n scale: `${scaleX},${scaleY}`,\n },\n ],\n },\n 60: {\n opacity: 0,\n transform: [\n {\n translateX: '0px',\n translateY: '0px',\n scale: `1,1`,\n },\n ],\n },\n 100: {\n opacity: 1,\n transform: [\n {\n translateX: '0px',\n translateY: '0px',\n scale: `1,1`,\n },\n ],\n },\n },\n duration: 300,\n };\n\n return fadingTransition;\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,OAAO,SAASA,gBAAgBA,CAACC,IAAY,EAAEC,cAA8B,EAAE;EAC7E,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,cAAc;EAEjE,MAAMK,gBAAgB,GAAG;IACvBN,IAAI;IACJO,KAAK,EAAE;MACL,CAAC,EAAE;QACDC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BC,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BO,KAAK,EAAG,GAAEN,MAAO,IAAGC,MAAO;QAC7B,CAAC;MAEL,CAAC;MACD,EAAE,EAAE;QACFG,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BC,UAAU,EAAG,GAAEA,UAAW,IAAG;UAC7BO,KAAK,EAAG,GAAEN,MAAO,IAAGC,MAAO;QAC7B,CAAC;MAEL,CAAC;MACD,EAAE,EAAE;QACFG,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAE,KAAK;UACjBC,UAAU,EAAE,KAAK;UACjBO,KAAK,EAAG;QACV,CAAC;MAEL,CAAC;MACD,GAAG,EAAE;QACHF,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CACT;UACEP,UAAU,EAAE,KAAK;UACjBC,UAAU,EAAE,KAAK;UACjBO,KAAK,EAAG;QACV,CAAC;MAEL;IACF,CAAC;IACDC,QAAQ,EAAE;EACZ,CAAC;EAED,OAAOL,gBAAgB;AACzB","ignoreList":[]}