react-native-reanimated 3.13.0-rc.2 → 3.13.0

package/lib/module/js-reanimated/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["JSReanimated","isWeb","PropsAllowlists","createReactDOMStyle","createTransformValue","createTextShadowValue","require","default","e","reanimatedJS","global","_makeShareableClone","Error","_scheduleOnJS","_scheduleOnRuntime","_updatePropsJS","updates","viewRef","isAnimatedProps","_component","component","getAnimatableRef","rawStyles","Object","keys","reduce","acc","key","value","index","setNativeProps","undefined","style","updatePropsDOM","props","length","forEach","dashedKey","replace","m","toLowerCase","_touchableNode","setAttribute","componentName","className","console","warn","newProps","_component$setNativeP2","_component$setNativeP","uiProps","isNativeProp","call","previousStyle","currentStyle","domStyle","Array","isArray","transform","textShadowColor","textShadowRadius","textShadowOffset","textShadow","propName","NATIVE_THREAD_PROPS_WHITELIST"],"sources":["index.ts"],"sourcesContent":["'use strict';\nimport JSReanimated from './JSReanimated';\nimport type { StyleProps } from '../commonTypes';\nimport type { AnimatedStyle } from '../helperTypes';\nimport { isWeb } from '../PlatformChecker';\nimport { PropsAllowlists } from '../propsAllowlists';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nlet createReactDOMStyle: (style: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nlet createTransformValue: (transform: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nlet createTextShadowValue: (style: any) => void | string;\n\nif (isWeb()) {\n  try {\n    createReactDOMStyle =\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      require('react-native-web/dist/exports/StyleSheet/compiler/createReactDOMStyle').default;\n  } catch (e) {}\n\n  try {\n    // React Native Web 0.19+\n    createTransformValue =\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      require('react-native-web/dist/exports/StyleSheet/preprocess').createTransformValue;\n  } catch (e) {}\n\n  try {\n    createTextShadowValue =\n      // eslint-disable-next-line @typescript-eslint/no-var-requires\n      require('react-native-web/dist/exports/StyleSheet/preprocess').createTextShadowValue;\n  } catch (e) {}\n}\n\nconst reanimatedJS = new JSReanimated();\n\nglobal._makeShareableClone = () => {\n  throw new Error(\n    '[Reanimated] _makeShareableClone should never be called in JSReanimated.'\n  );\n};\n\nglobal._scheduleOnJS = () => {\n  throw new Error(\n    '[Reanimated] _scheduleOnJS should never be called in JSReanimated.'\n  );\n};\n\nglobal._scheduleOnRuntime = () => {\n  throw new Error(\n    '[Reanimated] _scheduleOnRuntime should never be called in JSReanimated.'\n  );\n};\n\ninterface JSReanimatedComponent {\n  previousStyle: StyleProps;\n  setNativeProps?: (style: StyleProps) => void;\n  style?: StyleProps;\n  props: Record<string, string | number>;\n  _touchableNode: {\n    setAttribute: (key: string, props: unknown) => void;\n  };\n}\n\nexport interface ReanimatedHTMLElement extends HTMLElement {\n  previousStyle: StyleProps;\n  setNativeProps?: (style: StyleProps) => void;\n  props: Record<string, string | number>;\n  _touchableNode: {\n    setAttribute: (key: string, props: unknown) => void;\n  };\n  reanimatedDummy?: boolean;\n  removedAfterAnimation?: boolean;\n}\n\nexport const _updatePropsJS = (\n  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n  updates: StyleProps | AnimatedStyle<any>,\n  viewRef: {\n    _component?: (JSReanimatedComponent | ReanimatedHTMLElement) & {\n      getAnimatableRef?: () => JSReanimatedComponent | ReanimatedHTMLElement;\n    };\n  },\n  isAnimatedProps?: boolean\n): void => {\n  if (viewRef._component) {\n    const component = viewRef._component.getAnimatableRef\n      ? viewRef._component.getAnimatableRef()\n      : viewRef._component;\n    const [rawStyles] = Object.keys(updates).reduce(\n      (acc: [StyleProps, AnimatedStyle<any>], key) => {\n        const value = updates[key];\n        const index = typeof value === 'function' ? 1 : 0;\n        acc[index][key] = value;\n        return acc;\n      },\n      [{}, {}]\n    );\n\n    if (typeof component.setNativeProps === 'function') {\n      // This is the legacy way to update props on React Native Web <= 0.18.\n      // Also, some components (e.g. from react-native-svg) don't have styles\n      // and always provide setNativeProps function instead (even on React Native Web 0.19+).\n      setNativeProps(component, rawStyles, isAnimatedProps);\n    } else if (\n      createReactDOMStyle !== undefined &&\n      component.style !== undefined\n    ) {\n      // React Native Web 0.19+ no longer provides setNativeProps function,\n      // so we need to update DOM nodes directly.\n      updatePropsDOM(component, rawStyles, isAnimatedProps);\n    } else if (Object.keys(component.props).length > 0) {\n      Object.keys(component.props).forEach((key) => {\n        if (!rawStyles[key]) {\n          return;\n        }\n        const dashedKey = key.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());\n        component._touchableNode.setAttribute(dashedKey, rawStyles[key]);\n      });\n    } else {\n      const componentName =\n        'className' in component ? component?.className : '';\n      console.warn(\n        `[Reanimated] It's not possible to manipulate the component ${componentName}`\n      );\n    }\n  }\n};\n\nconst setNativeProps = (\n  component: JSReanimatedComponent | ReanimatedHTMLElement,\n  newProps: StyleProps,\n  isAnimatedProps?: boolean\n): void => {\n  if (isAnimatedProps) {\n    const uiProps: Record<string, unknown> = {};\n    for (const key in newProps) {\n      if (isNativeProp(key)) {\n        uiProps[key] = newProps[key];\n      }\n    }\n    // Only update UI props directly on the component,\n    // other props can be updated as standard style props.\n    component.setNativeProps?.(uiProps);\n  }\n\n  const previousStyle = component.previousStyle ? component.previousStyle : {};\n  const currentStyle = { ...previousStyle, ...newProps };\n  component.previousStyle = currentStyle;\n\n  component.setNativeProps?.({ style: currentStyle });\n};\n\nconst updatePropsDOM = (\n  component: JSReanimatedComponent | HTMLElement,\n  style: StyleProps,\n  isAnimatedProps?: boolean\n): void => {\n  const previousStyle = (component as JSReanimatedComponent).previousStyle\n    ? (component as JSReanimatedComponent).previousStyle\n    : {};\n  const currentStyle = { ...previousStyle, ...style };\n  (component as JSReanimatedComponent).previousStyle = currentStyle;\n\n  const domStyle = createReactDOMStyle(currentStyle);\n  if (Array.isArray(domStyle.transform) && createTransformValue !== undefined) {\n    domStyle.transform = createTransformValue(domStyle.transform);\n  }\n\n  if (\n    createTextShadowValue !== undefined &&\n    (domStyle.textShadowColor ||\n      domStyle.textShadowRadius ||\n      domStyle.textShadowOffset)\n  ) {\n    domStyle.textShadow = createTextShadowValue({\n      textShadowColor: domStyle.textShadowColor,\n      textShadowOffset: domStyle.textShadowOffset,\n      textShadowRadius: domStyle.textShadowRadius,\n    });\n  }\n\n  for (const key in domStyle) {\n    if (isAnimatedProps) {\n      (component as HTMLElement).setAttribute(key, domStyle[key]);\n    } else {\n      (component.style as StyleProps)[key] = domStyle[key];\n    }\n  }\n};\n\nfunction isNativeProp(propName: string): boolean {\n  return !!PropsAllowlists.NATIVE_THREAD_PROPS_WHITELIST[propName];\n}\n\nexport default reanimatedJS;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["JSReanimated","createReactDOMStyle","createTransformValue","createTextShadowValue","PropsAllowlists","reanimatedJS","global","_makeShareableClone","Error","_scheduleOnJS","_scheduleOnRuntime","_updatePropsJS","updates","viewRef","isAnimatedProps","component","getAnimatableRef","rawStyles","Object","keys","reduce","acc","key","value","index","setNativeProps","undefined","style","updatePropsDOM","props","length","forEach","dashedKey","replace","m","toLowerCase","_touchableNode","setAttribute","componentName","className","console","warn","newProps","_component$setNativeP2","_component$setNativeP","uiProps","isNativeProp","call","previousStyle","currentStyle","domStyle","Array","isArray","transform","textShadowColor","textShadowRadius","textShadowOffset","textShadow","propName","NATIVE_THREAD_PROPS_WHITELIST"],"sources":["index.ts"],"sourcesContent":["'use strict';\nimport JSReanimated from './JSReanimated';\nimport type { StyleProps } from '../commonTypes';\nimport type { AnimatedStyle } from '../helperTypes';\nimport {\n  createReactDOMStyle,\n  createTransformValue,\n  createTextShadowValue,\n} from './webUtils';\nimport { PropsAllowlists } from '../propsAllowlists';\n\nconst reanimatedJS = new JSReanimated();\n\nglobal._makeShareableClone = () => {\n  throw new Error(\n    '[Reanimated] _makeShareableClone should never be called in JSReanimated.'\n  );\n};\n\nglobal._scheduleOnJS = () => {\n  throw new Error(\n    '[Reanimated] _scheduleOnJS should never be called in JSReanimated.'\n  );\n};\n\nglobal._scheduleOnRuntime = () => {\n  throw new Error(\n    '[Reanimated] _scheduleOnRuntime should never be called in JSReanimated.'\n  );\n};\n\ninterface JSReanimatedComponent {\n  previousStyle: StyleProps;\n  setNativeProps?: (style: StyleProps) => void;\n  style?: StyleProps;\n  props: Record<string, string | number>;\n  _touchableNode: {\n    setAttribute: (key: string, props: unknown) => void;\n  };\n}\n\nexport interface ReanimatedHTMLElement extends HTMLElement {\n  previousStyle: StyleProps;\n  setNativeProps?: (style: StyleProps) => void;\n  props: Record<string, string | number>;\n  _touchableNode: {\n    setAttribute: (key: string, props: unknown) => void;\n  };\n  reanimatedDummy?: boolean;\n  removedAfterAnimation?: boolean;\n}\n\nexport const _updatePropsJS = (\n  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n  updates: StyleProps | AnimatedStyle<any>,\n  viewRef: (JSReanimatedComponent | ReanimatedHTMLElement) & {\n    getAnimatableRef?: () => JSReanimatedComponent | ReanimatedHTMLElement;\n  },\n  isAnimatedProps?: boolean\n): void => {\n  if (viewRef) {\n    const component = viewRef.getAnimatableRef\n      ? viewRef.getAnimatableRef()\n      : viewRef;\n    const [rawStyles] = Object.keys(updates).reduce(\n      (acc: [StyleProps, AnimatedStyle<any>], key) => {\n        const value = updates[key];\n        const index = typeof value === 'function' ? 1 : 0;\n        acc[index][key] = value;\n        return acc;\n      },\n      [{}, {}]\n    );\n\n    if (typeof component.setNativeProps === 'function') {\n      // This is the legacy way to update props on React Native Web <= 0.18.\n      // Also, some components (e.g. from react-native-svg) don't have styles\n      // and always provide setNativeProps function instead (even on React Native Web 0.19+).\n      setNativeProps(component, rawStyles, isAnimatedProps);\n    } else if (\n      createReactDOMStyle !== undefined &&\n      component.style !== undefined\n    ) {\n      // React Native Web 0.19+ no longer provides setNativeProps function,\n      // so we need to update DOM nodes directly.\n      updatePropsDOM(component, rawStyles, isAnimatedProps);\n    } else if (Object.keys(component.props).length > 0) {\n      Object.keys(component.props).forEach((key) => {\n        if (!rawStyles[key]) {\n          return;\n        }\n        const dashedKey = key.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());\n        component._touchableNode.setAttribute(dashedKey, rawStyles[key]);\n      });\n    } else {\n      const componentName =\n        'className' in component ? component?.className : '';\n      console.warn(\n        `[Reanimated] It's not possible to manipulate the component ${componentName}`\n      );\n    }\n  }\n};\n\nconst setNativeProps = (\n  component: JSReanimatedComponent | ReanimatedHTMLElement,\n  newProps: StyleProps,\n  isAnimatedProps?: boolean\n): void => {\n  if (isAnimatedProps) {\n    const uiProps: Record<string, unknown> = {};\n    for (const key in newProps) {\n      if (isNativeProp(key)) {\n        uiProps[key] = newProps[key];\n      }\n    }\n    // Only update UI props directly on the component,\n    // other props can be updated as standard style props.\n    component.setNativeProps?.(uiProps);\n  }\n\n  const previousStyle = component.previousStyle ? component.previousStyle : {};\n  const currentStyle = { ...previousStyle, ...newProps };\n  component.previousStyle = currentStyle;\n\n  component.setNativeProps?.({ style: currentStyle });\n};\n\nconst updatePropsDOM = (\n  component: JSReanimatedComponent | HTMLElement,\n  style: StyleProps,\n  isAnimatedProps?: boolean\n): void => {\n  const previousStyle = (component as JSReanimatedComponent).previousStyle\n    ? (component as JSReanimatedComponent).previousStyle\n    : {};\n  const currentStyle = { ...previousStyle, ...style };\n  (component as JSReanimatedComponent).previousStyle = currentStyle;\n\n  const domStyle = createReactDOMStyle(currentStyle);\n  if (Array.isArray(domStyle.transform) && createTransformValue !== undefined) {\n    domStyle.transform = createTransformValue(domStyle.transform);\n  }\n\n  if (\n    createTextShadowValue !== undefined &&\n    (domStyle.textShadowColor ||\n      domStyle.textShadowRadius ||\n      domStyle.textShadowOffset)\n  ) {\n    domStyle.textShadow = createTextShadowValue({\n      textShadowColor: domStyle.textShadowColor,\n      textShadowOffset: domStyle.textShadowOffset,\n      textShadowRadius: domStyle.textShadowRadius,\n    });\n  }\n\n  for (const key in domStyle) {\n    if (isAnimatedProps) {\n      (component as HTMLElement).setAttribute(key, domStyle[key]);\n    } else {\n      (component.style as StyleProps)[key] = domStyle[key];\n    }\n  }\n};\n\nfunction isNativeProp(propName: string): boolean {\n  return !!PropsAllowlists.NATIVE_THREAD_PROPS_WHITELIST[propName];\n}\n\nexport default reanimatedJS;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/js-reanimated/webUtils.js

@@ -0,0 +1,9 @@
+'use strict';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createReactDOMStyle;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createTransformValue;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createTextShadowValue;
+//# sourceMappingURL=webUtils.js.map

package/lib/module/js-reanimated/webUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createReactDOMStyle","createTransformValue","createTextShadowValue"],"sources":["webUtils.ts"],"sourcesContent":["'use strict';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createReactDOMStyle: (style: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createTransformValue: (transform: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createTextShadowValue: (style: any) => void | string;\n"],"mappings":"AAAA,YAAY;;AAEZ;AACA,OAAO,IAAIA,mBAAwC;AACnD;AACA,OAAO,IAAIC,oBAA6C;AACxD;AACA,OAAO,IAAIC,qBAAoD","ignoreList":[]}

package/lib/module/js-reanimated/webUtils.web.js

@@ -0,0 +1,25 @@
+'use strict';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createReactDOMStyle;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createTransformValue;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export let createTextShadowValue;
+try {
+  createReactDOMStyle =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/exports/StyleSheet/compiler/createReactDOMStyle').default;
+} catch (e) {}
+try {
+  // React Native Web 0.19+
+  createTransformValue =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/exports/StyleSheet/preprocess').createTransformValue;
+} catch (e) {}
+try {
+  createTextShadowValue =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/exports/StyleSheet/preprocess').createTextShadowValue;
+} catch (e) {}
+//# sourceMappingURL=webUtils.web.js.map

package/lib/module/js-reanimated/webUtils.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createReactDOMStyle","createTransformValue","createTextShadowValue","require","default","e"],"sources":["webUtils.web.ts"],"sourcesContent":["'use strict';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createReactDOMStyle: (style: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createTransformValue: (transform: any) => any;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport let createTextShadowValue: (style: any) => void | string;\n\ntry {\n  createReactDOMStyle =\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    require('react-native-web/dist/exports/StyleSheet/compiler/createReactDOMStyle').default;\n} catch (e) {}\n\ntry {\n  // React Native Web 0.19+\n  createTransformValue =\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    require('react-native-web/dist/exports/StyleSheet/preprocess').createTransformValue;\n} catch (e) {}\n\ntry {\n  createTextShadowValue =\n    // eslint-disable-next-line @typescript-eslint/no-var-requires\n    require('react-native-web/dist/exports/StyleSheet/preprocess').createTextShadowValue;\n} catch (e) {}\n"],"mappings":"AAAA,YAAY;;AAEZ;AACA,OAAO,IAAIA,mBAAwC;AACnD;AACA,OAAO,IAAIC,oBAA6C;AACxD;AACA,OAAO,IAAIC,qBAAoD;AAE/D,IAAI;EACFF,mBAAmB;EACjB;EACAG,OAAO,CAAC,uEAAuE,CAAC,CAACC,OAAO;AAC5F,CAAC,CAAC,OAAOC,CAAC,EAAE,CAAC;AAEb,IAAI;EACF;EACAJ,oBAAoB;EAClB;EACAE,OAAO,CAAC,qDAAqD,CAAC,CAACF,oBAAoB;AACvF,CAAC,CAAC,OAAOI,CAAC,EAAE,CAAC;AAEb,IAAI;EACFH,qBAAqB;EACnB;EACAC,OAAO,CAAC,qDAAqD,CAAC,CAACD,qBAAqB;AACxF,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/module/layoutReanimation/defaultTransitions/CurvedTransition.js

@@ -114,4 +114,5 @@ export class CurvedTransition extends BaseAnimationBuilder {
     return this;
   }
 }
+_defineProperty(CurvedTransition, "presetName", 'CurvedTransition');
 //# sourceMappingURL=CurvedTransition.js.map

package/lib/module/layoutReanimation/defaultTransitions/CurvedTransition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","BaseAnimationBuilder","Easing","withTiming","assertEasingIsWorklet","CurvedTransition","constructor","args","in","ease","out","exp","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","easing","easingX","easingXV","easingY","easingYV","easingWidth","easingWidthV","easingHeight","easingHeightV","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance","__DEV__"],"sources":["CurvedTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\nimport type { EasingFunction } from '../../Easing';\nimport { Easing } from '../../Easing';\nimport { withTiming } from '../../animation';\nimport { assertEasingIsWorklet } from '../../animation/util';\n\n/**\n * Layout transitions with a curved animation. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#fading-transition\n */\nexport class CurvedTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  easingXV: EasingFunction = Easing.in(Easing.ease);\n  easingYV: EasingFunction = Easing.out(Easing.ease);\n  easingWidthV: EasingFunction = Easing.in(Easing.exp);\n  easingHeightV: EasingFunction = Easing.out(Easing.exp);\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new CurvedTransition() as InstanceType<T>;\n  }\n\n  static easingX(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingX(easing);\n  }\n\n  easingX(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingXV = easing;\n    return this;\n  }\n\n  static easingY(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingY(easing);\n  }\n\n  easingY(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingYV = easing;\n    return this;\n  }\n\n  static easingWidth(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingWidth(easing);\n  }\n\n  easingWidth(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingWidthV = easing;\n    return this;\n  }\n\n  static easingHeight(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingHeight(easing);\n  }\n\n  easingHeight(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingHeightV = easing;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const duration = this.durationV ?? 300;\n    const easing = {\n      easingX: this.easingXV,\n      easingY: this.easingYV,\n      easingWidth: this.easingWidthV,\n      easingHeight: this.easingHeightV,\n    };\n\n    return (values) => {\n      'worklet';\n\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withTiming(values.targetOriginX, {\n              duration,\n              easing: easing.easingX,\n            })\n          ),\n          originY: delayFunction(\n            delay,\n            withTiming(values.targetOriginY, {\n              duration,\n              easing: easing.easingY,\n            })\n          ),\n          width: delayFunction(\n            delay,\n            withTiming(values.targetWidth, {\n              duration,\n              easing: easing.easingWidth,\n            })\n          ),\n          height: delayFunction(\n            delay,\n            withTiming(values.targetHeight, {\n              duration,\n              easing: easing.easingHeight,\n            })\n          ),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","BaseAnimationBuilder","Easing","withTiming","assertEasingIsWorklet","CurvedTransition","constructor","args","in","ease","out","exp","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","easing","easingX","easingXV","easingY","easingYV","easingWidth","easingWidthV","easingHeight","easingHeightV","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance","__DEV__"],"sources":["CurvedTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\nimport type { EasingFunction } from '../../Easing';\nimport { Easing } from '../../Easing';\nimport { withTiming } from '../../animation';\nimport { assertEasingIsWorklet } from '../../animation/util';\n\n/**\n * Layout transitions with a curved animation. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#fading-transition\n */\nexport class CurvedTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static presetName = 'CurvedTransition';\n\n  easingXV: EasingFunction = Easing.in(Easing.ease);\n  easingYV: EasingFunction = Easing.out(Easing.ease);\n  easingWidthV: EasingFunction = Easing.in(Easing.exp);\n  easingHeightV: EasingFunction = Easing.out(Easing.exp);\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new CurvedTransition() as InstanceType<T>;\n  }\n\n  static easingX(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingX(easing);\n  }\n\n  easingX(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingXV = easing;\n    return this;\n  }\n\n  static easingY(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingY(easing);\n  }\n\n  easingY(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingYV = easing;\n    return this;\n  }\n\n  static easingWidth(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingWidth(easing);\n  }\n\n  easingWidth(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingWidthV = easing;\n    return this;\n  }\n\n  static easingHeight(easing: EasingFunction): CurvedTransition {\n    const instance = this.createInstance();\n    return instance.easingHeight(easing);\n  }\n\n  easingHeight(easing: EasingFunction): CurvedTransition {\n    if (__DEV__) {\n      assertEasingIsWorklet(easing);\n    }\n    this.easingHeightV = easing;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const duration = this.durationV ?? 300;\n    const easing = {\n      easingX: this.easingXV,\n      easingY: this.easingYV,\n      easingWidth: this.easingWidthV,\n      easingHeight: this.easingHeightV,\n    };\n\n    return (values) => {\n      'worklet';\n\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withTiming(values.targetOriginX, {\n              duration,\n              easing: easing.easingX,\n            })\n          ),\n          originY: delayFunction(\n            delay,\n            withTiming(values.targetOriginY, {\n              duration,\n              easing: easing.easingY,\n            })\n          ),\n          width: delayFunction(\n            delay,\n            withTiming(values.targetWidth, {\n              duration,\n              easing: easing.easingWidth,\n            })\n          ),\n          height: delayFunction(\n            delay,\n            withTiming(values.targetHeight, {\n              duration,\n              easing: easing.easingHeight,\n            })\n          ),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/layoutReanimation/defaultTransitions/EntryExitTransition.js

@@ -172,6 +172,7 @@ export class EntryExitTransition extends BaseAnimationBuilder {
  * @returns A custom layout transition. You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
  * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#combine-transition
  */
+_defineProperty(EntryExitTransition, "presetName", 'EntryExitTransition');
 export function combineTransition(exiting, entering) {
   return EntryExitTransition.entering(entering).exiting(exiting);
 }

package/lib/module/layoutReanimation/defaultTransitions/EntryExitTransition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","BaseAnimationBuilder","withSequence","withTiming","FadeIn","FadeOut","EntryExitTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","enteringAnimation","enteringV","build","exitingAnimation","exitingV","exitingDuration","getDuration","values","enteringValues","exitingValues","animations","transform","prop","keys","Array","isArray","forEach","index","transformProp","push","initialValues","duration","sequence","undefined","includes","mergedTransform","concat","map","objectKeys","length","console","error","current","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","entering","animation","instance","exiting","combineTransition"],"sources":["EntryExitTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationsValues,\n  LayoutAnimationFunction,\n  StylePropsWithArrayTransform,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\nimport { withSequence, withTiming } from '../../animation';\nimport { FadeIn, FadeOut } from '../defaultAnimations/Fade';\nimport type { AnimatableValue, AnimationObject } from '../../commonTypes';\nimport type { TransformArrayItem } from '../../helperTypes';\n\nexport class EntryExitTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  enteringV: BaseAnimationBuilder | typeof BaseAnimationBuilder = FadeIn;\n\n  exitingV: BaseAnimationBuilder | typeof BaseAnimationBuilder = FadeOut;\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new EntryExitTransition() as InstanceType<T>;\n  }\n\n  static entering(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    const instance = this.createInstance();\n    return instance.entering(animation);\n  }\n\n  entering(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    this.enteringV = animation;\n    return this;\n  }\n\n  static exiting(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    const instance = this.createInstance();\n    return instance.exiting(animation);\n  }\n\n  exiting(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    this.exitingV = animation;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    // @ts-ignore Calling `.build()` both static and instance methods works fine here, but `this` types are incompatible. They are not used though, so it's fine.\n    const enteringAnimation = this.enteringV.build();\n    // @ts-ignore Calling `.build()` both static and instance methods works fine here, but `this` types are incompatible. They are not used though, so it's fine.\n    const exitingAnimation = this.exitingV.build();\n    const exitingDuration = this.exitingV.getDuration();\n\n    return (values) => {\n      'worklet';\n      const enteringValues = enteringAnimation(values);\n      const exitingValues = exitingAnimation(values);\n      const animations: StylePropsWithArrayTransform = {\n        transform: [],\n      };\n\n      for (const prop of Object.keys(exitingValues.animations)) {\n        if (prop === 'transform') {\n          if (!Array.isArray(exitingValues.animations.transform)) {\n            continue;\n          }\n          exitingValues.animations.transform.forEach((value, index) => {\n            for (const transformProp of Object.keys(value)) {\n              animations.transform!.push({\n                [transformProp]: delayFunction(\n                  delay,\n                  withSequence(\n                    value[transformProp as keyof TransformArrayItem],\n                    withTiming(\n                      exitingValues.initialValues.transform\n                        ? // TODO TYPESCRIPT\n                          // @ts-ignore This line of code fails tragically\n                          // in newer versions of React Native, where they have\n                          // narrowed down the type of `transform` even further.\n                          // Since this piece of code improperly typed anyway\n                          // (e.g. it assumes types from RN Animated here) I'd rather\n                          // fix it in the future when types for animations\n                          // are properly defined.\n                          exitingValues.initialValues.transform[index][\n                            transformProp\n                          ]\n                        : 0,\n                      { duration: 0 }\n                    )\n                  )\n                ),\n              } as TransformArrayItem);\n            }\n          });\n        } else {\n          const sequence =\n            enteringValues.animations[prop] !== undefined\n              ? [\n                  exitingValues.animations[prop],\n                  withTiming(enteringValues.initialValues[prop], {\n                    duration: 0,\n                  }),\n                  enteringValues.animations[prop],\n                ]\n              : [\n                  exitingValues.animations[prop],\n                  withTiming(\n                    Object.keys(values).includes(prop)\n                      ? values[prop as keyof LayoutAnimationsValues]\n                      : exitingValues.initialValues[prop],\n                    { duration: 0 }\n                  ),\n                ];\n\n          animations[prop] = delayFunction(delay, withSequence(...sequence));\n        }\n      }\n      for (const prop of Object.keys(enteringValues.animations)) {\n        if (prop === 'transform') {\n          if (!Array.isArray(enteringValues.animations.transform)) {\n            continue;\n          }\n          enteringValues.animations.transform.forEach((value, index) => {\n            for (const transformProp of Object.keys(value)) {\n              animations.transform!.push({\n                [transformProp]: delayFunction(\n                  delay + exitingDuration,\n                  withSequence(\n                    withTiming(\n                      enteringValues.initialValues.transform\n                        ? ((\n                            enteringValues.initialValues\n                              .transform as TransformArrayItem[]\n                          )[index][\n                            transformProp as keyof TransformArrayItem\n                          ] as AnimatableValue)\n                        : 0,\n                      { duration: exitingDuration }\n                    ),\n                    value[\n                      transformProp as keyof TransformArrayItem\n                    ] as AnimatableValue\n                  )\n                ),\n              } as TransformArrayItem);\n            }\n          });\n        } else if (animations[prop] !== undefined) {\n          // it was already added in the previous loop\n          continue;\n        } else {\n          animations[prop] = delayFunction(\n            delay,\n            withSequence(\n              withTiming(enteringValues.initialValues[prop], { duration: 0 }),\n              enteringValues.animations[prop]\n            )\n          );\n        }\n      }\n\n      const mergedTransform = (\n        Array.isArray(exitingValues.initialValues.transform)\n          ? exitingValues.initialValues.transform\n          : []\n      ).concat(\n        (Array.isArray(enteringValues.animations.transform)\n          ? enteringValues.animations.transform\n          : []\n        ).map((value) => {\n          const objectKeys = Object.keys(value);\n          if (objectKeys?.length < 1) {\n            console.error(\n              `[Reanimated]: \\${value} is not a valid Transform object`\n            );\n            return value;\n          }\n\n          const transformProp = objectKeys[0];\n          const current =\n            // TODO TYPESCRIPT\n            // @ts-ignore Read similar comment above.\n            (value[transformProp] as AnimationObject).current;\n          if (typeof current === 'string') {\n            if (current.includes('deg')) {\n              return {\n                [transformProp]: '0deg',\n              } as unknown as TransformArrayItem;\n            } else {\n              return {\n                [transformProp]: '0',\n              } as unknown as TransformArrayItem;\n            }\n          } else if (transformProp.includes('translate')) {\n            return { [transformProp]: 0 } as unknown as TransformArrayItem;\n          } else {\n            return { [transformProp]: 1 } as unknown as TransformArrayItem;\n          }\n        })\n      );\n\n      return {\n        initialValues: {\n          ...exitingValues.initialValues,\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n          transform: mergedTransform,\n        },\n        animations: {\n          originX: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetOriginX, { duration: exitingDuration })\n          ),\n          originY: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetOriginY, { duration: exitingDuration })\n          ),\n          width: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetWidth, { duration: exitingDuration })\n          ),\n          height: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetHeight, { duration: exitingDuration })\n          ),\n          ...animations,\n        },\n        callback,\n      };\n    };\n  };\n}\n\n/**\n * Lets you combine two layout animations into a layout transition. You can modify the behavior by chaining methods like `.delay(500)`.\n *\n * @param exiting - Layout animation used when components are removed from layout (eg. `FadeOut`).\n * @param entering - Layout animation used when components are added to layout (eg. `FadeIn`).\n * @returns A custom layout transition. You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#combine-transition\n */\nexport function combineTransition(\n  exiting: BaseAnimationBuilder | typeof BaseAnimationBuilder,\n  entering: BaseAnimationBuilder | typeof BaseAnimationBuilder\n): EntryExitTransition {\n  return EntryExitTransition.entering(entering).exiting(exiting);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","BaseAnimationBuilder","withSequence","withTiming","FadeIn","FadeOut","EntryExitTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","enteringAnimation","enteringV","build","exitingAnimation","exitingV","exitingDuration","getDuration","values","enteringValues","exitingValues","animations","transform","prop","keys","Array","isArray","forEach","index","transformProp","push","initialValues","duration","sequence","undefined","includes","mergedTransform","concat","map","objectKeys","length","console","error","current","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","entering","animation","instance","exiting","combineTransition"],"sources":["EntryExitTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationsValues,\n  LayoutAnimationFunction,\n  StylePropsWithArrayTransform,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\nimport { withSequence, withTiming } from '../../animation';\nimport { FadeIn, FadeOut } from '../defaultAnimations/Fade';\nimport type { AnimatableValue, AnimationObject } from '../../commonTypes';\nimport type { TransformArrayItem } from '../../helperTypes';\n\nexport class EntryExitTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static presetName = 'EntryExitTransition';\n\n  enteringV: BaseAnimationBuilder | typeof BaseAnimationBuilder = FadeIn;\n\n  exitingV: BaseAnimationBuilder | typeof BaseAnimationBuilder = FadeOut;\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new EntryExitTransition() as InstanceType<T>;\n  }\n\n  static entering(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    const instance = this.createInstance();\n    return instance.entering(animation);\n  }\n\n  entering(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    this.enteringV = animation;\n    return this;\n  }\n\n  static exiting(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    const instance = this.createInstance();\n    return instance.exiting(animation);\n  }\n\n  exiting(\n    animation: BaseAnimationBuilder | typeof BaseAnimationBuilder\n  ): EntryExitTransition {\n    this.exitingV = animation;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    // @ts-ignore Calling `.build()` both static and instance methods works fine here, but `this` types are incompatible. They are not used though, so it's fine.\n    const enteringAnimation = this.enteringV.build();\n    // @ts-ignore Calling `.build()` both static and instance methods works fine here, but `this` types are incompatible. They are not used though, so it's fine.\n    const exitingAnimation = this.exitingV.build();\n    const exitingDuration = this.exitingV.getDuration();\n\n    return (values) => {\n      'worklet';\n      const enteringValues = enteringAnimation(values);\n      const exitingValues = exitingAnimation(values);\n      const animations: StylePropsWithArrayTransform = {\n        transform: [],\n      };\n\n      for (const prop of Object.keys(exitingValues.animations)) {\n        if (prop === 'transform') {\n          if (!Array.isArray(exitingValues.animations.transform)) {\n            continue;\n          }\n          exitingValues.animations.transform.forEach((value, index) => {\n            for (const transformProp of Object.keys(value)) {\n              animations.transform!.push({\n                [transformProp]: delayFunction(\n                  delay,\n                  withSequence(\n                    value[transformProp as keyof TransformArrayItem],\n                    withTiming(\n                      exitingValues.initialValues.transform\n                        ? // TODO TYPESCRIPT\n                          // @ts-ignore This line of code fails tragically\n                          // in newer versions of React Native, where they have\n                          // narrowed down the type of `transform` even further.\n                          // Since this piece of code improperly typed anyway\n                          // (e.g. it assumes types from RN Animated here) I'd rather\n                          // fix it in the future when types for animations\n                          // are properly defined.\n                          exitingValues.initialValues.transform[index][\n                            transformProp\n                          ]\n                        : 0,\n                      { duration: 0 }\n                    )\n                  )\n                ),\n              } as TransformArrayItem);\n            }\n          });\n        } else {\n          const sequence =\n            enteringValues.animations[prop] !== undefined\n              ? [\n                  exitingValues.animations[prop],\n                  withTiming(enteringValues.initialValues[prop], {\n                    duration: 0,\n                  }),\n                  enteringValues.animations[prop],\n                ]\n              : [\n                  exitingValues.animations[prop],\n                  withTiming(\n                    Object.keys(values).includes(prop)\n                      ? values[prop as keyof LayoutAnimationsValues]\n                      : exitingValues.initialValues[prop],\n                    { duration: 0 }\n                  ),\n                ];\n\n          animations[prop] = delayFunction(delay, withSequence(...sequence));\n        }\n      }\n      for (const prop of Object.keys(enteringValues.animations)) {\n        if (prop === 'transform') {\n          if (!Array.isArray(enteringValues.animations.transform)) {\n            continue;\n          }\n          enteringValues.animations.transform.forEach((value, index) => {\n            for (const transformProp of Object.keys(value)) {\n              animations.transform!.push({\n                [transformProp]: delayFunction(\n                  delay + exitingDuration,\n                  withSequence(\n                    withTiming(\n                      enteringValues.initialValues.transform\n                        ? ((\n                            enteringValues.initialValues\n                              .transform as TransformArrayItem[]\n                          )[index][\n                            transformProp as keyof TransformArrayItem\n                          ] as AnimatableValue)\n                        : 0,\n                      { duration: exitingDuration }\n                    ),\n                    value[\n                      transformProp as keyof TransformArrayItem\n                    ] as AnimatableValue\n                  )\n                ),\n              } as TransformArrayItem);\n            }\n          });\n        } else if (animations[prop] !== undefined) {\n          // it was already added in the previous loop\n          continue;\n        } else {\n          animations[prop] = delayFunction(\n            delay,\n            withSequence(\n              withTiming(enteringValues.initialValues[prop], { duration: 0 }),\n              enteringValues.animations[prop]\n            )\n          );\n        }\n      }\n\n      const mergedTransform = (\n        Array.isArray(exitingValues.initialValues.transform)\n          ? exitingValues.initialValues.transform\n          : []\n      ).concat(\n        (Array.isArray(enteringValues.animations.transform)\n          ? enteringValues.animations.transform\n          : []\n        ).map((value) => {\n          const objectKeys = Object.keys(value);\n          if (objectKeys?.length < 1) {\n            console.error(\n              `[Reanimated]: \\${value} is not a valid Transform object`\n            );\n            return value;\n          }\n\n          const transformProp = objectKeys[0];\n          const current =\n            // TODO TYPESCRIPT\n            // @ts-ignore Read similar comment above.\n            (value[transformProp] as AnimationObject).current;\n          if (typeof current === 'string') {\n            if (current.includes('deg')) {\n              return {\n                [transformProp]: '0deg',\n              } as unknown as TransformArrayItem;\n            } else {\n              return {\n                [transformProp]: '0',\n              } as unknown as TransformArrayItem;\n            }\n          } else if (transformProp.includes('translate')) {\n            return { [transformProp]: 0 } as unknown as TransformArrayItem;\n          } else {\n            return { [transformProp]: 1 } as unknown as TransformArrayItem;\n          }\n        })\n      );\n\n      return {\n        initialValues: {\n          ...exitingValues.initialValues,\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n          transform: mergedTransform,\n        },\n        animations: {\n          originX: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetOriginX, { duration: exitingDuration })\n          ),\n          originY: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetOriginY, { duration: exitingDuration })\n          ),\n          width: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetWidth, { duration: exitingDuration })\n          ),\n          height: delayFunction(\n            delay + exitingDuration,\n            withTiming(values.targetHeight, { duration: exitingDuration })\n          ),\n          ...animations,\n        },\n        callback,\n      };\n    };\n  };\n}\n\n/**\n * Lets you combine two layout animations into a layout transition. You can modify the behavior by chaining methods like `.delay(500)`.\n *\n * @param exiting - Layout animation used when components are removed from layout (eg. `FadeOut`).\n * @param entering - Layout animation used when components are added to layout (eg. `FadeIn`).\n * @returns A custom layout transition. You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#combine-transition\n */\nexport function combineTransition(\n  exiting: BaseAnimationBuilder | typeof BaseAnimationBuilder,\n  entering: BaseAnimationBuilder | typeof BaseAnimationBuilder\n): EntryExitTransition {\n  return EntryExitTransition.entering(entering).exiting(exiting);\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/layoutReanimation/defaultTransitions/FadingTransition.js

@@ -3,7 +3,7 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { withSequence, withTiming } from '../../animation';
+import { withDelay, withSequence, withTiming } from '../../animation';
 import { BaseAnimationBuilder } from '../animationBuilder';
 
 /**
@@ -20,7 +20,7 @@ export class FadingTransition extends BaseAnimationBuilder {
       const delayFunction = this.getDelayFunction();
       const callback = this.callbackV;
       const delay = this.getDelay();
-      const duration = this.durationV ?? 500;
+      const duration = (this.durationV ?? 500) / 2;
       return values => {
         'worklet';
 
@@ -38,17 +38,17 @@ export class FadingTransition extends BaseAnimationBuilder {
             }), withTiming(1, {
               duration
             }))),
-            originX: delayFunction(delay + duration, withTiming(values.targetOriginX, {
-              duration: 50
+            originX: withDelay(delay + duration, withTiming(values.targetOriginX, {
+              duration: 0
             })),
-            originY: delayFunction(delay + duration, withTiming(values.targetOriginY, {
-              duration: 50
+            originY: withDelay(delay + duration, withTiming(values.targetOriginY, {
+              duration: 0
             })),
-            width: delayFunction(delay + duration, withTiming(values.targetWidth, {
-              duration: 50
+            width: withDelay(delay + duration, withTiming(values.targetWidth, {
+              duration: 0
             })),
-            height: delayFunction(delay + duration, withTiming(values.targetHeight, {
-              duration: 50
+            height: withDelay(delay + duration, withTiming(values.targetHeight, {
+              duration: 0
             }))
           },
           callback
@@ -60,4 +60,5 @@ export class FadingTransition extends BaseAnimationBuilder {
     return new FadingTransition();
   }
 }
+_defineProperty(FadingTransition, "presetName", 'FadingTransition');
 //# sourceMappingURL=FadingTransition.js.map

package/lib/module/layoutReanimation/defaultTransitions/FadingTransition.js.map

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

package/lib/module/layoutReanimation/defaultTransitions/JumpingTransition.js

@@ -58,4 +58,5 @@ export class JumpingTransition extends BaseAnimationBuilder {
     return new JumpingTransition();
   }
 }
+_defineProperty(JumpingTransition, "presetName", 'JumpingTransition');
 //# sourceMappingURL=JumpingTransition.js.map

package/lib/module/layoutReanimation/defaultTransitions/JumpingTransition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","withSequence","withTiming","Easing","BaseAnimationBuilder","JumpingTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","config","values","d","Math","max","abs","targetOriginX","currentOriginX","targetOriginY","currentOriginY","initialValues","originX","originY","width","currentWidth","height","currentHeight","animations","min","easing","out","exp","bounce","targetWidth","targetHeight","createInstance"],"sources":["JumpingTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { withSequence, withTiming } from '../../animation';\nimport { Easing } from '../../Easing';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/**\n * Layout jumps - quite literally - from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#jumping-transition\n */\nexport class JumpingTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new JumpingTransition() as InstanceType<T>;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const duration = (this.durationV ?? 300) / 2;\n    const config = { duration: duration * 2 };\n\n    return (values) => {\n      'worklet';\n      const d = Math.max(\n        Math.abs(values.targetOriginX - values.currentOriginX),\n        Math.abs(values.targetOriginY - values.currentOriginY)\n      );\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withTiming(values.targetOriginX, config)\n          ),\n          originY: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                Math.min(values.targetOriginY, values.currentOriginY) - d,\n                {\n                  duration,\n                  easing: Easing.out(Easing.exp),\n                }\n              ),\n              withTiming(values.targetOriginY, {\n                ...config,\n                duration,\n                easing: Easing.bounce,\n              })\n            )\n          ),\n          width: delayFunction(delay, withTiming(values.targetWidth, config)),\n          height: delayFunction(delay, withTiming(values.targetHeight, config)),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","withSequence","withTiming","Easing","BaseAnimationBuilder","JumpingTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","duration","durationV","config","values","d","Math","max","abs","targetOriginX","currentOriginX","targetOriginY","currentOriginY","initialValues","originX","originY","width","currentWidth","height","currentHeight","animations","min","easing","out","exp","bounce","targetWidth","targetHeight","createInstance"],"sources":["JumpingTransition.ts"],"sourcesContent":["'use strict';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { withSequence, withTiming } from '../../animation';\nimport { Easing } from '../../Easing';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/**\n * Layout jumps - quite literally - from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#jumping-transition\n */\nexport class JumpingTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static presetName = 'JumpingTransition';\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new JumpingTransition() as InstanceType<T>;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const duration = (this.durationV ?? 300) / 2;\n    const config = { duration: duration * 2 };\n\n    return (values) => {\n      'worklet';\n      const d = Math.max(\n        Math.abs(values.targetOriginX - values.currentOriginX),\n        Math.abs(values.targetOriginY - values.currentOriginY)\n      );\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withTiming(values.targetOriginX, config)\n          ),\n          originY: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                Math.min(values.targetOriginY, values.currentOriginY) - d,\n                {\n                  duration,\n                  easing: Easing.out(Easing.exp),\n                }\n              ),\n              withTiming(values.targetOriginY, {\n                ...config,\n                duration,\n                easing: Easing.bounce,\n              })\n            )\n          ),\n          width: delayFunction(delay, withTiming(values.targetWidth, config)),\n          height: delayFunction(delay, withTiming(values.targetHeight, config)),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/layoutReanimation/defaultTransitions/LinearTransition.js

@@ -48,5 +48,6 @@ export class LinearTransition extends ComplexAnimationBuilder {
 /**
  * @deprecated Please use {@link LinearTransition} instead.
  */
+_defineProperty(LinearTransition, "presetName", 'LinearTransition');
 export const Layout = LinearTransition;
 //# sourceMappingURL=LinearTransition.js.map

package/lib/module/layoutReanimation/defaultTransitions/LinearTransition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","ComplexAnimationBuilder","LinearTransition","constructor","args","delayFunction","getDelayFunction","animation","config","getAnimationAndConfig","callback","callbackV","delay","getDelay","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","Layout"],"sources":["LinearTransition.ts"],"sourcesContent":["'use strict';\nimport type { BaseAnimationBuilder } from '../animationBuilder';\nimport { ComplexAnimationBuilder } from '../animationBuilder';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\n\n/**\n * Linearly transforms the layout from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#linear-transition\n */\nexport class LinearTransition\n  extends ComplexAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new LinearTransition() as InstanceType<T>;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const [animation, config] = this.getAnimationAndConfig();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n\n    return (values) => {\n      'worklet';\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            animation(values.targetOriginX, config)\n          ),\n          originY: delayFunction(\n            delay,\n            animation(values.targetOriginY, config)\n          ),\n          width: delayFunction(delay, animation(values.targetWidth, config)),\n          height: delayFunction(delay, animation(values.targetHeight, config)),\n        },\n        callback,\n      };\n    };\n  };\n}\n\n/**\n * @deprecated Please use {@link LinearTransition} instead.\n */\nexport const Layout = LinearTransition;\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAG,CAAA,2BAAAH,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAI,CAAA,GAAAJ,CAAA,CAAAK,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAH,CAAA,GAAAG,CAAA,CAAAG,IAAA,CAAAP,CAAA,EAAAG,CAAA,uCAAAF,CAAA,SAAAA,CAAA,YAAAO,SAAA,yEAAAL,CAAA,GAAAM,MAAA,GAAAC,MAAA,EAAAV,CAAA;AAEb,SAASW,uBAAuB,QAAQ,qBAAqB;AAM7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SACnBD,uBAAuB,CAEjC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAxB,eAAA,gBAOU,MAA+B;MACrC,MAAMyB,aAAa,GAAG,IAAI,CAACC,gBAAgB,CAAC,CAAC;MAC7C,MAAM,CAACC,SAAS,EAAEC,MAAM,CAAC,GAAG,IAAI,CAACC,qBAAqB,CAAC,CAAC;MACxD,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;MAE7B,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEF,MAAM,CAACG,cAAc;YAC9BC,OAAO,EAAEJ,MAAM,CAACK,cAAc;YAC9BC,KAAK,EAAEN,MAAM,CAACO,YAAY;YAC1BC,MAAM,EAAER,MAAM,CAACS;UACjB,CAAC;UACDC,UAAU,EAAE;YACVR,OAAO,EAAEX,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACW,aAAa,EAAEjB,MAAM,CACxC,CAAC;YACDU,OAAO,EAAEb,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACY,aAAa,EAAElB,MAAM,CACxC,CAAC;YACDY,KAAK,EAAEf,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACa,WAAW,EAAEnB,MAAM,CAAC,CAAC;YAClEc,MAAM,EAAEjB,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACc,YAAY,EAAEpB,MAAM,CAAC;UACrE,CAAC;UACDE;QACF,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EApCD,OAAOmB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI3B,gBAAgB,CAAC,CAAC;EAC/B;AAiCF;;AAEA;AACA;AACA;AACA,OAAO,MAAM4B,MAAM,GAAG5B,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","ComplexAnimationBuilder","LinearTransition","constructor","args","delayFunction","getDelayFunction","animation","config","getAnimationAndConfig","callback","callbackV","delay","getDelay","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","Layout"],"sources":["LinearTransition.ts"],"sourcesContent":["'use strict';\nimport type { BaseAnimationBuilder } from '../animationBuilder';\nimport { ComplexAnimationBuilder } from '../animationBuilder';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\n\n/**\n * Linearly transforms the layout from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#linear-transition\n */\nexport class LinearTransition\n  extends ComplexAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static presetName = 'LinearTransition';\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new LinearTransition() as InstanceType<T>;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const [animation, config] = this.getAnimationAndConfig();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n\n    return (values) => {\n      'worklet';\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            animation(values.targetOriginX, config)\n          ),\n          originY: delayFunction(\n            delay,\n            animation(values.targetOriginY, config)\n          ),\n          width: delayFunction(delay, animation(values.targetWidth, config)),\n          height: delayFunction(delay, animation(values.targetHeight, config)),\n        },\n        callback,\n      };\n    };\n  };\n}\n\n/**\n * @deprecated Please use {@link LinearTransition} instead.\n */\nexport const Layout = LinearTransition;\n"],"mappings":"AAAA,YAAY;;AAAC,SAAAA,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAG,CAAA,2BAAAH,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAI,CAAA,GAAAJ,CAAA,CAAAK,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAH,CAAA,GAAAG,CAAA,CAAAG,IAAA,CAAAP,CAAA,EAAAG,CAAA,uCAAAF,CAAA,SAAAA,CAAA,YAAAO,SAAA,yEAAAL,CAAA,GAAAM,MAAA,GAAAC,MAAA,EAAAV,CAAA;AAEb,SAASW,uBAAuB,QAAQ,qBAAqB;AAM7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SACnBD,uBAAuB,CAEjC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAxB,eAAA,gBASU,MAA+B;MACrC,MAAMyB,aAAa,GAAG,IAAI,CAACC,gBAAgB,CAAC,CAAC;MAC7C,MAAM,CAACC,SAAS,EAAEC,MAAM,CAAC,GAAG,IAAI,CAACC,qBAAqB,CAAC,CAAC;MACxD,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS;MAC/B,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;MAE7B,OAAQC,MAAM,IAAK;QACjB,SAAS;;QACT,OAAO;UACLC,aAAa,EAAE;YACbC,OAAO,EAAEF,MAAM,CAACG,cAAc;YAC9BC,OAAO,EAAEJ,MAAM,CAACK,cAAc;YAC9BC,KAAK,EAAEN,MAAM,CAACO,YAAY;YAC1BC,MAAM,EAAER,MAAM,CAACS;UACjB,CAAC;UACDC,UAAU,EAAE;YACVR,OAAO,EAAEX,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACW,aAAa,EAAEjB,MAAM,CACxC,CAAC;YACDU,OAAO,EAAEb,aAAa,CACpBO,KAAK,EACLL,SAAS,CAACO,MAAM,CAACY,aAAa,EAAElB,MAAM,CACxC,CAAC;YACDY,KAAK,EAAEf,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACa,WAAW,EAAEnB,MAAM,CAAC,CAAC;YAClEc,MAAM,EAAEjB,aAAa,CAACO,KAAK,EAAEL,SAAS,CAACO,MAAM,CAACc,YAAY,EAAEpB,MAAM,CAAC;UACrE,CAAC;UACDE;QACF,CAAC;MACH,CAAC;IACH,CAAC;EAAA;EApCD,OAAOmB,cAAcA,CAAA,EAEF;IACjB,OAAO,IAAI3B,gBAAgB,CAAC,CAAC;EAC/B;AAiCF;;AAEA;AACA;AACA;AAFAtB,eAAA,CA7CasB,gBAAgB,gBAIP,kBAAkB;AA4CxC,OAAO,MAAM4B,MAAM,GAAG5B,gBAAgB","ignoreList":[]}

