react-native-reanimated 2.8.0 → 3.0.0-rc.0

package/lib/reanimated2/interpolation.js

@@ -1,15 +1,9 @@
-// @ts-ignore JS file
-import interpolateNode from '../reanimated1/derived/interpolate';
 export var Extrapolation;
 (function (Extrapolation) {
     Extrapolation["IDENTITY"] = "identity";
     Extrapolation["CLAMP"] = "clamp";
     Extrapolation["EXTEND"] = "extend";
 })(Extrapolation || (Extrapolation = {}));
-function isNode(x) {
-    'worklet';
-    return x.__nodeId !== undefined;
-}
 function getVal(type, coef, val, leftEdgeOutput, rightEdgeOutput, x) {
     'worklet';
     switch (type) {
@@ -88,15 +82,6 @@ export function interpolate(x, input, output, type) {
         throw Error('Interpolation input and output should contain at least two values.');
     }
     const extrapolationConfig = validateType(type);
-    if (isNode(x)) {
-        console.warn(`interpolate() was renamed to interpolateNode() in Reanimated 2. Please use interpolateNode() instead`);
-        return interpolateNode(x, {
-            inputRange: input,
-            outputRange: output,
-            extrapolateLeft: extrapolationConfig.extrapolateLeft,
-            extrapolateRight: extrapolationConfig.extrapolateRight,
-        });
-    }
     const length = input.length;
     const narrowedInput = {
         leftEdgeInput: input[0],

package/lib/reanimated2/js-reanimated/index.js

@@ -20,6 +20,9 @@ if (shouldBeUseWeb()) {
     global._scrollTo = () => {
         console.warn("[Reanimated] You can't use `scrollTo` with Chrome Debugger or with web version");
     };
+    global._dispatchCommand = () => {
+        console.warn("[Reanimated] You can't use `scrollTo` or `dispatchCommand` methods with Chrome Debugger or with web version");
+    };
     global._setGestureState = () => {
         console.warn("[Reanimated] You can't use `setGestureState` with Chrome Debugger or with web version");
     };

package/lib/types/{lib/reanimated2 → reanimated2}/NativeMethods.d.ts

@@ -10,5 +10,6 @@ export interface MeasuredDimensions {
     pageY: number;
 }
 export declare function measure(animatedRef: RefObjectFunction<Component>): MeasuredDimensions;
-export declare function scrollTo(animatedRef: RefObjectFunction<Component>, x: number, y: number, animated: boolean): void;
+export declare function dispatchCommand(animatedRef: RefObjectFunction<Component>, commandName: string, args: Array<unknown>): void;
+export declare let scrollTo: (animatedRef: RefObjectFunction<Component>, x: number, y: number, animated: boolean) => void;
 export declare function setGestureState(handlerTag: number, newState: number): void;

package/lib/types/{lib/reanimated2 → reanimated2}/commonTypes.d.ts

@@ -1,5 +1,4 @@
 import { PerpectiveTransform, RotateTransform, RotateXTransform, RotateYTransform, RotateZTransform, ScaleTransform, ScaleXTransform, ScaleYTransform, TranslateXTransform, TranslateYTransform, SkewXTransform, SkewYTransform, MatrixTransform, ViewStyle, TextStyle } from 'react-native';
-import { Context } from './hook/commonTypes';
 export declare type TransformProperty = PerpectiveTransform | RotateTransform | RotateXTransform | RotateYTransform | RotateZTransform | ScaleTransform | ScaleXTransform | ScaleYTransform | TranslateXTransform | TranslateYTransform | SkewXTransform | SkewYTransform | MatrixTransform;
 export interface StyleProps extends ViewStyle, TextStyle {
     originX?: number;
@@ -13,6 +12,7 @@ export interface AnimatedStyle extends Record<string, Animation<AnimationObject>
 export interface SharedValue<T> {
     value: T;
 }
+export declare type Context = Record<string, unknown>;
 export interface WorkletFunction {
     _closure?: Context;
     __workletHash?: number;
@@ -77,3 +77,4 @@ export declare type ValueRotation = {
     roll: number;
 };
 export declare type SensorValueRotation = SharedValue<ValueRotation>;
+export declare type ShadowNodeWrapper = object;

package/lib/types/reanimated2/fabricUtils.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ShadowNodeWrapper } from './commonTypes';
+export declare function getShadowNodeWrapperFromHostInstance(hostInstance: unknown): ShadowNodeWrapper;
+export declare function getShadowNodeWrapperFromRef(ref: React.Component): ShadowNodeWrapper;

package/lib/types/{lib/reanimated2 → reanimated2}/hook/commonTypes.d.ts

@@ -1,5 +1,5 @@
+import { Context, ShadowNodeWrapper } from '../commonTypes';
 export declare type DependencyList = Array<unknown> | undefined;
-export declare type Context = Record<string, unknown>;
 export interface ContextWithDependencies<TContext extends Context> {
     context: TContext;
     savedDependencies: DependencyList;
@@ -7,6 +7,7 @@ export interface ContextWithDependencies<TContext extends Context> {
 export interface Descriptor {
     tag: number;
     name: string;
+    shadowNodeWrapper: ShadowNodeWrapper;
 }
 export interface RefObjectFunction<T> {
     current: T | null;

package/lib/types/{lib/reanimated2 → reanimated2}/hook/index.d.ts

@@ -1,4 +1,4 @@
-export { DependencyList, Context } from './commonTypes';
+export { DependencyList } from './commonTypes';
 export { useAnimatedProps, useEvent, useHandler, useWorkletCallback, } from './Hooks';
 export { useSharedValue } from './useSharedValue';
 export { useAnimatedStyle, AnimatedStyleResult } from './useAnimatedStyle';

package/lib/types/{lib/reanimated2 → reanimated2}/hook/useAnimatedGestureHandler.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
-import { WorkletFunction } from '../commonTypes';
+import { Context, WorkletFunction } from '../commonTypes';
 import WorkletEventHandler from '../WorkletEventHandler';
-import { Context, DependencyList } from './commonTypes';
+import { DependencyList } from './commonTypes';
 interface Handler<T, TContext extends Context> extends WorkletFunction {
     (event: T, context: TContext, isCanceledOrFailed?: boolean): void;
 }

package/lib/types/{lib/reanimated2 → reanimated2}/hook/useAnimatedScrollHandler.d.ts

@@ -1,8 +1,8 @@
 import { RefObject } from 'react';
 import { NativeScrollEvent } from 'react-native';
-import { NativeEvent, WorkletFunction } from '../commonTypes';
+import { Context, NativeEvent, WorkletFunction } from '../commonTypes';
 import WorkletEventHandler from '../WorkletEventHandler';
-import { Context, DependencyList } from './commonTypes';
+import { DependencyList } from './commonTypes';
 export interface ScrollHandler<TContext extends Context> extends WorkletFunction {
     (event: NativeScrollEvent, context?: TContext): void;
 }

package/lib/types/{lib/reanimated2 → reanimated2}/hook/utils.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
-import { AnimatedStyle, NativeEvent, NestedObjectValues, StyleProps, WorkletFunction, AnimationObject } from '../commonTypes';
+import { AnimatedStyle, Context, NativeEvent, NestedObjectValues, StyleProps, WorkletFunction, AnimationObject } from '../commonTypes';
 import WorkletEventHandler from '../WorkletEventHandler';
-import { Context, DependencyList } from './commonTypes';
+import { DependencyList } from './commonTypes';
 interface Handler<T, TContext extends Context> extends WorkletFunction {
     (event: T, context: TContext): void;
 }

package/lib/types/{lib/reanimated2 → reanimated2}/interpolateColor.d.ts

@@ -1,4 +1,9 @@
 import { SharedValue } from './commonTypes';
+export declare const Extrapolate: {
+    EXTEND: string;
+    CLAMP: string;
+    IDENTITY: string;
+};
 interface InterpolateRGB {
     r: number[];
     g: number[];

package/lib/types/{lib/reanimated2 → reanimated2}/interpolation.d.ts

@@ -3,12 +3,9 @@ export declare enum Extrapolation {
     CLAMP = "clamp",
     EXTEND = "extend"
 }
-export interface InterpolatedNode {
-    __nodeId: number;
-}
 export interface ExtrapolationConfig {
     extrapolateLeft?: Extrapolation | string;
     extrapolateRight?: Extrapolation | string;
 }
 export declare type ExtrapolationType = ExtrapolationConfig | Extrapolation | string | undefined;
-export declare function interpolate(x: number | InterpolatedNode, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "2.8.0",
+  "version": "3.0.0-rc.0",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
@@ -88,20 +88,22 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.2",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.5",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
     "@babel/preset-env": "^7.16.11",
     "@react-native-community/bob": "^0.17.1",
     "@react-native-community/eslint-config": "^0.0.5",
     "@testing-library/jest-native": "^4.0.4",
-    "@testing-library/react-hooks": "^5.0.3",
+    "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/react-native": "^7.1.0",
     "@types/babel-types": "^7.0.11",
     "@types/babel__core": "^7.1.18",
     "@types/babel__generator": "^7.6.4",
     "@types/babel__traverse": "^7.14.2",
     "@types/jest": "^27.4.0",
-    "@types/react-native": "^0.66.15",
+    "@types/react-native": "^0.66.0",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
     "babel-eslint": "^10.1.0",
@@ -124,7 +126,7 @@
     "react": "17.0.2",
     "react-native": "0.68.0",
     "react-native-codegen": "^0.0.7",
-    "react-native-gesture-handler": "^1.6.1",
+    "react-native-gesture-handler": "^2.4.2",
     "react-test-renderer": "17.0.2",
     "release-it": "^13.7.2",
     "typescript": "^4.1.3"

package/plugin.js

@@ -65,12 +65,15 @@ const globals = new Set([
   'Map',
   'Set',
   '_log',
-  '_updateProps',
+  '_updatePropsPaper',
+  '_updatePropsFabric',
+  '_removeShadowNodeFromRegistry',
   'RegExp',
   'Error',
   'global',
   '_measure',
   '_scrollTo',
+  '_dispatchCommand',
   '_setGestureState',
   '_getCurrentTime',
   '_eventTimestamp',

package/src/Animated.js

@@ -3,7 +3,6 @@ import {
   addWhitelistedNativeProps,
   addWhitelistedUIProps,
 } from './ConfigHelper';
-import * as reanimated1 from './reanimated1';
 import ReanimatedComponents from './reanimated2/component';
 
 const Animated = {
@@ -13,10 +12,7 @@ const Animated = {
   // configuration
   addWhitelistedNativeProps,
   addWhitelistedUIProps,
-  // reanimated 1
-  ...reanimated1,
 };
 
 export * from './reanimated2';
-export * from './reanimated1';
 export default Animated;