react-native-reanimated 3.0.2 → 3.1.0

package/lib/module/ConfigHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["configureProps","jsiConfigureProps","UI_THREAD_PROPS_WHITELIST","opacity","transform","backgroundColor","borderRightColor","borderBottomColor","borderColor","borderEndColor","borderLeftColor","borderStartColor","borderTopColor","shadowOpacity","shadowRadius","scaleX","scaleY","translateX","translateY","NATIVE_THREAD_PROPS_WHITELIST","borderBottomWidth","borderEndWidth","borderLeftWidth","borderRightWidth","borderStartWidth","borderTopWidth","borderWidth","bottom","flex","flexGrow","flexShrink","height","left","margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical","maxHeight","maxWidth","minHeight","minWidth","padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","right","start","top","width","zIndex","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderRadius","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","elevation","fontSize","lineHeight","textShadowRadius","letterSpacing","display","backfaceVisibility","overflow","resizeMode","fontStyle","fontWeight","textAlign","textDecorationLine","fontFamily","textAlignVertical","fontVariant","textDecorationStyle","textTransform","writingDirection","color","tintColor","shadowColor","placeholderTextColor","Object","keys","addWhitelistedNativeProps","props","oldSize","length","addWhitelistedUIProps","PROCESSED_VIEW_NAMES","Set","adaptViewConfig","viewConfig","viewName","uiViewClassName","validAttributes","has","propsToAdd","forEach","key","add"],"sources":["ConfigHelper.ts"],"sourcesContent":["import { configureProps as jsiConfigureProps } from './reanimated2/core';\n\n/**\n * Styles allowed to be direcly updated in UI thread\n */\nlet UI_THREAD_PROPS_WHITELIST: Record<string, boolean> = {\n  opacity: true,\n  transform: true,\n  /* colors */\n  backgroundColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderColor: true,\n  borderEndColor: true,\n  borderLeftColor: true,\n  borderStartColor: true,\n  borderTopColor: true,\n  /* ios styles */\n  shadowOpacity: true,\n  shadowRadius: true,\n  /* legacy android transform properties */\n  scaleX: true,\n  scaleY: true,\n  translateX: true,\n  translateY: true,\n};\n\n/**\n * Whitelist of view props that can be updated in native thread via UIManagerModule\n */\nlet NATIVE_THREAD_PROPS_WHITELIST: Record<string, boolean> = {\n  borderBottomWidth: true,\n  borderEndWidth: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderStartWidth: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  bottom: true,\n  flex: true,\n  flexGrow: true,\n  flexShrink: true,\n  height: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginEnd: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginStart: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  padding: true,\n  paddingBottom: true,\n  paddingEnd: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingStart: true,\n  paddingTop: true,\n  paddingVertical: true,\n  right: true,\n  start: true,\n  top: true,\n  width: true,\n  zIndex: true,\n  borderBottomEndRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomStartRadius: true,\n  borderRadius: true,\n  borderTopEndRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopStartRadius: true,\n  elevation: true,\n  fontSize: true,\n  lineHeight: true,\n  textShadowRadius: true,\n  letterSpacing: true,\n  /* strings */\n  display: true,\n  backfaceVisibility: true,\n  overflow: true,\n  resizeMode: true,\n  fontStyle: true,\n  fontWeight: true,\n  textAlign: true,\n  textDecorationLine: true,\n  fontFamily: true,\n  textAlignVertical: true,\n  fontVariant: true,\n  textDecorationStyle: true,\n  textTransform: true,\n  writingDirection: true,\n  /* text color */\n  color: true,\n  tintColor: true,\n  shadowColor: true,\n  placeholderTextColor: true,\n};\n\nfunction configureProps(): void {\n  jsiConfigureProps(\n    Object.keys(UI_THREAD_PROPS_WHITELIST),\n    Object.keys(NATIVE_THREAD_PROPS_WHITELIST)\n  );\n}\n\nexport function addWhitelistedNativeProps(\n  props: Record<string, boolean>\n): void {\n  const oldSize = Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length;\n  NATIVE_THREAD_PROPS_WHITELIST = {\n    ...NATIVE_THREAD_PROPS_WHITELIST,\n    ...props,\n  };\n  if (oldSize !== Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length) {\n    configureProps();\n  }\n}\n\nexport function addWhitelistedUIProps(props: Record<string, boolean>): void {\n  const oldSize = Object.keys(UI_THREAD_PROPS_WHITELIST).length;\n  UI_THREAD_PROPS_WHITELIST = { ...UI_THREAD_PROPS_WHITELIST, ...props };\n  if (oldSize !== Object.keys(UI_THREAD_PROPS_WHITELIST).length) {\n    configureProps();\n  }\n}\n\nconst PROCESSED_VIEW_NAMES = new Set();\n\ninterface ViewConfig {\n  uiViewClassName: string;\n  validAttributes: Record<string, unknown>;\n}\n/**\n * updates UI props whitelist for given view host instance\n * this will work just once for every view name\n */\n\nexport function adaptViewConfig(viewConfig: ViewConfig): void {\n  const viewName = viewConfig.uiViewClassName;\n  const props = viewConfig.validAttributes;\n\n  // update whitelist of UI props for this view name only once\n  if (!PROCESSED_VIEW_NAMES.has(viewName)) {\n    const propsToAdd: Record<string, boolean> = {};\n    Object.keys(props).forEach((key) => {\n      // we don't want to add native props as they affect layout\n      // we also skip props which repeat here\n      if (\n        !(key in NATIVE_THREAD_PROPS_WHITELIST) &&\n        !(key in UI_THREAD_PROPS_WHITELIST)\n      ) {\n        propsToAdd[key] = true;\n      }\n    });\n    addWhitelistedUIProps(propsToAdd);\n\n    PROCESSED_VIEW_NAMES.add(viewName);\n  }\n}\n\nconfigureProps();\n"],"mappings":"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"}
+{"version":3,"names":["configureProps","jsiConfigureProps","UI_THREAD_PROPS_WHITELIST","opacity","transform","backgroundColor","borderRightColor","borderBottomColor","borderColor","borderEndColor","borderLeftColor","borderStartColor","borderTopColor","shadowOpacity","shadowRadius","scaleX","scaleY","translateX","translateY","NATIVE_THREAD_PROPS_WHITELIST","borderBottomWidth","borderEndWidth","borderLeftWidth","borderRightWidth","borderStartWidth","borderTopWidth","borderWidth","bottom","flex","flexGrow","flexShrink","height","left","margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical","maxHeight","maxWidth","minHeight","minWidth","padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","right","start","top","width","zIndex","borderBottomEndRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottomStartRadius","borderRadius","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","elevation","fontSize","lineHeight","textShadowRadius","letterSpacing","display","backfaceVisibility","overflow","resizeMode","fontStyle","fontWeight","textAlign","textDecorationLine","fontFamily","textAlignVertical","fontVariant","textDecorationStyle","textTransform","writingDirection","color","tintColor","shadowColor","placeholderTextColor","Object","keys","addWhitelistedNativeProps","props","oldSize","length","addWhitelistedUIProps","PROCESSED_VIEW_NAMES","Set","adaptViewConfig","viewConfig","viewName","uiViewClassName","validAttributes","has","propsToAdd","forEach","key","add"],"sources":["ConfigHelper.ts"],"sourcesContent":["import { configureProps as jsiConfigureProps } from './reanimated2/core';\n\n/**\n * Styles allowed to be direcly updated in UI thread\n */\nlet UI_THREAD_PROPS_WHITELIST: Record<string, boolean> = {\n  opacity: true,\n  transform: true,\n  /* colors */\n  backgroundColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderColor: true,\n  borderEndColor: true,\n  borderLeftColor: true,\n  borderStartColor: true,\n  borderTopColor: true,\n  /* ios styles */\n  shadowOpacity: true,\n  shadowRadius: true,\n  /* legacy android transform properties */\n  scaleX: true,\n  scaleY: true,\n  translateX: true,\n  translateY: true,\n};\n\n/**\n * Whitelist of view props that can be updated in native thread via UIManagerModule\n */\nlet NATIVE_THREAD_PROPS_WHITELIST: Record<string, boolean> = {\n  borderBottomWidth: true,\n  borderEndWidth: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderStartWidth: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  bottom: true,\n  flex: true,\n  flexGrow: true,\n  flexShrink: true,\n  height: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginEnd: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginStart: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  padding: true,\n  paddingBottom: true,\n  paddingEnd: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingStart: true,\n  paddingTop: true,\n  paddingVertical: true,\n  right: true,\n  start: true,\n  top: true,\n  width: true,\n  zIndex: true,\n  borderBottomEndRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomStartRadius: true,\n  borderRadius: true,\n  borderTopEndRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopStartRadius: true,\n  elevation: true,\n  fontSize: true,\n  lineHeight: true,\n  textShadowRadius: true,\n  letterSpacing: true,\n  /* strings */\n  display: true,\n  backfaceVisibility: true,\n  overflow: true,\n  resizeMode: true,\n  fontStyle: true,\n  fontWeight: true,\n  textAlign: true,\n  textDecorationLine: true,\n  fontFamily: true,\n  textAlignVertical: true,\n  fontVariant: true,\n  textDecorationStyle: true,\n  textTransform: true,\n  writingDirection: true,\n  /* text color */\n  color: true,\n  tintColor: true,\n  shadowColor: true,\n  placeholderTextColor: true,\n};\n\nfunction configureProps(): void {\n  jsiConfigureProps(\n    Object.keys(UI_THREAD_PROPS_WHITELIST),\n    Object.keys(NATIVE_THREAD_PROPS_WHITELIST)\n  );\n}\n\nexport function addWhitelistedNativeProps(\n  props: Record<string, boolean>\n): void {\n  const oldSize = Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length;\n  NATIVE_THREAD_PROPS_WHITELIST = {\n    ...NATIVE_THREAD_PROPS_WHITELIST,\n    ...props,\n  };\n  if (oldSize !== Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length) {\n    configureProps();\n  }\n}\n\nexport function addWhitelistedUIProps(props: Record<string, boolean>): void {\n  const oldSize = Object.keys(UI_THREAD_PROPS_WHITELIST).length;\n  UI_THREAD_PROPS_WHITELIST = { ...UI_THREAD_PROPS_WHITELIST, ...props };\n  if (oldSize !== Object.keys(UI_THREAD_PROPS_WHITELIST).length) {\n    configureProps();\n  }\n}\n\nconst PROCESSED_VIEW_NAMES = new Set();\n\ninterface ViewConfig {\n  uiViewClassName: string;\n  validAttributes: Record<string, unknown>;\n}\n/**\n * updates UI props whitelist for given view host instance\n * this will work just once for every view name\n */\n\nexport function adaptViewConfig(viewConfig: ViewConfig): void {\n  const viewName = viewConfig.uiViewClassName;\n  const props = viewConfig.validAttributes;\n\n  // update whitelist of UI props for this view name only once\n  if (!PROCESSED_VIEW_NAMES.has(viewName)) {\n    const propsToAdd: Record<string, boolean> = {};\n    Object.keys(props).forEach((key) => {\n      // we don't want to add native props as they affect layout\n      // we also skip props which repeat here\n      if (\n        !(key in NATIVE_THREAD_PROPS_WHITELIST) &&\n        !(key in UI_THREAD_PROPS_WHITELIST)\n      ) {\n        propsToAdd[key] = true;\n      }\n    });\n    addWhitelistedUIProps(propsToAdd);\n\n    PROCESSED_VIEW_NAMES.add(viewName);\n  }\n}\n\nconfigureProps();\n"],"mappings":"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"}

