react-native-reanimated 3.0.2 → 3.1.0

package/lib/module/reanimated2/layoutReanimation/animationBuilder/Keyframe.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Easing } from '../../Easing';
 import { withDelay, withSequence, withTiming } from '../../animation';
 export class Keyframe {
@@ -9,13 +10,9 @@ export class Keyframe {
   */
   constructor(definitions) {
     _defineProperty(this, "durationV", void 0);
-
     _defineProperty(this, "delayV", void 0);
-
     _defineProperty(this, "callbackV", void 0);
-
     _defineProperty(this, "definitions", void 0);
-
     _defineProperty(this, "build", () => {
       const delay = this.delayV;
       const delayFunction = this.getDelayFunction();
@@ -28,14 +25,14 @@ export class Keyframe {
         'worklet';
 
         const animations = {};
+
         /* 
               For each style property, an animations sequence is created that corresponds with its key points.
               Transform style properties require special handling because of their nested structure.
         */
-
         const addAnimation = key => {
-          const keyframePoints = keyframes[key]; // in case if property was only passed as initial value
-
+          const keyframePoints = keyframes[key];
+          // in case if property was only passed as initial value
           if (keyframePoints.length === 0) return;
           const animation = delayFunction(delay, keyframePoints.length === 1 ? withTiming(keyframePoints[0].value, {
             duration: keyframePoints[0].duration,
@@ -44,14 +41,11 @@ export class Keyframe {
             duration: keyframePoint.duration,
             easing: keyframePoint.easing ? keyframePoint.easing : Easing.linear
           }))));
-
           if (key.includes('transform')) {
             var _animations$transform;
-
             if (!('transform' in animations)) {
               animations.transform = [];
             }
-
             (_animations$transform = animations.transform) === null || _animations$transform === void 0 ? void 0 : _animations$transform.push({
               [key.split(':')[1]]: animation
             });
@@ -59,7 +53,6 @@ export class Keyframe {
             animations[key] = animation;
           }
         };
-
         Object.keys(initialValues).forEach(key => {
           if (key.includes('transform')) {
             initialValues[key].forEach((transformProp, index) => {
@@ -78,10 +71,8 @@ export class Keyframe {
         };
       };
     });
-
     this.definitions = definitions;
   }
-
   parseDefinitions() {
     /* 
         Each style property contain an array with all their key points: 
@@ -91,21 +82,17 @@ export class Keyframe {
     /*
       Parsing keyframes 'from' and 'to'.
     */
-
     if (this.definitions.from) {
       if (this.definitions['0']) {
         throw Error("You cannot provide both keyframe 0 and 'from' as they both specified initial values");
       }
-
       this.definitions['0'] = this.definitions.from;
       delete this.definitions.from;
     }
-
     if (this.definitions.to) {
       if (this.definitions['100']) {
         throw Error("You cannot provide both keyframe 100 and 'to' as they both specified values at the end of the animation.");
       }
-
       this.definitions['100'] = this.definitions.to;
       delete this.definitions.to;
     }
@@ -113,21 +100,16 @@ export class Keyframe {
        One of the assumptions is that keyframe  0 is required to properly set initial values.
        Every other keyframe should contain properties from the set provided as initial values.
     */
-
-
     if (!this.definitions['0']) {
       throw Error("Please provide 0, or 'from' keyframe with initial state of your object.");
     }
-
     const initialValues = this.definitions['0'];
     /*
       Initialize parsedKeyframes for properties provided in initial keyframe
     */
-
     Object.keys(initialValues).forEach(styleProp => {
       if (styleProp === 'transform') {
         var _initialValues$styleP;
-
         (_initialValues$styleP = initialValues[styleProp]) === null || _initialValues$styleP === void 0 ? void 0 : _initialValues$styleP.forEach((transformStyle, index) => {
           Object.keys(transformStyle).forEach(transformProp => {
             parsedKeyframes[index.toString() + '_transform:' + transformProp] = [];
@@ -139,17 +121,15 @@ export class Keyframe {
     });
     const duration = this.durationV ? this.durationV : 500;
     const animationKeyPoints = Array.from(Object.keys(this.definitions));
-
     const getAnimationDuration = (key, currentKeyPoint) => {
       const maxDuration = currentKeyPoint / 100 * duration;
       const currentDuration = parsedKeyframes[key].reduce((acc, value) => acc + value.duration, 0);
       return maxDuration - currentDuration;
     };
+
     /* 
        Other keyframes can't contain properties that were not specified in initial keyframe.
     */
-
-
     const addKeyPoint = _ref => {
       let {
         key,
@@ -157,38 +137,31 @@ export class Keyframe {
         currentKeyPoint,
         easing
       } = _ref;
-
       if (!(key in parsedKeyframes)) {
         throw Error("Keyframe can contain only that set of properties that were provide with initial values (keyframe 0 or 'from')");
       }
-
       parsedKeyframes[key].push({
         duration: getAnimationDuration(key, currentKeyPoint),
         value: value,
         easing: easing
       });
     };
-
     animationKeyPoints.filter(value => parseInt(value) !== 0).sort((a, b) => parseInt(a) - parseInt(b)).forEach(keyPoint => {
       if (parseInt(keyPoint) < 0 || parseInt(keyPoint) > 100) {
         throw Error('Keyframe should be in between range 0 - 100.');
       }
-
       const keyframe = this.definitions[keyPoint];
       const easing = keyframe.easing;
       delete keyframe.easing;
-
       const addKeyPointWith = (key, value) => addKeyPoint({
         key,
         value,
         currentKeyPoint: parseInt(keyPoint),
         easing
       });
-
       Object.keys(keyframe).forEach(key => {
         if (key === 'transform') {
           var _keyframe$key;
-
           (_keyframe$key = keyframe[key]) === null || _keyframe$key === void 0 ? void 0 : _keyframe$key.forEach((transformStyle, index) => {
             Object.keys(transformStyle).forEach(transformProp => {
               addKeyPointWith(index.toString() + '_transform:' + transformProp, transformStyle[transformProp]);
@@ -204,22 +177,18 @@ export class Keyframe {
       keyframes: parsedKeyframes
     };
   }
-
   duration(durationMs) {
     this.durationV = durationMs;
     return this;
   }
-
   delay(delayMs) {
     this.delayV = delayMs;
     return this;
   }
-
   withCallback(callback) {
     this.callbackV = callback;
     return this;
   }
-
   getDelayFunction() {
     const delay = this.delayV;
     return delay ? withDelay : (_, animation) => {
@@ -228,6 +197,5 @@ export class Keyframe {
       return animation;
     };
   }
-
 }
 //# sourceMappingURL=Keyframe.js.map

package/lib/module/reanimated2/layoutReanimation/animationBuilder/Keyframe.js.map

@@ -1 +1 @@
-{"version":3,"names":["Easing","withDelay","withSequence","withTiming","Keyframe","constructor","definitions","delay","delayV","delayFunction","getDelayFunction","keyframes","initialValues","parseDefinitions","callback","callbackV","_targetValues","animations","addAnimation","key","keyframePoints","length","animation","value","duration","easing","linear","apply","map","keyframePoint","includes","transform","push","split","Object","keys","forEach","transformProp","index","transformPropKey","toString","parsedKeyframes","from","Error","to","styleProp","transformStyle","durationV","animationKeyPoints","Array","getAnimationDuration","currentKeyPoint","maxDuration","currentDuration","reduce","acc","addKeyPoint","filter","parseInt","sort","a","b","keyPoint","keyframe","addKeyPointWith","durationMs","delayMs","withCallback","_"],"sources":["Keyframe.ts"],"sourcesContent":["import { Easing, EasingFn } from '../../Easing';\nimport { withDelay, withSequence, withTiming } from '../../animation';\nimport {\n  AnimationFunction,\n  EntryExitAnimationFunction,\n  IEntryExitAnimationBuilder,\n  KeyframeProps,\n} from './commonTypes';\nimport { TransformProperty, StyleProps } from '../../commonTypes';\nexport interface KeyframePoint {\n  duration: number;\n  value: number | string;\n  easing?: EasingFn;\n}\nexport interface ParsedKeyframesDefinition {\n  initialValues: StyleProps;\n  keyframes: Record<string, KeyframePoint[]>;\n}\nexport class Keyframe implements IEntryExitAnimationBuilder {\n  durationV?: number;\n  delayV?: number;\n  callbackV?: (finished: boolean) => void;\n  definitions: Record<string, KeyframeProps>;\n\n  /*\n    Keyframe definition should be passed in the constructor as the map\n    which keys are between range 0 - 100 (%) and correspond to the point in the animation progress.\n  */\n  constructor(definitions: Record<string, KeyframeProps>) {\n    this.definitions = definitions;\n  }\n\n  private parseDefinitions(): ParsedKeyframesDefinition {\n    /* \n        Each style property contain an array with all their key points: \n        value, duration of transition to that value, and optional easing function (defaults to Linear)\n    */\n    const parsedKeyframes: Record<string, KeyframePoint[]> = {};\n    /*\n      Parsing keyframes 'from' and 'to'.\n    */\n    if (this.definitions.from) {\n      if (this.definitions['0']) {\n        throw Error(\n          \"You cannot provide both keyframe 0 and 'from' as they both specified initial values\"\n        );\n      }\n      this.definitions['0'] = this.definitions.from;\n      delete this.definitions.from;\n    }\n    if (this.definitions.to) {\n      if (this.definitions['100']) {\n        throw Error(\n          \"You cannot provide both keyframe 100 and 'to' as they both specified values at the end of the animation.\"\n        );\n      }\n      this.definitions['100'] = this.definitions.to;\n      delete this.definitions.to;\n    }\n    /* \n       One of the assumptions is that keyframe  0 is required to properly set initial values.\n       Every other keyframe should contain properties from the set provided as initial values.\n    */\n    if (!this.definitions['0']) {\n      throw Error(\n        \"Please provide 0, or 'from' keyframe with initial state of your object.\"\n      );\n    }\n    const initialValues: StyleProps = this.definitions['0'] as StyleProps;\n    /*\n      Initialize parsedKeyframes for properties provided in initial keyframe\n    */\n    Object.keys(initialValues).forEach((styleProp: string) => {\n      if (styleProp === 'transform') {\n        initialValues[styleProp]?.forEach((transformStyle, index) => {\n          Object.keys(transformStyle).forEach((transformProp: string) => {\n            parsedKeyframes[index.toString() + '_transform:' + transformProp] =\n              [];\n          });\n        });\n      } else {\n        parsedKeyframes[styleProp] = [];\n      }\n    });\n\n    const duration: number = this.durationV ? this.durationV : 500;\n    const animationKeyPoints: Array<string> = Array.from(\n      Object.keys(this.definitions)\n    );\n\n    const getAnimationDuration = (\n      key: string,\n      currentKeyPoint: number\n    ): number => {\n      const maxDuration = (currentKeyPoint / 100) * duration;\n      const currentDuration = parsedKeyframes[key].reduce(\n        (acc: number, value: KeyframePoint) => acc + value.duration,\n        0\n      );\n      return maxDuration - currentDuration;\n    };\n\n    /* \n       Other keyframes can't contain properties that were not specified in initial keyframe.\n    */\n    const addKeyPoint = ({\n      key,\n      value,\n      currentKeyPoint,\n      easing,\n    }: {\n      key: string;\n      value: string | number;\n      currentKeyPoint: number;\n      easing?: EasingFn;\n    }): void => {\n      if (!(key in parsedKeyframes)) {\n        throw Error(\n          \"Keyframe can contain only that set of properties that were provide with initial values (keyframe 0 or 'from')\"\n        );\n      }\n      parsedKeyframes[key].push({\n        duration: getAnimationDuration(key, currentKeyPoint),\n        value: value,\n        easing: easing,\n      });\n    };\n    animationKeyPoints\n      .filter((value: string) => parseInt(value) !== 0)\n      .sort((a: string, b: string) => parseInt(a) - parseInt(b))\n      .forEach((keyPoint: string) => {\n        if (parseInt(keyPoint) < 0 || parseInt(keyPoint) > 100) {\n          throw Error('Keyframe should be in between range 0 - 100.');\n        }\n        const keyframe: KeyframeProps = this.definitions[keyPoint];\n        const easing = keyframe.easing;\n        delete keyframe.easing;\n        const addKeyPointWith = (key: string, value: string | number) =>\n          addKeyPoint({\n            key,\n            value,\n            currentKeyPoint: parseInt(keyPoint),\n            easing,\n          });\n        Object.keys(keyframe).forEach((key: string) => {\n          if (key === 'transform') {\n            keyframe[key]?.forEach(\n              (transformStyle: { [key: string]: any }, index) => {\n                Object.keys(transformStyle).forEach((transformProp: string) => {\n                  addKeyPointWith(\n                    index.toString() + '_transform:' + transformProp,\n                    transformStyle[transformProp]\n                  );\n                });\n              }\n            );\n          } else {\n            addKeyPointWith(key, keyframe[key]);\n          }\n        });\n      });\n    return { initialValues: initialValues, keyframes: parsedKeyframes };\n  }\n\n  duration(durationMs: number): Keyframe {\n    this.durationV = durationMs;\n    return this;\n  }\n\n  delay(delayMs: number): Keyframe {\n    this.delayV = delayMs;\n    return this;\n  }\n\n  withCallback(callback: (finsihed: boolean) => void): Keyframe {\n    this.callbackV = callback;\n    return this;\n  }\n\n  private getDelayFunction(): AnimationFunction {\n    const delay = this.delayV;\n    return delay\n      ? withDelay\n      : (_, animation) => {\n          'worklet';\n          return animation;\n        };\n  }\n\n  build = (): EntryExitAnimationFunction => {\n    const delay = this.delayV;\n    const delayFunction = this.getDelayFunction();\n    const { keyframes, initialValues } = this.parseDefinitions();\n    const callback = this.callbackV;\n\n    return (_targetValues) => {\n      'worklet';\n      const animations: StyleProps = {};\n\n      /* \n            For each style property, an animations sequence is created that corresponds with its key points.\n            Transform style properties require special handling because of their nested structure.\n      */\n      const addAnimation = (key: string) => {\n        const keyframePoints = keyframes[key];\n        // in case if property was only passed as initial value\n        if (keyframePoints.length === 0) return;\n        const animation = delayFunction(\n          delay,\n          keyframePoints.length === 1\n            ? withTiming(keyframePoints[0].value, {\n                duration: keyframePoints[0].duration,\n                easing: keyframePoints[0].easing\n                  ? keyframePoints[0].easing\n                  : Easing.linear,\n              })\n            : withSequence.apply(\n                this,\n                keyframePoints.map((keyframePoint: KeyframePoint) =>\n                  withTiming(keyframePoint.value, {\n                    duration: keyframePoint.duration,\n                    easing: keyframePoint.easing\n                      ? keyframePoint.easing\n                      : Easing.linear,\n                  })\n                )\n              )\n        );\n        if (key.includes('transform')) {\n          if (!('transform' in animations)) {\n            animations.transform = [];\n          }\n          animations.transform?.push(<TransformProperty>{\n            [key.split(':')[1]]: animation,\n          });\n        } else {\n          animations[key] = animation;\n        }\n      };\n      Object.keys(initialValues).forEach((key: string) => {\n        if (key.includes('transform')) {\n          initialValues[key].forEach(\n            (transformProp: Record<string, number | string>, index: number) => {\n              Object.keys(transformProp).forEach((transformPropKey: string) => {\n                addAnimation(\n                  index.toString() + '_transform:' + transformPropKey\n                );\n              });\n            }\n          );\n        } else {\n          addAnimation(key);\n        }\n      });\n      return {\n        animations: animations,\n        initialValues: initialValues,\n        callback: callback,\n      };\n    };\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["Easing","withDelay","withSequence","withTiming","Keyframe","constructor","definitions","_defineProperty","delay","delayV","delayFunction","getDelayFunction","keyframes","initialValues","parseDefinitions","callback","callbackV","_targetValues","animations","addAnimation","key","keyframePoints","length","animation","value","duration","easing","linear","apply","map","keyframePoint","includes","_animations$transform","transform","push","split","Object","keys","forEach","transformProp","index","transformPropKey","toString","parsedKeyframes","from","Error","to","styleProp","_initialValues$styleP","transformStyle","durationV","animationKeyPoints","Array","getAnimationDuration","currentKeyPoint","maxDuration","currentDuration","reduce","acc","addKeyPoint","_ref","filter","parseInt","sort","a","b","keyPoint","keyframe","addKeyPointWith","_keyframe$key","durationMs","delayMs","withCallback","_"],"sources":["Keyframe.ts"],"sourcesContent":["import { Easing, EasingFn } from '../../Easing';\nimport { withDelay, withSequence, withTiming } from '../../animation';\nimport {\n  AnimationFunction,\n  EntryExitAnimationFunction,\n  IEntryExitAnimationBuilder,\n  KeyframeProps,\n} from './commonTypes';\nimport { TransformProperty, StyleProps } from '../../commonTypes';\nexport interface KeyframePoint {\n  duration: number;\n  value: number | string;\n  easing?: EasingFn;\n}\nexport interface ParsedKeyframesDefinition {\n  initialValues: StyleProps;\n  keyframes: Record<string, KeyframePoint[]>;\n}\nexport class Keyframe implements IEntryExitAnimationBuilder {\n  durationV?: number;\n  delayV?: number;\n  callbackV?: (finished: boolean) => void;\n  definitions: Record<string, KeyframeProps>;\n\n  /*\n    Keyframe definition should be passed in the constructor as the map\n    which keys are between range 0 - 100 (%) and correspond to the point in the animation progress.\n  */\n  constructor(definitions: Record<string, KeyframeProps>) {\n    this.definitions = definitions;\n  }\n\n  private parseDefinitions(): ParsedKeyframesDefinition {\n    /* \n        Each style property contain an array with all their key points: \n        value, duration of transition to that value, and optional easing function (defaults to Linear)\n    */\n    const parsedKeyframes: Record<string, KeyframePoint[]> = {};\n    /*\n      Parsing keyframes 'from' and 'to'.\n    */\n    if (this.definitions.from) {\n      if (this.definitions['0']) {\n        throw Error(\n          \"You cannot provide both keyframe 0 and 'from' as they both specified initial values\"\n        );\n      }\n      this.definitions['0'] = this.definitions.from;\n      delete this.definitions.from;\n    }\n    if (this.definitions.to) {\n      if (this.definitions['100']) {\n        throw Error(\n          \"You cannot provide both keyframe 100 and 'to' as they both specified values at the end of the animation.\"\n        );\n      }\n      this.definitions['100'] = this.definitions.to;\n      delete this.definitions.to;\n    }\n    /* \n       One of the assumptions is that keyframe  0 is required to properly set initial values.\n       Every other keyframe should contain properties from the set provided as initial values.\n    */\n    if (!this.definitions['0']) {\n      throw Error(\n        \"Please provide 0, or 'from' keyframe with initial state of your object.\"\n      );\n    }\n    const initialValues: StyleProps = this.definitions['0'] as StyleProps;\n    /*\n      Initialize parsedKeyframes for properties provided in initial keyframe\n    */\n    Object.keys(initialValues).forEach((styleProp: string) => {\n      if (styleProp === 'transform') {\n        initialValues[styleProp]?.forEach((transformStyle, index) => {\n          Object.keys(transformStyle).forEach((transformProp: string) => {\n            parsedKeyframes[index.toString() + '_transform:' + transformProp] =\n              [];\n          });\n        });\n      } else {\n        parsedKeyframes[styleProp] = [];\n      }\n    });\n\n    const duration: number = this.durationV ? this.durationV : 500;\n    const animationKeyPoints: Array<string> = Array.from(\n      Object.keys(this.definitions)\n    );\n\n    const getAnimationDuration = (\n      key: string,\n      currentKeyPoint: number\n    ): number => {\n      const maxDuration = (currentKeyPoint / 100) * duration;\n      const currentDuration = parsedKeyframes[key].reduce(\n        (acc: number, value: KeyframePoint) => acc + value.duration,\n        0\n      );\n      return maxDuration - currentDuration;\n    };\n\n    /* \n       Other keyframes can't contain properties that were not specified in initial keyframe.\n    */\n    const addKeyPoint = ({\n      key,\n      value,\n      currentKeyPoint,\n      easing,\n    }: {\n      key: string;\n      value: string | number;\n      currentKeyPoint: number;\n      easing?: EasingFn;\n    }): void => {\n      if (!(key in parsedKeyframes)) {\n        throw Error(\n          \"Keyframe can contain only that set of properties that were provide with initial values (keyframe 0 or 'from')\"\n        );\n      }\n      parsedKeyframes[key].push({\n        duration: getAnimationDuration(key, currentKeyPoint),\n        value: value,\n        easing: easing,\n      });\n    };\n    animationKeyPoints\n      .filter((value: string) => parseInt(value) !== 0)\n      .sort((a: string, b: string) => parseInt(a) - parseInt(b))\n      .forEach((keyPoint: string) => {\n        if (parseInt(keyPoint) < 0 || parseInt(keyPoint) > 100) {\n          throw Error('Keyframe should be in between range 0 - 100.');\n        }\n        const keyframe: KeyframeProps = this.definitions[keyPoint];\n        const easing = keyframe.easing;\n        delete keyframe.easing;\n        const addKeyPointWith = (key: string, value: string | number) =>\n          addKeyPoint({\n            key,\n            value,\n            currentKeyPoint: parseInt(keyPoint),\n            easing,\n          });\n        Object.keys(keyframe).forEach((key: string) => {\n          if (key === 'transform') {\n            keyframe[key]?.forEach(\n              (transformStyle: { [key: string]: any }, index) => {\n                Object.keys(transformStyle).forEach((transformProp: string) => {\n                  addKeyPointWith(\n                    index.toString() + '_transform:' + transformProp,\n                    transformStyle[transformProp]\n                  );\n                });\n              }\n            );\n          } else {\n            addKeyPointWith(key, keyframe[key]);\n          }\n        });\n      });\n    return { initialValues: initialValues, keyframes: parsedKeyframes };\n  }\n\n  duration(durationMs: number): Keyframe {\n    this.durationV = durationMs;\n    return this;\n  }\n\n  delay(delayMs: number): Keyframe {\n    this.delayV = delayMs;\n    return this;\n  }\n\n  withCallback(callback: (finsihed: boolean) => void): Keyframe {\n    this.callbackV = callback;\n    return this;\n  }\n\n  private getDelayFunction(): AnimationFunction {\n    const delay = this.delayV;\n    return delay\n      ? withDelay\n      : (_, animation) => {\n          'worklet';\n          return animation;\n        };\n  }\n\n  build = (): EntryExitAnimationFunction => {\n    const delay = this.delayV;\n    const delayFunction = this.getDelayFunction();\n    const { keyframes, initialValues } = this.parseDefinitions();\n    const callback = this.callbackV;\n\n    return (_targetValues) => {\n      'worklet';\n      const animations: StyleProps = {};\n\n      /* \n            For each style property, an animations sequence is created that corresponds with its key points.\n            Transform style properties require special handling because of their nested structure.\n      */\n      const addAnimation = (key: string) => {\n        const keyframePoints = keyframes[key];\n        // in case if property was only passed as initial value\n        if (keyframePoints.length === 0) return;\n        const animation = delayFunction(\n          delay,\n          keyframePoints.length === 1\n            ? withTiming(keyframePoints[0].value, {\n                duration: keyframePoints[0].duration,\n                easing: keyframePoints[0].easing\n                  ? keyframePoints[0].easing\n                  : Easing.linear,\n              })\n            : withSequence.apply(\n                this,\n                keyframePoints.map((keyframePoint: KeyframePoint) =>\n                  withTiming(keyframePoint.value, {\n                    duration: keyframePoint.duration,\n                    easing: keyframePoint.easing\n                      ? keyframePoint.easing\n                      : Easing.linear,\n                  })\n                )\n              )\n        );\n        if (key.includes('transform')) {\n          if (!('transform' in animations)) {\n            animations.transform = [];\n          }\n          animations.transform?.push(<TransformProperty>{\n            [key.split(':')[1]]: animation,\n          });\n        } else {\n          animations[key] = animation;\n        }\n      };\n      Object.keys(initialValues).forEach((key: string) => {\n        if (key.includes('transform')) {\n          initialValues[key].forEach(\n            (transformProp: Record<string, number | string>, index: number) => {\n              Object.keys(transformProp).forEach((transformPropKey: string) => {\n                addAnimation(\n                  index.toString() + '_transform:' + transformPropKey\n                );\n              });\n            }\n          );\n        } else {\n          addAnimation(key);\n        }\n      });\n      return {\n        animations: animations,\n        initialValues: initialValues,\n        callback: callback,\n      };\n    };\n  };\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/layoutReanimation/animationBuilder/commonTypes.js

@@ -1,10 +1,10 @@
 // this is just a temporary mock
-export let LayoutAnimationType;
 
-(function (LayoutAnimationType) {
+export let LayoutAnimationType = /*#__PURE__*/function (LayoutAnimationType) {
   LayoutAnimationType[LayoutAnimationType["ENTERING"] = 1] = "ENTERING";
   LayoutAnimationType[LayoutAnimationType["EXITING"] = 2] = "EXITING";
   LayoutAnimationType[LayoutAnimationType["LAYOUT"] = 3] = "LAYOUT";
   LayoutAnimationType[LayoutAnimationType["SHARED_ELEMENT_TRANSITION"] = 4] = "SHARED_ELEMENT_TRANSITION";
-})(LayoutAnimationType || (LayoutAnimationType = {}));
+  return LayoutAnimationType;
+}({});
 //# sourceMappingURL=commonTypes.js.map

package/lib/module/reanimated2/layoutReanimation/animationBuilder/commonTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":["LayoutAnimationType"],"sources":["commonTypes.ts"],"sourcesContent":["import { EasingFn } from '../../Easing';\nimport { StyleProps } from '../../commonTypes';\n\nexport interface KeyframeProps extends StyleProps {\n  easing?: EasingFn;\n  [key: string]: any;\n}\n\nexport type LayoutAnimation = {\n  initialValues: StyleProps;\n  animations: StyleProps;\n  callback?: (finished: boolean) => void;\n};\n\nexport type AnimationFunction = (a?: any, b?: any, c?: any) => any; // this is just a temporary mock\n\nexport interface EntryAnimationsValues {\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport interface ExitAnimationsValues {\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport type EntryExitAnimationFunction = (\n  targetValues: EntryAnimationsValues | ExitAnimationsValues\n) => LayoutAnimation;\n\nexport type AnimationConfigFunction<T> = (targetValues: T) => LayoutAnimation;\n\nexport interface LayoutAnimationsValues {\n  [key: string]: number;\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport enum LayoutAnimationType {\n  ENTERING = 1,\n  EXITING = 2,\n  LAYOUT = 3,\n  SHARED_ELEMENT_TRANSITION = 4,\n}\n\nexport type LayoutAnimationFunction = (\n  targetValues: LayoutAnimationsValues\n) => LayoutAnimation;\n\nexport type LayoutAnimationStartFunction = (\n  tag: number,\n  type: LayoutAnimationType,\n  yogaValues: LayoutAnimationsValues,\n  config: LayoutAnimationFunction\n) => void;\n\nexport interface ILayoutAnimationBuilder {\n  build: () => LayoutAnimationFunction;\n}\n\nexport interface BaseLayoutAnimationConfig {\n  duration?: number;\n  easing?: EasingFn;\n  type?: AnimationFunction;\n  damping?: number;\n  mass?: number;\n  stiffness?: number;\n  overshootClamping?: number;\n  restDisplacementThreshold?: number;\n  restSpeedThreshold?: number;\n}\n\nexport interface BaseBuilderAnimationConfig extends BaseLayoutAnimationConfig {\n  rotate?: number | string;\n}\n\nexport type LayoutAnimationAndConfig = [\n  AnimationFunction,\n  BaseBuilderAnimationConfig\n];\n\nexport interface IEntryExitAnimationBuilder {\n  build: () => EntryExitAnimationFunction;\n}\n\nexport interface IEntryAnimationBuilder {\n  build: () => AnimationConfigFunction<EntryAnimationsValues>;\n}\n\nexport interface IExitAnimationBuilder {\n  build: () => AnimationConfigFunction<ExitAnimationsValues>;\n}\n"],"mappings":"AAcoE;AAgDpE,WAAYA,mBAAZ;;WAAYA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;EAAAA,mB,CAAAA,mB;GAAAA,mB,KAAAA,mB"}
+{"version":3,"names":["LayoutAnimationType"],"sources":["commonTypes.ts"],"sourcesContent":["import { EasingFn } from '../../Easing';\nimport { StyleProps } from '../../commonTypes';\n\nexport interface KeyframeProps extends StyleProps {\n  easing?: EasingFn;\n  [key: string]: any;\n}\n\nexport type LayoutAnimation = {\n  initialValues: StyleProps;\n  animations: StyleProps;\n  callback?: (finished: boolean) => void;\n};\n\nexport type AnimationFunction = (a?: any, b?: any, c?: any) => any; // this is just a temporary mock\n\nexport interface EntryAnimationsValues {\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport interface ExitAnimationsValues {\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport type EntryExitAnimationFunction = (\n  targetValues: EntryAnimationsValues | ExitAnimationsValues\n) => LayoutAnimation;\n\nexport type AnimationConfigFunction<T> = (targetValues: T) => LayoutAnimation;\n\nexport interface LayoutAnimationsValues {\n  [key: string]: number;\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport enum LayoutAnimationType {\n  ENTERING = 1,\n  EXITING = 2,\n  LAYOUT = 3,\n  SHARED_ELEMENT_TRANSITION = 4,\n}\n\nexport type LayoutAnimationFunction = (\n  targetValues: LayoutAnimationsValues\n) => LayoutAnimation;\n\nexport type LayoutAnimationStartFunction = (\n  tag: number,\n  type: LayoutAnimationType,\n  yogaValues: LayoutAnimationsValues,\n  config: LayoutAnimationFunction\n) => void;\n\nexport interface ILayoutAnimationBuilder {\n  build: () => LayoutAnimationFunction;\n}\n\nexport interface BaseLayoutAnimationConfig {\n  duration?: number;\n  easing?: EasingFn;\n  type?: AnimationFunction;\n  damping?: number;\n  mass?: number;\n  stiffness?: number;\n  overshootClamping?: number;\n  restDisplacementThreshold?: number;\n  restSpeedThreshold?: number;\n}\n\nexport interface BaseBuilderAnimationConfig extends BaseLayoutAnimationConfig {\n  rotate?: number | string;\n}\n\nexport type LayoutAnimationAndConfig = [\n  AnimationFunction,\n  BaseBuilderAnimationConfig\n];\n\nexport interface IEntryExitAnimationBuilder {\n  build: () => EntryExitAnimationFunction;\n}\n\nexport interface IEntryAnimationBuilder {\n  build: () => AnimationConfigFunction<EntryAnimationsValues>;\n}\n\nexport interface IExitAnimationBuilder {\n  build: () => AnimationConfigFunction<ExitAnimationsValues>;\n}\n"],"mappings":"AAcoE;;AAgDpE,WAAYA,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA"}

package/lib/module/reanimated2/layoutReanimation/animationBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseAnimationBuilder","ComplexAnimationBuilder","Keyframe","LayoutAnimationType"],"sources":["index.ts"],"sourcesContent":["export { BaseAnimationBuilder } from './BaseAnimationBuilder';\nexport { ComplexAnimationBuilder } from './ComplexAnimationBuilder';\nexport { Keyframe } from './Keyframe';\nexport { LayoutAnimationType } from './commonTypes';\nexport type {\n  LayoutAnimation,\n  AnimationFunction,\n  EntryAnimationsValues,\n  ExitAnimationsValues,\n  EntryExitAnimationFunction,\n  AnimationConfigFunction,\n  IEntryAnimationBuilder,\n  IExitAnimationBuilder,\n  LayoutAnimationsValues,\n  LayoutAnimationFunction,\n  LayoutAnimationStartFunction,\n  ILayoutAnimationBuilder,\n  BaseLayoutAnimationConfig,\n  BaseBuilderAnimationConfig,\n  LayoutAnimationAndConfig,\n  IEntryExitAnimationBuilder,\n} from './commonTypes';\n"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,wBAArC;AACA,SAASC,uBAAT,QAAwC,2BAAxC;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,mBAAT,QAAoC,eAApC"}
+{"version":3,"names":["BaseAnimationBuilder","ComplexAnimationBuilder","Keyframe","LayoutAnimationType"],"sources":["index.ts"],"sourcesContent":["export { BaseAnimationBuilder } from './BaseAnimationBuilder';\nexport { ComplexAnimationBuilder } from './ComplexAnimationBuilder';\nexport { Keyframe } from './Keyframe';\nexport { LayoutAnimationType } from './commonTypes';\nexport type {\n  LayoutAnimation,\n  AnimationFunction,\n  EntryAnimationsValues,\n  ExitAnimationsValues,\n  EntryExitAnimationFunction,\n  AnimationConfigFunction,\n  IEntryAnimationBuilder,\n  IExitAnimationBuilder,\n  LayoutAnimationsValues,\n  LayoutAnimationFunction,\n  LayoutAnimationStartFunction,\n  ILayoutAnimationBuilder,\n  BaseLayoutAnimationConfig,\n  BaseBuilderAnimationConfig,\n  LayoutAnimationAndConfig,\n  IEntryExitAnimationBuilder,\n} from './commonTypes';\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,mBAAmB,QAAQ,eAAe"}

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

@@ -3,7 +3,6 @@ import { makeUIMutable } from '../mutables';
 import { LayoutAnimationType } from './animationBuilder';
 import { runOnUIImmediately } from '../threads';
 const TAG_OFFSET = 1e9;
-
 function startObservingProgress(tag, sharedValue, animationType) {
   'worklet';
 
@@ -12,15 +11,12 @@ function startObservingProgress(tag, sharedValue, animationType) {
     _notifyAboutProgress(tag, sharedValue.value, isSharedTransition);
   });
 }
-
 function stopObservingProgress(tag, sharedValue, cancelled, removeView) {
   'worklet';
 
   sharedValue.removeListener(tag + TAG_OFFSET);
-
   _notifyAboutEnd(tag, cancelled, removeView);
 }
-
 function createLayoutAnimationManager() {
   'worklet';
 
@@ -30,34 +26,30 @@ function createLayoutAnimationManager() {
     start(tag, type, yogaValues, config) {
       const style = config(yogaValues);
       let currentAnimation = style.animations;
-
       if (type === LayoutAnimationType.ENTERING) {
         enteringAnimationForTag.set(tag, currentAnimation);
       } else if (type === LayoutAnimationType.LAYOUT) {
         // When layout animation is requested, but entering is still running, we merge
         // new layout animation targets into the ongoing animation
         const enteringAnimation = enteringAnimationForTag.get(tag);
-
         if (enteringAnimation) {
-          currentAnimation = { ...enteringAnimation,
+          currentAnimation = {
+            ...enteringAnimation,
             ...style.animations
           };
         }
       }
-
       let value = mutableValuesForTag.get(tag);
-
       if (value === undefined) {
         value = makeUIMutable(style.initialValues);
         mutableValuesForTag.set(tag, value);
       } else {
         stopObservingProgress(tag, value, false, false);
         value._value = style.initialValues;
-      } // @ts-ignore The line below started failing because I added types to the method – don't have time to fix it right now
-
+      }
 
+      // @ts-ignore The line below started failing because I added types to the method – don't have time to fix it right now
       const animation = withStyleAnimation(currentAnimation);
-
       animation.callback = finished => {
         if (finished) {
           enteringAnimationForTag.delete(tag);
@@ -65,27 +57,20 @@ function createLayoutAnimationManager() {
           const shouldRemoveView = type === LayoutAnimationType.EXITING;
           stopObservingProgress(tag, value, finished, shouldRemoveView);
         }
-
         style.callback && style.callback(finished === undefined ? false : finished);
       };
-
       startObservingProgress(tag, value, type);
       value.value = animation;
     },
-
     stop(tag) {
       const value = mutableValuesForTag.get(tag);
-
       if (!value) {
         return;
       }
-
       stopObservingProgress(tag, value, true, true);
     }
-
   };
 }
-
 runOnUIImmediately(() => {
   'worklet';
 

package/lib/module/reanimated2/layoutReanimation/animationsManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["withStyleAnimation","makeUIMutable","LayoutAnimationType","runOnUIImmediately","TAG_OFFSET","startObservingProgress","tag","sharedValue","animationType","isSharedTransition","SHARED_ELEMENT_TRANSITION","addListener","_notifyAboutProgress","value","stopObservingProgress","cancelled","removeView","removeListener","_notifyAboutEnd","createLayoutAnimationManager","enteringAnimationForTag","Map","mutableValuesForTag","start","type","yogaValues","config","style","currentAnimation","animations","ENTERING","set","LAYOUT","enteringAnimation","get","undefined","initialValues","_value","animation","callback","finished","delete","shouldRemoveView","EXITING","stop","global","LayoutAnimationsManager"],"sources":["animationsManager.ts"],"sourcesContent":["import { withStyleAnimation } from '../animation/styleAnimation';\nimport { SharedValue } from '../commonTypes';\nimport { makeUIMutable } from '../mutables';\nimport {\n  LayoutAnimationFunction,\n  LayoutAnimationType,\n  LayoutAnimationsValues,\n} from './animationBuilder';\nimport { runOnUIImmediately } from '../threads';\n\nconst TAG_OFFSET = 1e9;\n\nfunction startObservingProgress(\n  tag: number,\n  sharedValue: SharedValue<number>,\n  animationType: LayoutAnimationType\n): void {\n  'worklet';\n  const isSharedTransition =\n    animationType === LayoutAnimationType.SHARED_ELEMENT_TRANSITION;\n  sharedValue.addListener(tag + TAG_OFFSET, () => {\n    _notifyAboutProgress(tag, sharedValue.value, isSharedTransition);\n  });\n}\n\nfunction stopObservingProgress(\n  tag: number,\n  sharedValue: SharedValue<number>,\n  cancelled: boolean,\n  removeView: boolean\n): void {\n  'worklet';\n  sharedValue.removeListener(tag + TAG_OFFSET);\n  _notifyAboutEnd(tag, cancelled, removeView);\n}\n\nfunction createLayoutAnimationManager() {\n  'worklet';\n  const enteringAnimationForTag = new Map();\n  const mutableValuesForTag = new Map();\n\n  return {\n    start(\n      tag: number,\n      type: LayoutAnimationType,\n      yogaValues: LayoutAnimationsValues,\n      config: LayoutAnimationFunction\n    ) {\n      const style = config(yogaValues);\n      let currentAnimation = style.animations;\n\n      if (type === LayoutAnimationType.ENTERING) {\n        enteringAnimationForTag.set(tag, currentAnimation);\n      } else if (type === LayoutAnimationType.LAYOUT) {\n        // When layout animation is requested, but entering is still running, we merge\n        // new layout animation targets into the ongoing animation\n        const enteringAnimation = enteringAnimationForTag.get(tag);\n        if (enteringAnimation) {\n          currentAnimation = { ...enteringAnimation, ...style.animations };\n        }\n      }\n\n      let value = mutableValuesForTag.get(tag);\n      if (value === undefined) {\n        value = makeUIMutable(style.initialValues);\n        mutableValuesForTag.set(tag, value);\n      } else {\n        stopObservingProgress(tag, value, false, false);\n        value._value = style.initialValues;\n      }\n\n      // @ts-ignore The line below started failing because I added types to the method – don't have time to fix it right now\n      const animation = withStyleAnimation(currentAnimation);\n\n      animation.callback = (finished?: boolean) => {\n        if (finished) {\n          enteringAnimationForTag.delete(tag);\n          mutableValuesForTag.delete(tag);\n          const shouldRemoveView = type === LayoutAnimationType.EXITING;\n          stopObservingProgress(tag, value, finished, shouldRemoveView);\n        }\n        style.callback &&\n          style.callback(finished === undefined ? false : finished);\n      };\n\n      startObservingProgress(tag, value, type);\n      value.value = animation;\n    },\n    stop(tag: number) {\n      const value = mutableValuesForTag.get(tag);\n      if (!value) {\n        return;\n      }\n      stopObservingProgress(tag, value, true, true);\n    },\n  };\n}\n\nrunOnUIImmediately(() => {\n  'worklet';\n  global.LayoutAnimationsManager = createLayoutAnimationManager();\n})();\n"],"mappings":"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"}
+{"version":3,"names":["withStyleAnimation","makeUIMutable","LayoutAnimationType","runOnUIImmediately","TAG_OFFSET","startObservingProgress","tag","sharedValue","animationType","isSharedTransition","SHARED_ELEMENT_TRANSITION","addListener","_notifyAboutProgress","value","stopObservingProgress","cancelled","removeView","removeListener","_notifyAboutEnd","createLayoutAnimationManager","enteringAnimationForTag","Map","mutableValuesForTag","start","type","yogaValues","config","style","currentAnimation","animations","ENTERING","set","LAYOUT","enteringAnimation","get","undefined","initialValues","_value","animation","callback","finished","delete","shouldRemoveView","EXITING","stop","global","LayoutAnimationsManager"],"sources":["animationsManager.ts"],"sourcesContent":["import { withStyleAnimation } from '../animation/styleAnimation';\nimport { SharedValue } from '../commonTypes';\nimport { makeUIMutable } from '../mutables';\nimport {\n  LayoutAnimationFunction,\n  LayoutAnimationType,\n  LayoutAnimationsValues,\n} from './animationBuilder';\nimport { runOnUIImmediately } from '../threads';\n\nconst TAG_OFFSET = 1e9;\n\nfunction startObservingProgress(\n  tag: number,\n  sharedValue: SharedValue<number>,\n  animationType: LayoutAnimationType\n): void {\n  'worklet';\n  const isSharedTransition =\n    animationType === LayoutAnimationType.SHARED_ELEMENT_TRANSITION;\n  sharedValue.addListener(tag + TAG_OFFSET, () => {\n    _notifyAboutProgress(tag, sharedValue.value, isSharedTransition);\n  });\n}\n\nfunction stopObservingProgress(\n  tag: number,\n  sharedValue: SharedValue<number>,\n  cancelled: boolean,\n  removeView: boolean\n): void {\n  'worklet';\n  sharedValue.removeListener(tag + TAG_OFFSET);\n  _notifyAboutEnd(tag, cancelled, removeView);\n}\n\nfunction createLayoutAnimationManager() {\n  'worklet';\n  const enteringAnimationForTag = new Map();\n  const mutableValuesForTag = new Map();\n\n  return {\n    start(\n      tag: number,\n      type: LayoutAnimationType,\n      yogaValues: LayoutAnimationsValues,\n      config: LayoutAnimationFunction\n    ) {\n      const style = config(yogaValues);\n      let currentAnimation = style.animations;\n\n      if (type === LayoutAnimationType.ENTERING) {\n        enteringAnimationForTag.set(tag, currentAnimation);\n      } else if (type === LayoutAnimationType.LAYOUT) {\n        // When layout animation is requested, but entering is still running, we merge\n        // new layout animation targets into the ongoing animation\n        const enteringAnimation = enteringAnimationForTag.get(tag);\n        if (enteringAnimation) {\n          currentAnimation = { ...enteringAnimation, ...style.animations };\n        }\n      }\n\n      let value = mutableValuesForTag.get(tag);\n      if (value === undefined) {\n        value = makeUIMutable(style.initialValues);\n        mutableValuesForTag.set(tag, value);\n      } else {\n        stopObservingProgress(tag, value, false, false);\n        value._value = style.initialValues;\n      }\n\n      // @ts-ignore The line below started failing because I added types to the method – don't have time to fix it right now\n      const animation = withStyleAnimation(currentAnimation);\n\n      animation.callback = (finished?: boolean) => {\n        if (finished) {\n          enteringAnimationForTag.delete(tag);\n          mutableValuesForTag.delete(tag);\n          const shouldRemoveView = type === LayoutAnimationType.EXITING;\n          stopObservingProgress(tag, value, finished, shouldRemoveView);\n        }\n        style.callback &&\n          style.callback(finished === undefined ? false : finished);\n      };\n\n      startObservingProgress(tag, value, type);\n      value.value = animation;\n    },\n    stop(tag: number) {\n      const value = mutableValuesForTag.get(tag);\n      if (!value) {\n        return;\n      }\n      stopObservingProgress(tag, value, true, true);\n    },\n  };\n}\n\nrunOnUIImmediately(() => {\n  'worklet';\n  global.LayoutAnimationsManager = createLayoutAnimationManager();\n})();\n"],"mappings":"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"}