package/lib/module/layoutReanimation/defaultTransitions/SequencedTransition.js

@@ -59,4 +59,5 @@ export class SequencedTransition extends BaseAnimationBuilder {
     return this;
   }
 }
+_defineProperty(SequencedTransition, "presetName", 'SequencedTransition');
 //# sourceMappingURL=SequencedTransition.js.map

package/lib/module/layoutReanimation/defaultTransitions/SequencedTransition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","withSequence","withTiming","BaseAnimationBuilder","SequencedTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","sequenceDuration","durationV","config","duration","reverse","reversed","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance"],"sources":["SequencedTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/**\n * Transforms layout starting from the X-axis and width first, followed by the Y-axis and height. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#sequenced-transition\n */\nexport class SequencedTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  reversed = false;\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new SequencedTransition() as InstanceType<T>;\n  }\n\n  static reverse(): SequencedTransition {\n    const instance = SequencedTransition.createInstance();\n    return instance.reverse();\n  }\n\n  reverse(): SequencedTransition {\n    this.reversed = !this.reversed;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const sequenceDuration = (this.durationV ?? 500) / 2;\n    const config = { duration: sequenceDuration };\n    const reverse = this.reversed;\n\n    return (values) => {\n      'worklet';\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.currentOriginX : values.targetOriginX,\n                config\n              ),\n              withTiming(values.targetOriginX, config)\n            )\n          ),\n          originY: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.targetOriginY : values.currentOriginY,\n                config\n              ),\n              withTiming(values.targetOriginY, config)\n            )\n          ),\n          width: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.currentWidth : values.targetWidth,\n                config\n              ),\n              withTiming(values.targetWidth, config)\n            )\n          ),\n          height: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.targetHeight : values.currentHeight,\n                config\n              ),\n              withTiming(values.targetHeight, config)\n            )\n          ),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","r","e","Symbol","toPrimitive","call","TypeError","String","Number","withSequence","withTiming","BaseAnimationBuilder","SequencedTransition","constructor","args","delayFunction","getDelayFunction","callback","callbackV","delay","getDelay","sequenceDuration","durationV","config","duration","reverse","reversed","values","initialValues","originX","currentOriginX","originY","currentOriginY","width","currentWidth","height","currentHeight","animations","targetOriginX","targetOriginY","targetWidth","targetHeight","createInstance","instance"],"sources":["SequencedTransition.ts"],"sourcesContent":["'use strict';\nimport { withSequence, withTiming } from '../../animation';\nimport type {\n  ILayoutAnimationBuilder,\n  LayoutAnimationFunction,\n} from '../animationBuilder/commonTypes';\nimport { BaseAnimationBuilder } from '../animationBuilder';\n\n/**\n * Transforms layout starting from the X-axis and width first, followed by the Y-axis and height. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.\n *\n * You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).\n *\n * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#sequenced-transition\n */\nexport class SequencedTransition\n  extends BaseAnimationBuilder\n  implements ILayoutAnimationBuilder\n{\n  static presetName = 'SequencedTransition';\n\n  reversed = false;\n\n  static createInstance<T extends typeof BaseAnimationBuilder>(\n    this: T\n  ): InstanceType<T> {\n    return new SequencedTransition() as InstanceType<T>;\n  }\n\n  static reverse(): SequencedTransition {\n    const instance = SequencedTransition.createInstance();\n    return instance.reverse();\n  }\n\n  reverse(): SequencedTransition {\n    this.reversed = !this.reversed;\n    return this;\n  }\n\n  build = (): LayoutAnimationFunction => {\n    const delayFunction = this.getDelayFunction();\n    const callback = this.callbackV;\n    const delay = this.getDelay();\n    const sequenceDuration = (this.durationV ?? 500) / 2;\n    const config = { duration: sequenceDuration };\n    const reverse = this.reversed;\n\n    return (values) => {\n      'worklet';\n      return {\n        initialValues: {\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n        },\n        animations: {\n          originX: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.currentOriginX : values.targetOriginX,\n                config\n              ),\n              withTiming(values.targetOriginX, config)\n            )\n          ),\n          originY: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.targetOriginY : values.currentOriginY,\n                config\n              ),\n              withTiming(values.targetOriginY, config)\n            )\n          ),\n          width: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.currentWidth : values.targetWidth,\n                config\n              ),\n              withTiming(values.targetWidth, config)\n            )\n          ),\n          height: delayFunction(\n            delay,\n            withSequence(\n              withTiming(\n                reverse ? values.targetHeight : values.currentHeight,\n                config\n              ),\n              withTiming(values.targetHeight, config)\n            )\n          ),\n        },\n        callback,\n      };\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/layoutReanimation/web/Easing.web.js