package/lib/module/createAnimatedComponent.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 React from 'react';
 import { findNodeHandle, Platform, StyleSheet } from 'react-native';
 import WorkletEventHandler from './reanimated2/WorkletEventHandler';
@@ -19,28 +19,23 @@ import { getShadowNodeWrapperFromRef } from './reanimated2/fabricUtils';
 import updateProps from './reanimated2/UpdateProps';
 import NativeReanimatedModule from './reanimated2/NativeReanimated';
 import { isSharedValue } from './reanimated2';
-
-function dummyListener() {// empty listener we use to assign to listener properties for which animated
+function dummyListener() {
+  // empty listener we use to assign to listener properties for which animated
   // event is used.
 }
-
 function maybeBuild(layoutAnimationOrBuilder) {
   const isAnimationBuilder = value => 'build' in layoutAnimationOrBuilder && typeof layoutAnimationOrBuilder.build === 'function';
-
   if (isAnimationBuilder(layoutAnimationOrBuilder)) {
     return layoutAnimationOrBuilder.build();
   } else {
     return layoutAnimationOrBuilder;
   }
 }
-
 function flattenArray(array) {
   if (!Array.isArray(array)) {
     return [array];
   }
-
   const resultArr = [];
-
   const _flattenArray = arr => {
     arr.forEach(item => {
       if (Array.isArray(item)) {
@@ -50,24 +45,18 @@ function flattenArray(array) {
       }
     });
   };
-
   _flattenArray(array);
-
   return resultArr;
 }
-
 function onlyAnimatedStyles(styles) {
   return styles.filter(style => style === null || style === void 0 ? void 0 : style.viewDescriptors);
 }
-
 function isSameAnimatedStyle(style1, style2) {
   // We cannot use equality check to compare useAnimatedStyle outputs directly.
   // Instead, we can compare its viewsRefs.
   return (style1 === null || style1 === void 0 ? void 0 : style1.viewsRef) === (style2 === null || style2 === void 0 ? void 0 : style2.viewsRef);
 }
-
 const isSameAnimatedProps = isSameAnimatedStyle;
-
 const has = (key, x) => {
   if (typeof x === 'function' || typeof x === 'object') {
     if (x === null || x === undefined) {
@@ -76,42 +65,33 @@ const has = (key, x) => {
       return key in x;
     }
   }
-
   return false;
 };
-
 function isInlineStyleTransform(transform) {
   if (!transform) {
     return false;
   }
-
   return transform.some(t => hasInlineStyles(t));
 }
-
 function hasInlineStyles(style) {
   if (!style) {
     return false;
   }
-
   return Object.keys(style).some(key => {
     const styleValue = style[key];
     return isSharedValue(styleValue) || key === 'transform' && isInlineStyleTransform(styleValue);
   });
 }
-
 function extractSharedValuesMapFromProps(props) {
   const inlineProps = {};
-
   for (const key in props) {
     const value = props[key];
-
     if (key === 'style') {
       const styles = flattenArray(props.style ?? []);
       styles.forEach(style => {
         if (!style) {
           return;
         }
-
         for (const [key, styleValue] of Object.entries(style)) {
           if (isSharedValue(styleValue)) {
             inlineProps[key] = styleValue;
@@ -124,27 +104,21 @@ function extractSharedValuesMapFromProps(props) {
       inlineProps[key] = value;
     }
   }
-
   return inlineProps;
 }
-
 function inlinePropsHasChanged(styles1, styles2) {
   if (Object.keys(styles1).length !== Object.keys(styles2).length) {
     return true;
   }
-
   for (const key of Object.keys(styles1)) {
     if (styles1[key] !== styles2[key]) return true;
   }
-
   return false;
 }
-
 function getInlinePropsUpdate(inlineProps) {
   'worklet';
 
   const update = {};
-
   for (const [key, styleValue] of Object.entries(inlineProps)) {
     if (key === 'transform') {
       update[key] = styleValue.map(transform => {
@@ -156,39 +130,25 @@ function getInlinePropsUpdate(inlineProps) {
       update[key] = styleValue;
     }
   }
-
   return update;
 }
-
 export default function createAnimatedComponent(Component, options) {
-  invariant(typeof Component !== 'function' || Component.prototype && Component.prototype.isReactComponent, '`createAnimatedComponent` does not support stateless functional components; ' + 'use a class component instead.');
-
+  invariant(typeof Component !== 'function' || Component.prototype && Component.prototype.isReactComponent, `Looks like you're passing a function component \`${Component.name}\` to \`createAnimatedComponent\` function which supports only class components. Please wrap your function component with \`React.forwardRef()\` or use a class component instead.`);
   class AnimatedComponent extends React.Component {
     constructor(props) {
       super(props);
-
       _defineProperty(this, "_styles", null);
-
       _defineProperty(this, "_animatedProps", void 0);
-
       _defineProperty(this, "_viewTag", -1);
-
       _defineProperty(this, "_isFirstRender", true);
-
       _defineProperty(this, "animatedStyle", {
         value: {}
       });
-
       _defineProperty(this, "initialStyle", {});
-
       _defineProperty(this, "_component", null);
-
       _defineProperty(this, "_inlinePropsViewDescriptors", null);
-
       _defineProperty(this, "_inlinePropsMapperId", null);
-
       _defineProperty(this, "_inlineProps", {});
-
       _defineProperty(this, "_setComponentRef", setAndForwardRef({
         getForwardedRef: () => this.props.forwardedRef,
         setLocalRef: ref => {
@@ -200,91 +160,69 @@ export default function createAnimatedComponent(Component, options) {
             exiting,
             sharedTransitionTag
           } = this.props;
-
           if ((layout || entering || exiting || sharedTransitionTag) && tag != null) {
             if (!shouldBeUseWeb()) {
               enableLayoutAnimations(true, false);
             }
-
             if (layout) {
               configureLayoutAnimations(tag, LayoutAnimationType.LAYOUT, maybeBuild(layout));
             }
-
             if (entering) {
               configureLayoutAnimations(tag, LayoutAnimationType.ENTERING, maybeBuild(entering));
             }
-
             if (exiting) {
               configureLayoutAnimations(tag, LayoutAnimationType.EXITING, maybeBuild(exiting));
             }
-
             if (sharedTransitionTag) {
               const sharedElementTransition = this.props.sharedTransitionStyle ?? DefaultSharedTransition;
               configureLayoutAnimations(tag, LayoutAnimationType.SHARED_ELEMENT_TRANSITION, maybeBuild(sharedElementTransition), sharedTransitionTag);
             }
           }
-
           if (ref !== this._component) {
             this._component = ref;
           }
         }
       }));
-
       if (isJest()) {
         this.animatedStyle = {
           value: {}
         };
       }
     }
-
     componentWillUnmount() {
       this._detachNativeEvents();
-
       this._detachStyles();
-
       this._detachInlineProps();
     }
-
     componentDidMount() {
       this._attachNativeEvents();
-
       this._attachAnimatedStyles();
-
       this._attachInlineProps();
     }
-
     _getEventViewRef() {
       var _this$_component;
-
       // Make sure to get the scrollable node for components that implement
       // `ScrollResponder.Mixin`.
       return (_this$_component = this._component) !== null && _this$_component !== void 0 && _this$_component.getScrollableNode ? this._component.getScrollableNode() : this._component;
     }
-
     _attachNativeEvents() {
       const node = this._getEventViewRef();
-
       const viewTag = findNodeHandle(options !== null && options !== void 0 && options.setNativeProps ? this : node);
-
       for (const key in this.props) {
         const prop = this.props[key];
-
         if (has('current', prop) && prop.current instanceof WorkletEventHandler) {
           prop.current.registerForEvents(viewTag, key);
         }
       }
     }
-
     _detachNativeEvents() {
       for (const key in this.props) {
         const prop = this.props[key];
-
         if (has('current', prop) && prop.current instanceof WorkletEventHandler) {
           prop.current.unregisterFromEvents();
         }
       }
     }
-
     _detachStyles() {
       if (Platform.OS === 'web' && this._styles !== null) {
         for (const style of this._styles) {
@@ -294,15 +232,12 @@ export default function createAnimatedComponent(Component, options) {
         }
       } else if (this._viewTag !== -1 && this._styles !== null) {
         var _this$props$animatedP;
-
         for (const style of this._styles) {
           style.viewDescriptors.remove(this._viewTag);
         }
-
         if ((_this$props$animatedP = this.props.animatedProps) !== null && _this$props$animatedP !== void 0 && _this$props$animatedP.viewDescriptors) {
           this.props.animatedProps.viewDescriptors.remove(this._viewTag);
         }
-
         if (global._IS_FABRIC) {
           const viewTag = this._viewTag;
           runOnUI(() => {
@@ -313,31 +248,24 @@ export default function createAnimatedComponent(Component, options) {
         }
       }
     }
-
     _reattachNativeEvents(prevProps) {
       let viewTag;
-
       for (const key in this.props) {
         const prop = this.props[key];
-
         if (has('current', prop) && prop.current instanceof WorkletEventHandler) {
           if (viewTag === undefined) {
             viewTag = prop.current.viewTag;
           }
         }
       }
-
       for (const key in prevProps) {
         const prop = this.props[key];
-
         if (has('current', prop) && prop.current instanceof WorkletEventHandler && prop.current.reattachNeeded) {
           prop.current.unregisterFromEvents();
         }
       }
-
       for (const key in this.props) {
         const prop = this.props[key];
-
         if (has('current', prop) && prop.current instanceof WorkletEventHandler && prop.current.reattachNeeded) {
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           prop.current.registerForEvents(viewTag, key);
@@ -345,25 +273,21 @@ export default function createAnimatedComponent(Component, options) {
         }
       }
     }
-
     _updateFromNative(props) {
       if (options !== null && options !== void 0 && options.setNativeProps) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         options.setNativeProps(this._component, props);
       } else {
         var _this$_component2, _this$_component2$set;
-
         // eslint-disable-next-line no-unused-expressions
         (_this$_component2 = this._component) === null || _this$_component2 === void 0 ? void 0 : (_this$_component2$set = _this$_component2.setNativeProps) === null || _this$_component2$set === void 0 ? void 0 : _this$_component2$set.call(_this$_component2, props);
       }
     }
-
     _getViewInfo() {
       let viewTag;
       let viewName;
       let shadowNodeWrapper = null;
       let viewConfig;
-
       if (Platform.OS === 'web') {
         viewTag = findNodeHandle(this);
         viewName = null;
@@ -371,29 +295,23 @@ export default function createAnimatedComponent(Component, options) {
         viewConfig = null;
       } else {
         var _hostInstance$viewCon;
-
         // hostInstance can be null for a component that doesn't render anything (render function returns null). Example: svg Stop: https://github.com/react-native-svg/react-native-svg/blob/develop/src/elements/Stop.tsx
         const hostInstance = RNRenderer.findHostInstance_DEPRECATED(this);
-
         if (!hostInstance) {
           throw new Error('Cannot find host instance for this component. Maybe it renders nothing?');
-        } // we can access view tag in the same way it's accessed here https://github.com/facebook/react/blob/e3f4eb7272d4ca0ee49f27577156b57eeb07cf73/packages/react-native-renderer/src/ReactFabric.js#L146
-
-
+        }
+        // we can access view tag in the same way it's accessed here https://github.com/facebook/react/blob/e3f4eb7272d4ca0ee49f27577156b57eeb07cf73/packages/react-native-renderer/src/ReactFabric.js#L146
         viewTag = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance._nativeTag;
         /**
          * RN uses viewConfig for components for storing different properties of the component(example: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollViewViewConfig.js#L16).
          * The name we're looking for is in the field named uiViewClassName.
          */
-
         viewName = hostInstance === null || hostInstance === void 0 ? void 0 : (_hostInstance$viewCon = hostInstance.viewConfig) === null || _hostInstance$viewCon === void 0 ? void 0 : _hostInstance$viewCon.uiViewClassName;
         viewConfig = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.viewConfig;
-
         if (global._IS_FABRIC) {
           shadowNodeWrapper = getShadowNodeWrapperFromRef(this);
         }
       }
-
       return {
         viewTag,
         viewName,
@@ -401,55 +319,47 @@ export default function createAnimatedComponent(Component, options) {
         viewConfig
       };
     }
-
     _attachAnimatedStyles() {
       var _this$props$animatedP2, _this$props$animatedP3;
-
       const styles = this.props.style ? onlyAnimatedStyles(flattenArray(this.props.style)) : [];
       const prevStyles = this._styles;
       this._styles = styles;
       const prevAnimatedProps = this._animatedProps;
       this._animatedProps = this.props.animatedProps;
-
       const {
         viewTag,
         viewName,
         shadowNodeWrapper,
         viewConfig
-      } = this._getViewInfo(); // update UI props whitelist for this view
-
+      } = this._getViewInfo();
 
+      // update UI props whitelist for this view
       const hasReanimated2Props = ((_this$props$animatedP2 = this.props.animatedProps) === null || _this$props$animatedP2 === void 0 ? void 0 : _this$props$animatedP2.viewDescriptors) || styles.length;
-
       if (hasReanimated2Props && viewConfig) {
         adaptViewConfig(viewConfig);
       }
+      this._viewTag = viewTag;
 
-      this._viewTag = viewTag; // remove old styles
-
+      // remove old styles
       if (prevStyles) {
         // in most of the cases, views have only a single animated style and it remains unchanged
         const hasOneSameStyle = styles.length === 1 && prevStyles.length === 1 && isSameAnimatedStyle(styles[0], prevStyles[0]);
-
         if (!hasOneSameStyle) {
           // otherwise, remove each style that is not present in new styles
           for (const prevStyle of prevStyles) {
             const isPresent = styles.some(style => isSameAnimatedStyle(style, prevStyle));
-
             if (!isPresent) {
               prevStyle.viewDescriptors.remove(viewTag);
             }
           }
         }
       }
-
       styles.forEach(style => {
         style.viewDescriptors.add({
           tag: viewTag,
           name: viewName,
           shadowNodeWrapper
         });
-
         if (isJest()) {
           /**
            * We need to connect Jest's TestObject instance whose contains just props object
@@ -457,18 +367,20 @@ export default function createAnimatedComponent(Component, options) {
            * We can't update props object directly because TestObject contains a copy of props - look at render function:
            * const props = this._filterNonAnimatedProps(this.props);
            */
-          this.animatedStyle.value = { ...this.animatedStyle.value,
+          this.animatedStyle.value = {
+            ...this.animatedStyle.value,
             ...style.initial.value
           };
           style.animatedStyle.current = this.animatedStyle;
         }
-      }); // detach old animatedProps
+      });
 
+      // detach old animatedProps
       if (prevAnimatedProps && !isSameAnimatedProps(prevAnimatedProps, this.props.animatedProps)) {
         prevAnimatedProps.viewDescriptors.remove(viewTag);
-      } // attach animatedProps property
-
+      }
 
+      // attach animatedProps property
       if ((_this$props$animatedP3 = this.props.animatedProps) !== null && _this$props$animatedP3 !== void 0 && _this$props$animatedP3.viewDescriptors) {
         this.props.animatedProps.viewDescriptors.add({
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -480,26 +392,21 @@ export default function createAnimatedComponent(Component, options) {
         });
       }
     }
-
     _attachInlineProps() {
       const newInlineProps = extractSharedValuesMapFromProps(this.props);
       const hasChanged = inlinePropsHasChanged(newInlineProps, this._inlineProps);
-
       if (hasChanged) {
         if (!this._inlinePropsViewDescriptors) {
           this._inlinePropsViewDescriptors = makeViewDescriptorsSet();
-
           const {
             viewTag,
             viewName,
             shadowNodeWrapper,
             viewConfig
           } = this._getViewInfo();
-
           if (Object.keys(newInlineProps).length && viewConfig) {
             adaptViewConfig(viewConfig);
           }
-
           this._inlinePropsViewDescriptors.add({
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             tag: viewTag,
@@ -509,7 +416,6 @@ export default function createAnimatedComponent(Component, options) {
             shadowNodeWrapper: shadowNodeWrapper
           });
         }
-
         const sharableViewDescriptors = this._inlinePropsViewDescriptors.sharableViewDescriptors;
         const maybeViewRef = NativeReanimatedModule.native ? undefined : {
           items: new Set([this])
@@ -521,41 +427,30 @@ export default function createAnimatedComponent(Component, options) {
           const update = getInlinePropsUpdate(newInlineProps);
           updateProps(sharableViewDescriptors, update, maybeViewRef);
         };
-
         this._inlineProps = newInlineProps;
-
         if (this._inlinePropsMapperId) {
           stopMapper(this._inlinePropsMapperId);
         }
-
         this._inlinePropsMapperId = null;
-
         if (Object.keys(newInlineProps).length) {
           this._inlinePropsMapperId = startMapper(updaterFunction, Object.values(newInlineProps));
         }
       }
     }
-
     _detachInlineProps() {
       if (this._inlinePropsMapperId) {
         stopMapper(this._inlinePropsMapperId);
       }
     }
-
     componentDidUpdate(prevProps) {
       this._reattachNativeEvents(prevProps);
-
       this._attachAnimatedStyles();
-
       this._attachInlineProps();
     }
-
     _filterNonAnimatedProps(inputProps) {
       const props = {};
-
       for (const key in inputProps) {
         const value = inputProps[key];
-
         if (key === 'style') {
           const styleProp = inputProps.style;
           const styles = flattenArray(styleProp ?? []);
@@ -563,27 +458,23 @@ export default function createAnimatedComponent(Component, options) {
             if (style && style.viewDescriptors) {
               // this is how we recognize styles returned by useAnimatedStyle
               style.viewsRef.add(this);
-
               if (this._isFirstRender) {
-                this.initialStyle = { ...style.initial.value,
+                this.initialStyle = {
+                  ...style.initial.value,
                   ...initialUpdaterRun(style.initial.updater)
                 };
               }
-
               return this.initialStyle;
             } else if (hasInlineStyles(style)) {
               if (this._isFirstRender) {
                 return getInlinePropsUpdate(style);
               }
-
               const newStyle = {};
-
               for (const [key, styleValue] of Object.entries(style)) {
                 if (!isSharedValue(styleValue) && !(key === 'transform' && isInlineStyleTransform(styleValue))) {
                   newStyle[key] = styleValue;
                 }
               }
-
               return newStyle;
             } else {
               return style;
@@ -592,11 +483,9 @@ export default function createAnimatedComponent(Component, options) {
           props[key] = StyleSheet.flatten(processedStyle);
         } else if (key === 'animatedProps') {
           const animatedProp = inputProps.animatedProps;
-
           if (animatedProp.initial !== undefined) {
             Object.keys(animatedProp.initial.value).forEach(key => {
               var _animatedProp$initial, _animatedProp$viewsRe;
-
               props[key] = (_animatedProp$initial = animatedProp.initial) === null || _animatedProp$initial === void 0 ? void 0 : _animatedProp$initial.value[key];
               (_animatedProp$viewsRe = animatedProp.viewsRef) === null || _animatedProp$viewsRe === void 0 ? void 0 : _animatedProp$viewsRe.add(this);
             });
@@ -617,21 +506,16 @@ export default function createAnimatedComponent(Component, options) {
           props[key] = value;
         }
       }
-
       return props;
     }
-
     render() {
       const props = this._filterNonAnimatedProps(this.props);
-
       if (isJest()) {
         props.animatedStyle = this.animatedStyle;
       }
-
       if (this._isFirstRender) {
         this._isFirstRender = false;
       }
-
       const platformProps = Platform.select({
         web: {},
         default: {
@@ -642,11 +526,8 @@ export default function createAnimatedComponent(Component, options) {
         ref: this._setComponentRef
       }, platformProps));
     }
-
   }
-
   _defineProperty(AnimatedComponent, "displayName", void 0);
-
   AnimatedComponent.displayName = `AnimatedComponent(${Component.displayName || Component.name || 'Component'})`;
   return /*#__PURE__*/React.forwardRef((props, ref) => {
     return /*#__PURE__*/React.createElement(AnimatedComponent, _extends({}, props, ref === null ? null : {