react-native-reanimated 2.3.0-alpha.1 → 2.3.0-beta.2

package/lib/createAnimatedComponent.js

@@ -8,8 +8,9 @@ import AnimatedValue from './reanimated1/core/AnimatedValue';
 import { createOrReusePropsNode } from './reanimated1/core/AnimatedProps';
 import WorkletEventHandler from './reanimated2/WorkletEventHandler';
 import setAndForwardRef from './setAndForwardRef';
+import './reanimated2/layoutReanimation/LayoutAnimationRepository';
 
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { adaptViewConfig } from './ConfigHelper';
 import { RNRenderer } from './reanimated2/platform-specific/RNRenderer';
 import { makeMutable, runOnUI } from './reanimated2/core';
@@ -17,7 +18,9 @@ import {
   DefaultEntering,
   DefaultExiting,
   DefaultLayout,
-} from './reanimated2/layoutReanimation/defaultAnimationsBuilder';
+} from './reanimated2/layoutReanimation/defaultAnimations/Default';
+import { isJest, isChromeDebugger } from './reanimated2/PlatformChecker';
+import { initialUpdaterRun } from './reanimated2/animation';
 
 const NODE_MAPPING = new Map();
 
@@ -46,7 +49,7 @@ function hasAnimatedNodes(value) {
 
 function flattenArray(array) {
   if (!Array.isArray(array)) {
-    return array;
+    return [array];
   }
   const resultArr = [];
 
@@ -73,11 +76,14 @@ export default function createAnimatedComponent(Component, options = {}) {
 
   class AnimatedComponent extends React.Component {
     _invokeAnimatedPropsCallbackOnMount = false;
+    _styles = null;
+    _viewTag = -1;
+    _isFirstRender = true;
 
     constructor(props) {
       super(props);
       this._attachProps(this.props);
-      if (process.env.JEST_WORKER_ID) {
+      if (isJest()) {
         this.animatedStyle = { value: {} };
       }
       this.sv = makeMutable({});
@@ -87,6 +93,7 @@ export default function createAnimatedComponent(Component, options = {}) {
       this._detachPropUpdater();
       this._propsAnimated && this._propsAnimated.__detach();
       this._detachNativeEvents();
+      this._detachStyles();
       this.sv = null;
     }
 
@@ -113,7 +120,6 @@ export default function createAnimatedComponent(Component, options = {}) {
     _attachNativeEvents() {
       const node = this._getEventViewRef();
       const viewTag = findNodeHandle(options.setNativeProps ? this : node);
-
       for (const key in this.props) {
         const prop = this.props[key];
         if (prop instanceof AnimatedEvent) {
@@ -143,6 +149,25 @@ export default function createAnimatedComponent(Component, options = {}) {
       }
     }
 
+    _detachStyles() {
+      if (Platform.OS === 'web') {
+        for (const style of this._styles) {
+          if (style?.viewsRef) {
+            style.viewsRef.remove(this);
+          }
+        }
+      } else if (this._viewTag !== -1) {
+        for (const style of this._styles) {
+          if (style?.viewDescriptors) {
+            style.viewDescriptors.remove(this._viewTag);
+          }
+        }
+        if (this.props.animatedProps?.viewDescriptors) {
+          this.props.animatedProps.viewDescriptors.remove(this._viewTag);
+        }
+      }
+    }
+
     _reattachNativeEvents(prevProps) {
       const node = this._getEventViewRef();
       const attached = new Set();
@@ -257,10 +282,8 @@ export default function createAnimatedComponent(Component, options = {}) {
     }
 
     _attachAnimatedStyles() {
-      let styles = Array.isArray(this.props.style)
-        ? this.props.style
-        : [this.props.style];
-      styles = flattenArray(styles);
+      const styles = flattenArray(this.props.style);
+      this._styles = styles;
       let viewTag, viewName;
       if (Platform.OS === 'web') {
         viewTag = findNodeHandle(this);
@@ -289,11 +312,12 @@ export default function createAnimatedComponent(Component, options = {}) {
           adaptViewConfig(hostInstance.viewConfig);
         }
       }
+      this._viewTag = viewTag;
 
       styles.forEach((style) => {
-        if (style?.viewDescriptor) {
-          style.viewDescriptor.value = { tag: viewTag, name: viewName };
-          if (process.env.JEST_WORKER_ID) {
+        if (style?.viewDescriptors) {
+          style.viewDescriptors.add({ tag: viewTag, name: viewName });
+          if (isJest()) {
             /**
              * We need to connect Jest's TestObject instance whose contains just props object
              * with the updateProps() function where we update the properties of the component.
@@ -302,29 +326,29 @@ export default function createAnimatedComponent(Component, options = {}) {
              */
             this.animatedStyle.value = {
               ...this.animatedStyle.value,
-              ...style.initial,
+              ...style.initial.value,
             };
             style.animatedStyle.current = this.animatedStyle;
           }
         }
       });
       // attach animatedProps property
-      if (this.props.animatedProps?.viewDescriptor) {
-        this.props.animatedProps.viewDescriptor.value = {
+      if (this.props.animatedProps?.viewDescriptors) {
+        this.props.animatedProps.viewDescriptors.add({
           tag: viewTag,
           name: viewName,
-        };
+        });
       }
     }
 
     _hasReanimated2Props(flattenStyles) {
-      if (this.props.animatedProps?.viewDescriptor) {
+      if (this.props.animatedProps?.viewDescriptors) {
         return true;
       }
       if (this.props.style) {
         for (const style of flattenStyles) {
           // eslint-disable-next-line no-prototype-builtins
-          if (style?.hasOwnProperty('viewDescriptor')) {
+          if (style?.hasOwnProperty('viewDescriptors')) {
             return true;
           }
         }
@@ -345,6 +369,7 @@ export default function createAnimatedComponent(Component, options = {}) {
       this._reattachNativeEvents(prevProps);
 
       this._propsAnimated && this._propsAnimated.setNativeView(this._component);
+      this._attachAnimatedStyles();
     }
 
     _setComponentRef = setAndForwardRef({
@@ -428,14 +453,19 @@ export default function createAnimatedComponent(Component, options = {}) {
       for (const key in inputProps) {
         const value = inputProps[key];
         if (key === 'style') {
-          const styles = Array.isArray(value) ? value : [value];
+          const styles = flattenArray(value);
           const processedStyle = styles.map((style) => {
-            if (style && style.viewDescriptor) {
+            if (style && style.viewDescriptors) {
               // this is how we recognize styles returned by useAnimatedStyle
-              if (style.viewRef.current === null) {
-                style.viewRef.current = this;
+              style.viewsRef.add(this);
+              if (this._isFirstRender) {
+                return {
+                  ...style.initial.value,
+                  ...initialUpdaterRun(style.initial.updater),
+                };
+              } else {
+                return style.initial.value;
               }
-              return style.initial;
             } else {
               return style;
             }
@@ -444,11 +474,9 @@ export default function createAnimatedComponent(Component, options = {}) {
             StyleSheet.flatten(processedStyle)
           );
         } else if (key === 'animatedProps') {
-          Object.keys(value.initial).forEach((key) => {
-            props[key] = value.initial[key];
-            if (value.viewRef.current === null) {
-              value.viewRef.current = this;
-            }
+          Object.keys(value.initial.value).forEach((key) => {
+            props[key] = value.initial.value[key];
+            value.viewsRef.add(this);
           });
         } else if (value instanceof AnimatedEvent) {
           // we cannot filter out event listeners completely as some components
@@ -470,7 +498,9 @@ export default function createAnimatedComponent(Component, options = {}) {
             props[key] = dummyListener;
           }
         } else if (!(value instanceof AnimatedNode)) {
-          props[key] = value;
+          if (key !== 'onGestureHandlerStateChange' || !isChromeDebugger()) {
+            props[key] = value;
+          }
         } else if (value instanceof AnimatedValue) {
           // if any prop in animated component is set directly to the `Value` we set those props to the first value of `Value` node in order
           // to avoid default values for a short moment when `Value` is being asynchrounously sent via bridge and initialized in the native side.
@@ -482,10 +512,14 @@ export default function createAnimatedComponent(Component, options = {}) {
 
     render() {
       const props = this._filterNonAnimatedProps(this.props);
-      if (process.env.JEST_WORKER_ID) {
+      if (isJest()) {
         props.animatedStyle = this.animatedStyle;
       }
 
+      if (this._isFirstRender) {
+        this._isFirstRender = false;
+      }
+
       const platformProps = Platform.select({
         web: {},
         default: { collapsable: false },

package/lib/reanimated1/core/AnimatedAlways.js

@@ -1,5 +1,5 @@
 import AnimatedNode from './AnimatedNode';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { val } from '../val';
 
 class AnimatedAlways extends AnimatedNode {

package/lib/reanimated1/core/AnimatedBezier.js

@@ -1,6 +1,6 @@
 import { val } from '../val';
 import AnimatedNode from './AnimatedNode';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 // These values are established by empiricism with tests (tradeoff: performance VS precision)
 var NEWTON_ITERATIONS = 4;

package/lib/reanimated1/core/AnimatedBlock.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { val } from '../val';
 import AnimatedNode from './AnimatedNode';
 import InternalAnimatedValue from './InternalAnimatedValue';

package/lib/reanimated1/core/AnimatedCall.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import ReanimatedEventEmitter from '../../ReanimatedEventEmitter';
 import { val } from '../val';
 import AnimatedNode from './AnimatedNode';

package/lib/reanimated1/core/AnimatedCallFunc.js

@@ -1,7 +1,7 @@
 import AnimatedNode, { getCallID, setCallID } from './AnimatedNode';
 import { adapt } from './AnimatedBlock';
 import { val } from '../val';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 class AnimatedCallFunc extends AnimatedNode {
   _previousCallID;

package/lib/reanimated1/core/AnimatedConcat.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { adapt } from '../core/AnimatedBlock';
 import AnimatedNode from './AnimatedNode';
 import { val } from '../val';

package/lib/reanimated1/core/AnimatedCond.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { adapt } from '../core/AnimatedBlock';
 import { val } from '../val';
 import AnimatedNode from './AnimatedNode';

package/lib/reanimated1/core/AnimatedDebug.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { NativeModules } from 'react-native';
 import { val } from '../val';
 import { adapt, createAnimatedBlock as block } from './AnimatedBlock';

package/lib/reanimated1/core/AnimatedEvent.js

@@ -5,7 +5,7 @@ import AnimatedNode from './AnimatedNode';
 import InternalAnimatedValue from './AnimatedValue';
 import { createAnimatedAlways } from './AnimatedAlways';
 
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import createEventObjectProxyPolyfill from './createEventObjectProxyPolyfill';
 
 function sanitizeArgMapping(argMapping) {

package/lib/reanimated1/core/AnimatedFunction.js

@@ -2,7 +2,7 @@ import AnimatedNode from './AnimatedNode';
 import { createAnimatedCallFunc } from './AnimatedCallFunc';
 import { createAnimatedParam } from './AnimatedParam';
 import { val } from '../val';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 class AnimatedFunction extends AnimatedNode {
   _what;

package/lib/reanimated1/core/AnimatedOperator.js

@@ -1,7 +1,7 @@
 import AnimatedNode from './AnimatedNode';
 import { val } from '../val';
 
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { adapt } from '../core/AnimatedBlock';
 
 function reduce(fn) {

package/lib/reanimated1/core/AnimatedParam.js

@@ -1,4 +1,4 @@
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import AnimatedNode, { getCallID, setCallID } from './AnimatedNode';
 import AnimatedClock from './AnimatedClock';
 import { val } from '../val';

package/lib/reanimated1/core/AnimatedProps.js

@@ -4,8 +4,8 @@ import AnimatedNode from './AnimatedNode';
 import AnimatedEvent from './AnimatedEvent';
 import { createOrReuseStyleNode } from './AnimatedStyle';
 
-import invariant from 'fbjs/lib/invariant';
-import deepEqual from 'fbjs/lib/areEqual';
+import invariant from 'invariant';
+import deepEqual from 'lodash.isequal';
 import { val } from '../val';
 
 function sanitizeProps(inputProps) {

package/lib/reanimated1/core/AnimatedSet.js

@@ -1,5 +1,5 @@
 import AnimatedNode from './AnimatedNode';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 import { val } from '../val';
 import { adapt } from '../core/AnimatedBlock';
 

package/lib/reanimated1/core/AnimatedStartClock.js

@@ -1,7 +1,7 @@
 import AnimatedNode from './AnimatedNode';
 import AnimatedClock from './AnimatedClock';
 import { AnimatedParam } from './AnimatedParam';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 class AnimatedStartClock extends AnimatedNode {
   _clockNode;

package/lib/reanimated1/core/AnimatedStopClock.js

@@ -1,7 +1,7 @@
 import AnimatedNode from './AnimatedNode';
 import AnimatedClock from './AnimatedClock';
 import { AnimatedParam } from './AnimatedParam';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 class AnimatedStopClock extends AnimatedNode {
   _clockNode;

package/lib/reanimated1/core/AnimatedStyle.js

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import AnimatedNode from './AnimatedNode';
 import { createOrReuseTransformNode } from './AnimatedTransform';
 
-import deepEqual from 'fbjs/lib/areEqual';
+import deepEqual from 'lodash.isequal';
 
 function sanitizeStyle(inputStyle) {
   let style;

package/lib/reanimated1/core/AnimatedTransform.js

@@ -1,6 +1,6 @@
 import AnimatedNode from './AnimatedNode';
 
-import deepEqual from 'fbjs/lib/areEqual';
+import deepEqual from 'lodash.isequal';
 
 function sanitizeTransform(inputTransform) {
   const outputTransform = [];

package/lib/reanimated1/core/Core.test.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import Animated from '../../Animated';
+
+import renderer from 'react-test-renderer';
+
+jest.mock('../../ReanimatedEventEmitter');
+jest.mock('../../ReanimatedModule');
+jest.mock('../../reanimated2/NativeReanimated');
+
+describe('Core Animated components', () => {
+  xit('fails if something other then a node or function that returns a node is passed to Animated.Code exec prop', () => {
+    console.error = jest.fn();
+
+    expect(() =>
+      renderer.create(<Animated.Code exec="not a node" />)
+    ).toThrowError(
+      "<Animated.Code /> expects the 'exec' prop or children to be an animated node or a function returning an animated node."
+    );
+  });
+
+  xit('fails if something other then a node or function that returns a node is passed to Animated.Code children', () => {
+    console.error = jest.fn();
+
+    expect(() =>
+      renderer.create(<Animated.Code>not a node</Animated.Code>)
+    ).toThrowError(
+      "<Animated.Code /> expects the 'exec' prop or children to be an animated node or a function returning an animated node."
+    );
+  });
+});

package/lib/reanimated1/core/InternalAnimatedValue.js

@@ -1,7 +1,7 @@
 import AnimatedNode from './AnimatedNode';
 import { val } from '../val';
 import ReanimatedModule from '../../ReanimatedModule';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 function sanitizeValue(value) {
   return value === null || value === undefined || typeof value === 'string'

package/lib/reanimated1/core/__mocks__/AnimatedProps.js

@@ -2,7 +2,7 @@ import AnimatedNode from '../AnimatedNode';
 import AnimatedEvent from '../AnimatedEvent';
 import AnimatedStyle, { createOrReuseStyleNode } from '../AnimatedStyle';
 
-import deepEqual from 'fbjs/lib/areEqual';
+import deepEqual from 'lodash.isequal';
 
 // This file has been mocked as react-native's `findNodeHandle` is returning undefined value;
 // and I became easier to mock whole this file instead of mocking RN

package/lib/reanimated1/derived/interpolate.js

@@ -8,7 +8,7 @@ import {
   lessOrEq,
   eq,
 } from '../operators';
-import invariant from 'fbjs/lib/invariant';
+import invariant from 'invariant';
 
 import AnimatedNode from '../core/AnimatedNode';
 import { createAnimatedCond as cond } from '../core/AnimatedCond';

package/lib/reanimated2/Colors.js

@@ -22,7 +22,7 @@ function call(...args) {
 // the UI thread. We keep separate cache of Regexes for UI and JS using the below
 // objects, then pick the right cache in getMatchers() method.
 const jsCachedMatchers = {};
-const uiCachedMatchers = !isConfigured() ? null : makeRemote({});
+const uiCachedMatchers = !isConfigured() ? {} : makeRemote({});
 function getMatchers() {
     'worklet';
     const cachedMatchers = _WORKLET
@@ -270,6 +270,7 @@ const names = !isConfigured()
     });
 function normalizeColor(color) {
     'worklet';
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     if (typeof color === 'number') {
         if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
             return color;
@@ -282,13 +283,13 @@ function normalizeColor(color) {
     const matchers = getMatchers();
     let match;
     // Ordered based on occurrences on Facebook codebase
-    if ((match = matchers.hex6.exec(color))) {
+    if ((match = (_a = matchers === null || matchers === void 0 ? void 0 : matchers.hex6) === null || _a === void 0 ? void 0 : _a.exec(color))) {
         return Number.parseInt(match[1] + 'ff', 16) >>> 0;
     }
     if (names[color] !== undefined) {
         return names[color];
     }
-    if ((match = matchers.rgb.exec(color))) {
+    if ((match = (_b = matchers === null || matchers === void 0 ? void 0 : matchers.rgb) === null || _b === void 0 ? void 0 : _b.exec(color))) {
         return (
         // b
         ((parse255(match[1]) << 24) | // r
@@ -297,7 +298,7 @@ function normalizeColor(color) {
             0x000000ff) >>> // a
             0);
     }
-    if ((match = matchers.rgba.exec(color))) {
+    if ((match = (_c = matchers === null || matchers === void 0 ? void 0 : matchers.rgba) === null || _c === void 0 ? void 0 : _c.exec(color))) {
         return (
         // b
         ((parse255(match[1]) << 24) | // r
@@ -306,7 +307,7 @@ function normalizeColor(color) {
             parse1(match[4])) >>> // a
             0);
     }
-    if ((match = matchers.hex3.exec(color))) {
+    if ((match = (_d = matchers === null || matchers === void 0 ? void 0 : matchers.hex3) === null || _d === void 0 ? void 0 : _d.exec(color))) {
         return (Number.parseInt(match[1] +
             match[1] + // r
             match[2] +
@@ -317,10 +318,10 @@ function normalizeColor(color) {
         16) >>> 0);
     }
     // https://drafts.csswg.org/css-color-4/#hex-notation
-    if ((match = matchers.hex8.exec(color))) {
+    if ((match = (_e = matchers === null || matchers === void 0 ? void 0 : matchers.hex8) === null || _e === void 0 ? void 0 : _e.exec(color))) {
         return Number.parseInt(match[1], 16) >>> 0;
     }
-    if ((match = matchers.hex4.exec(color))) {
+    if ((match = (_f = matchers === null || matchers === void 0 ? void 0 : matchers.hex4) === null || _f === void 0 ? void 0 : _f.exec(color))) {
         return (Number.parseInt(match[1] +
             match[1] + // r
             match[2] +
@@ -331,7 +332,7 @@ function normalizeColor(color) {
             match[4], // a
         16) >>> 0);
     }
-    if ((match = matchers.hsl.exec(color))) {
+    if ((match = (_g = matchers === null || matchers === void 0 ? void 0 : matchers.hsl) === null || _g === void 0 ? void 0 : _g.exec(color))) {
         return ((hslToRgb(parse360(match[1]), // h
         parsePercentage(match[2]), // s
         parsePercentage(match[3]) // l
@@ -339,7 +340,7 @@ function normalizeColor(color) {
             0x000000ff) >>> // a
             0);
     }
-    if ((match = matchers.hsla.exec(color))) {
+    if ((match = (_h = matchers === null || matchers === void 0 ? void 0 : matchers.hsla) === null || _h === void 0 ? void 0 : _h.exec(color))) {
         return ((hslToRgb(parse360(match[1]), // h
         parsePercentage(match[2]), // s
         parsePercentage(match[3]) // l
@@ -551,9 +552,11 @@ const getInterpolateCacheRGBA = (colors) => {
     const g = [];
     const b = [];
     const a = [];
-    for (const color of colors) {
+    for (let i = 0; i < colors.length; ++i) {
+        const color = colors[i];
         const proocessedColor = processColor(color);
-        if (proocessedColor) {
+        // explicit check in case if processedColor is 0
+        if (proocessedColor !== null && proocessedColor !== undefined) {
             r.push(red(proocessedColor));
             g.push(green(proocessedColor));
             b.push(blue(proocessedColor));
@@ -583,7 +586,8 @@ const getInterpolateCacheHSV = (colors) => {
     const h = [];
     const s = [];
     const v = [];
-    for (const color of colors) {
+    for (let i = 0; i < colors.length; ++i) {
+        const color = colors[i];
         const proocessedColor = RGBtoHSV(processColor(color));
         if (proocessedColor) {
             h.push(proocessedColor.h);

package/lib/reanimated2/NativeMethods.js

@@ -1,22 +1,11 @@
-/* global _WORKLET _measure _scrollTo */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
 import { findNodeHandle } from 'react-native';
+import { isChromeDebugger } from './PlatformChecker';
 export function getTag(view) {
     return findNodeHandle(view);
 }
-/**
- * fields that can be accessed:
- *  x
- *  y
- *  width
- *  height
- *  pageX
- *  pageY
- */
 export function measure(animatedRef) {
     'worklet';
-    if (!_WORKLET) {
+    if (!_WORKLET && !isChromeDebugger()) {
         throw new Error('(measure) method cannot be used on RN side!');
     }
     const viewTag = animatedRef();
@@ -28,7 +17,7 @@ export function measure(animatedRef) {
 }
 export function scrollTo(animatedRef, x, y, animated) {
     'worklet';
-    if (!_WORKLET) {
+    if (!_WORKLET && !isChromeDebugger()) {
         return;
     }
     const viewTag = animatedRef();

package/lib/reanimated2/{NativeReanimated.native.js → NativeReanimated/NativeReanimated.js}

@@ -1,39 +1,34 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { Platform } from 'react-native';
 const InnerNativeModule = global.__reanimatedModuleProxy;
-const NativeReanimated = {
-    native: true,
-    useOnlyV1: InnerNativeModule == null,
+export class NativeReanimated {
+    constructor(native = true) {
+        this.native = native;
+        this.useOnlyV1 = InnerNativeModule === null;
+    }
     installCoreFunctions(valueSetter) {
         return InnerNativeModule.installCoreFunctions(valueSetter);
-    },
+    }
     makeShareable(value) {
         return InnerNativeModule.makeShareable(value);
-    },
+    }
     makeMutable(value) {
         return InnerNativeModule.makeMutable(value);
-    },
-    makeRemote(object) {
+    }
+    makeRemote(object = {}) {
         return InnerNativeModule.makeRemote(object);
-    },
-    startMapper(mapper, inputs = [], outputs = [], updater, tag, name) {
-        return InnerNativeModule.startMapper(mapper, inputs, outputs, updater, tag, name);
-    },
+    }
+    startMapper(mapper, inputs = [], outputs = [], updater, viewDescriptors) {
+        return InnerNativeModule.startMapper(mapper, inputs, outputs, updater, viewDescriptors);
+    }
     stopMapper(mapperId) {
         return InnerNativeModule.stopMapper(mapperId);
-    },
+    }
     registerEventHandler(eventHash, eventHandler) {
         return InnerNativeModule.registerEventHandler(eventHash, eventHandler);
-    },
-    unregisterEventHandler(registrationId) {
-        return InnerNativeModule.unregisterEventHandler(registrationId);
-    },
+    }
+    unregisterEventHandler(id) {
+        return InnerNativeModule.unregisterEventHandler(id);
+    }
     getViewProp(viewTag, propName, callback) {
         return InnerNativeModule.getViewProp(viewTag, propName, callback);
-    },
-};
-if (NativeReanimated.useOnlyV1 && Platform.OS === 'android') {
-    console.warn(`If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/installation`);
+    }
 }
-export default NativeReanimated;