@@ -0,0 +1,14 @@
+'use strict';
+
+// Those are the easings that can be implemented using Bezier curves.
+// Others should be done as CSS animations
+export const WebEasings = {
+  linear: [0, 0, 1, 1],
+  ease: [0.42, 0, 1, 1],
+  quad: [0.11, 0, 0.5, 0],
+  cubic: [0.32, 0, 0.67, 0],
+  sin: [0.12, 0, 0.39, 0],
+  circle: [0.55, 0, 1, 0.45],
+  exp: [0.7, 0, 0.84, 0]
+};
+//# sourceMappingURL=Easing.web.js.map

package/lib/module/layoutReanimation/web/Easing.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebEasings","linear","ease","quad","cubic","sin","circle","exp"],"sources":["Easing.web.ts"],"sourcesContent":["'use strict';\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 WebEasingsNames = keyof typeof WebEasings;\n"],"mappings":"AAAA,YAAY;;AAEZ;AACA;AACA,OAAO,MAAMA,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/layoutReanimation/web/animationParser.js

@@ -1,10 +1,25 @@
 'use strict';
 
+import { WebEasings } from './Easing.web';
 export function convertAnimationObjectToKeyframes(animationObject) {
   let keyframe = `@keyframes ${animationObject.name} { `;
   for (const [timestamp, style] of Object.entries(animationObject.style)) {
-    keyframe += `${timestamp}% { `;
+    const step = timestamp === 'from' ? 0 : timestamp === 'to' ? 100 : timestamp;
+    keyframe += `${step}% { `;
     for (const [property, values] of Object.entries(style)) {
+      if (property === 'easing') {
+        const easingName = values.name in WebEasings ? values.name : 'linear';
+        keyframe += `animation-timing-function: cubic-bezier(${WebEasings[easingName].toString()});`;
+        continue;
+      }
+      if (property === 'originX') {
+        keyframe += `left: ${values}px; `;
+        continue;
+      }
+      if (property === 'originY') {
+        keyframe += `top: ${values}px; `;
+        continue;
+      }
       if (property !== 'transform') {
         keyframe += `${property}: ${values}; `;
         continue;

package/lib/module/layoutReanimation/web/animationParser.js.map

@@ -1 +1 @@
-{"version":3,"names":["convertAnimationObjectToKeyframes","animationObject","keyframe","name","timestamp","style","Object","entries","property","values","forEach","value","transformProperty","transformPropertyValue"],"sources":["animationParser.ts"],"sourcesContent":["'use strict';\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"],"mappings":"AAAA,YAAY;;AAmCZ,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","ignoreList":[]}
+{"version":3,"names":["WebEasings","convertAnimationObjectToKeyframes","animationObject","keyframe","name","timestamp","style","Object","entries","step","property","values","easingName","toString","forEach","value","transformProperty","transformPropertyValue"],"sources":["animationParser.ts"],"sourcesContent":["'use strict';\n\nimport { WebEasings } from './Easing.web';\nimport type { WebEasingsNames } from './Easing.web';\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\nexport interface 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    const step =\n      timestamp === 'from' ? 0 : timestamp === 'to' ? 100 : timestamp;\n\n    keyframe += `${step}% { `;\n\n    for (const [property, values] of Object.entries(style)) {\n      if (property === 'easing') {\n        const easingName = (\n          values.name in WebEasings ? values.name : 'linear'\n        ) as WebEasingsNames;\n\n        keyframe += `animation-timing-function: cubic-bezier(${WebEasings[\n          easingName\n        ].toString()});`;\n\n        continue;\n      }\n\n      if (property === 'originX') {\n        keyframe += `left: ${values}px; `;\n        continue;\n      }\n\n      if (property === 'originY') {\n        keyframe += `top: ${values}px; `;\n        continue;\n      }\n\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"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,UAAU,QAAQ,cAAc;AAoCzC,OAAO,SAASC,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;IACtE,MAAMG,IAAI,GACRJ,SAAS,KAAK,MAAM,GAAG,CAAC,GAAGA,SAAS,KAAK,IAAI,GAAG,GAAG,GAAGA,SAAS;IAEjEF,QAAQ,IAAK,GAAEM,IAAK,MAAK;IAEzB,KAAK,MAAM,CAACC,QAAQ,EAAEC,MAAM,CAAC,IAAIJ,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACtD,IAAII,QAAQ,KAAK,QAAQ,EAAE;QACzB,MAAME,UAAU,GACdD,MAAM,CAACP,IAAI,IAAIJ,UAAU,GAAGW,MAAM,CAACP,IAAI,GAAG,QACxB;QAEpBD,QAAQ,IAAK,2CAA0CH,UAAU,CAC/DY,UAAU,CACX,CAACC,QAAQ,CAAC,CAAE,IAAG;QAEhB;MACF;MAEA,IAAIH,QAAQ,KAAK,SAAS,EAAE;QAC1BP,QAAQ,IAAK,SAAQQ,MAAO,MAAK;QACjC;MACF;MAEA,IAAID,QAAQ,KAAK,SAAS,EAAE;QAC1BP,QAAQ,IAAK,QAAOQ,MAAO,MAAK;QAChC;MACF;MAEA,IAAID,QAAQ,KAAK,WAAW,EAAE;QAC5BP,QAAQ,IAAK,GAAEO,QAAS,KAAIC,MAAO,IAAG;QACtC;MACF;MAEAR,QAAQ,IAAK,YAAW;MAExBQ,MAAM,CAACG,OAAO,CAAEC,KAAuC,IAAK;QAC1D,KAAK,MAAM,CACTC,iBAAiB,EACjBC,sBAAsB,CACvB,IAAIV,MAAM,CAACC,OAAO,CAACO,KAAK,CAAC,EAAE;UAC1BZ,QAAQ,IAAK,IAAGa,iBAAkB,IAAGC,sBAAuB,GAAE;QAChE;MACF,CAAC,CAAC;MACFd,QAAQ,IAAK,IAAG,CAAC,CAAC;IACpB;IACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;EACpB;EACAA,QAAQ,IAAK,IAAG,CAAC,CAAC;;EAElB,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/lib/module/layoutReanimation/web/animationsManager.js

@@ -2,17 +2,19 @@
 
 import { Animations } from './config';
 import { LayoutAnimationType } from '../animationBuilder/commonTypes';
-import { getProcessedConfig, handleExitingAnimation, handleLayoutTransition, setElementAnimation } from './componentUtils';
+import { createCustomKeyFrameAnimation } from './createAnimation';
+import { getProcessedConfig, handleExitingAnimation, handleLayoutTransition, maybeModifyStyleForKeyframe, setElementAnimation } from './componentUtils';
 import { areDOMRectsEqual } from './domUtils';
+import { Keyframe } from '../animationBuilder';
 import { makeElementVisible } from './componentStyle';
 function chooseConfig(animationType, props) {
   const config = animationType === LayoutAnimationType.ENTERING ? props.entering : animationType === LayoutAnimationType.EXITING ? props.exiting : animationType === LayoutAnimationType.LAYOUT ? props.layout : null;
   return config;
 }
-function checkUndefinedAnimationFail(initialAnimationName, isLayoutTransition) {
+function checkUndefinedAnimationFail(initialAnimationName, needsCustomization) {
   // This prevents crashes if we try to set animations that are not defined.
-  // We don't care about layout transitions since they're created dynamically
-  if (initialAnimationName in Animations || isLayoutTransition) {
+  // We don't care about layout transitions or custom keyframes since they're created dynamically
+  if (initialAnimationName in Animations || needsCustomization) {
     return false;
   }
   console.warn("[Reanimated] Couldn't load entering/exiting animation. Current version supports only predefined animations with modifiers: duration, delay, easing, randomizeDelay, withCallback, reducedMotion.");
@@ -33,7 +35,7 @@ function maybeReportOverwrittenProperties(keyframe, styles) {
 function chooseAction(animationType, animationConfig, element, transitionData) {
   switch (animationType) {
     case LayoutAnimationType.ENTERING:
-      setElementAnimation(element, animationConfig);
+      setElementAnimation(element, animationConfig, true);
       break;
     case LayoutAnimationType.LAYOUT:
       transitionData.reversed = animationConfig.reversed;
@@ -50,16 +52,31 @@ function tryGetAnimationConfig(props, animationType) {
     return null;
   }
   const isLayoutTransition = animationType === LayoutAnimationType.LAYOUT;
-  const animationName = typeof config === 'function' ? config.presetName : config.constructor.presetName;
-  const shouldFail = checkUndefinedAnimationFail(animationName, isLayoutTransition);
+  const isCustomKeyframe = config instanceof Keyframe;
+  let animationName;
+  if (isCustomKeyframe) {
+    animationName = createCustomKeyFrameAnimation(config.definitions);
+  } else if (typeof config === 'function') {
+    animationName = config.presetName;
+  } else {
+    animationName = config.constructor.presetName;
+  }
+  const shouldFail = checkUndefinedAnimationFail(animationName, isLayoutTransition || isCustomKeyframe);
   if (shouldFail) {
     return null;
   }
-  const animationConfig = getProcessedConfig(animationName, animationType, config, animationName);
+  if (isCustomKeyframe) {
+    const keyframeTimestamps = Object.keys(config.definitions);
+    if (!(keyframeTimestamps.includes('100') || keyframeTimestamps.includes('to'))) {
+      console.warn(`[Reanimated] Neither '100' nor 'to' was specified in Keyframe definition. This may result in wrong final position of your component. One possible solution is to duplicate last timestamp in definition as '100' (or 'to')`);
+    }
+  }
+  const animationConfig = getProcessedConfig(animationName, animationType, config);
   return animationConfig;
 }
 export function startWebLayoutAnimation(props, element, animationType, transitionData) {
   const animationConfig = tryGetAnimationConfig(props, animationType);
+  maybeModifyStyleForKeyframe(element, props.entering);
   if ((animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.animationName) in Animations) {
     maybeReportOverwrittenProperties(Animations[animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.animationName].style, element.style);
   }