react-native-reanimated 3.0.0-rc.9 → 3.0.1

package/mock.js

@@ -8,89 +8,13 @@
  * ```
  */
 
-const React = require('react');
-const {
-  View,
-  Text,
-  Image,
-  Animated,
-  Platform,
-  processColor,
-} = require('react-native');
+const { View, Text, Image, Animated, processColor } = require('react-native');
 const ReanimatedV2 = require('./src/reanimated2/mock');
 
 function NOOP() {
   // noop
 }
 
-function simulateCallbackFactory(...params) {
-  return (callback) => {
-    callback &&
-      setTimeout(() => {
-        // user defined callback
-        // eslint-disable-next-line node/no-callback-literal
-        callback(...params);
-      }, 0);
-  };
-}
-
-class Code extends React.Component {
-  render() {
-    return null;
-  }
-}
-
-const getValue = (node) => {
-  if (typeof node === 'number') {
-    return node;
-  }
-  return (node && node[' __value']) || 0;
-};
-
-class AnimatedValue {
-  constructor(val) {
-    this[' __value'] = val;
-  }
-
-  setValue(val) {
-    this[' __value'] = val;
-  }
-
-  interpolate() {
-    return this;
-  }
-}
-
-function createMockComponent(name) {
-  return class extends React.Component {
-    static displayName = name;
-
-    render() {
-      return this.props.children;
-    }
-  };
-}
-
-function createTransitioningComponent(Component) {
-  return class extends React.Component {
-    static displayName = `Transitioning.${
-      Component.displayName || Component.name || 'Component'
-    }`;
-
-    setNativeProps() {
-      // noop
-    }
-
-    animateNextTransition() {
-      // noop
-    }
-
-    render() {
-      return React.createElement(Component, this.props);
-    }
-  };
-}
-
 const Reanimated = {
   SpringUtils: {
     makeDefaultConfig: NOOP,
@@ -103,29 +27,6 @@ const Reanimated = {
   Image,
   ScrollView: Animated.ScrollView,
   FlatList: Animated.FlatList,
-  Code,
-
-  Clock: NOOP,
-  Node: NOOP,
-  Value: AnimatedValue,
-
-  EasingNode: {
-    linear: NOOP,
-    ease: NOOP,
-    quad: NOOP,
-    cubic: NOOP,
-    poly: () => NOOP,
-    sin: NOOP,
-    circle: NOOP,
-    exp: NOOP,
-    elastic: () => NOOP,
-    back: () => NOOP,
-    bounce: () => NOOP,
-    bezier: () => NOOP,
-    in: () => NOOP,
-    out: () => NOOP,
-    inOut: () => NOOP,
-  },
 
   Extrapolate: {
     EXTEND: 'extend',
@@ -135,105 +36,8 @@ const Reanimated = {
 
   processColor,
 
-  add: (...vals) =>
-    new AnimatedValue(vals.map((v) => getValue(v)).reduce((acc, v) => acc + v)),
-  sub: (...vals) =>
-    new AnimatedValue(vals.map((v) => getValue(v)).reduce((acc, v) => acc - v)),
-  divide: (...vals) =>
-    new AnimatedValue(vals.map((v) => getValue(v)).reduce((acc, v) => acc / v)),
-  multiply: (...vals) =>
-    new AnimatedValue(vals.map((v) => getValue(v)).reduce((acc, v) => acc * v)),
-  pow: (...vals) =>
-    new AnimatedValue(
-      vals.map((v) => getValue(v)).reduce((acc, v) => acc ** v)
-    ),
-  modulo: (a, b) => new AnimatedValue(getValue(a) % getValue(b)),
-  sqrt: (a) => new AnimatedValue(Math.sqrt(getValue(a))),
-  log: (a) => new AnimatedValue(Math.log(getValue(a))),
-  sin: (a) => new AnimatedValue(Math.sin(getValue(a))),
-  cos: (a) => new AnimatedValue(Math.cos(getValue(a))),
-  tan: (a) => new AnimatedValue(Math.tan(getValue(a))),
-  acos: (a) => new AnimatedValue(Math.acos(getValue(a))),
-  asin: (a) => new AnimatedValue(Math.asin(getValue(a))),
-  atan: (a) => new AnimatedValue(Math.atan(getValue(a))),
-  exp: (a) => new AnimatedValue(Math.exp(getValue(a))),
-  round: (a) => new AnimatedValue(Math.round(getValue(a))),
-  floor: (a) => new AnimatedValue(Math.floor(getValue(a))),
-  ceil: (a) => new AnimatedValue(Math.ceil(getValue(a))),
-  lessThan: (a, b) => new AnimatedValue(getValue(a) < getValue(b)),
-  eq: (a, b) => new AnimatedValue(getValue(a) === getValue(b)),
-  greaterThan: (a, b) => new AnimatedValue(getValue(a) > getValue(b)),
-  lessOrEq: (a, b) => new AnimatedValue(getValue(a) <= getValue(b)),
-  greaterOrEq: (a, b) => new AnimatedValue(getValue(a) >= getValue(b)),
-  neq: (a, b) => new AnimatedValue(getValue(a) !== getValue(b)),
-  and: (a, b) => new AnimatedValue(getValue(a) && getValue(b)),
-  or: (a, b) => new AnimatedValue(getValue(a) || getValue(b)),
-  defined: (a) =>
-    new AnimatedValue(getValue(a) !== null && getValue(a) !== undefined),
-  not: (a) => new AnimatedValue(!getValue(a)),
-  set: (a, b) => {
-    a.setValue(getValue(b));
-    return a;
-  },
-  concat: (a, b) => `${a}${b}`,
-  cond: (a, b, c) => {
-    if (getValue(a)) {
-      return b;
-    } else {
-      return c;
-    }
-  },
-  block: (a) => a[a.length - 1],
-  call: (a, b) => b(a.map(getValue)),
-  debug: NOOP,
-  onChange: NOOP,
-  startClock: NOOP,
-  stopClock: NOOP,
-  clockRunning: NOOP,
-  event: NOOP,
-  abs: (a) => Math.abs(getValue(a)),
-  acc: NOOP,
-  color: (r, g, b, a = 1) => {
-    const color =
-      16777216 * Math.round(getValue(a) * 255) +
-      65536 * getValue(r) +
-      256 * getValue(g) +
-      getValue(b);
-    if (Platform.OS === 'android') {
-      // on Android color is represented as signed 32 bit int
-      if (color < (1 << 31) >>> 0) {
-        return new AnimatedValue(color);
-      }
-      return new AnimatedValue(color - 2 ** 32);
-    }
-    return new AnimatedValue(color);
-  },
-  diff: NOOP,
-  diffClamp: NOOP,
   interpolate: NOOP,
-  interpolateNode: NOOP,
   interpolateColor: NOOP,
-  interpolateColors: NOOP,
-  max: (a, b) => Math.max(getValue(a), getValue(b)),
-  min: (a, b) => Math.min(getValue(a), getValue(b)),
-
-  decay: () => ({
-    start: simulateCallbackFactory({ finished: true }),
-    stop: simulateCallbackFactory({ finished: true }),
-  }),
-  timing: () => ({
-    start: simulateCallbackFactory({ finished: true }),
-    stop: simulateCallbackFactory({ finished: true }),
-  }),
-  spring: () => ({
-    start: simulateCallbackFactory({ finished: true }),
-    stop: simulateCallbackFactory({ finished: true }),
-  }),
-
-  proc: (cb) => cb,
-
-  useCode: NOOP,
-  useValue: (a) => new AnimatedValue(a),
   createAnimatedComponent: (Component) => Component,
   addWhitelistedUIProps: NOOP,
   addWhitelistedNativeProps: NOOP,
@@ -248,18 +52,4 @@ module.exports = {
   default: {
     ...Reanimated,
   },
-
-  Transitioning: {
-    View: createTransitioningComponent(View),
-  },
-
-  Transition: {
-    Sequence: createMockComponent('Transition.Sequence'),
-    Together: createMockComponent('Transition.Together'),
-    In: createMockComponent('Transition.In'),
-    Out: createMockComponent('Transition.Out'),
-    Change: createMockComponent('Transition.Change'),
-  },
-
-  createTransitioningComponent,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "3.0.0-rc.9",
+  "version": "3.0.1",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "test": "yarn run format:js && yarn run lint:js && yarn run test:unit",
@@ -54,7 +54,7 @@
     "scripts/reanimated_utils.rb",
     "README.md",
     "mock.js",
-    "plugin.js",
+    "plugin/",
     "!__snapshots__",
     "!*.test.js",
     "!*.test.js.map"
@@ -76,11 +76,11 @@
   "dependencies": {
     "@babel/plugin-transform-object-assign": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
+    "convert-source-map": "^1.7.0",
     "invariant": "^2.2.4",
     "lodash.isequal": "^4.5.0",
     "setimmediate": "^1.0.5",
-    "string-hash-64": "^1.0.3",
-    "convert-source-map": "^1.7.0"
+    "string-hash-64": "^1.0.3"
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0-0",
@@ -89,11 +89,11 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.17.6",
-    "@babel/core": "^7.17.5",
+    "@babel/core": "^7.20.0",
     "@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/eslint-config": "^0.0.5",
+    "@babel/preset-env": "^7.20.0",
+    "@react-native-community/eslint-config": "^3.2.0",
     "@testing-library/jest-native": "^4.0.4",
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/react-native": "^7.1.0",
@@ -103,7 +103,7 @@
     "@types/babel__traverse": "^7.14.2",
     "@types/invariant": "^2.2.35",
     "@types/jest": "^27.4.0",
-    "@types/react-native": "^0.66.0",
+    "@types/react": "^18.0.26",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
     "babel-eslint": "^10.1.0",
@@ -115,6 +115,7 @@
     "eslint-config-standard": "^16.0.3",
     "eslint-import-resolver-babel-module": "^5.3.1",
     "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-standard": "^5.0.0",
@@ -124,9 +125,8 @@
     "madge": "^5.0.1",
     "prettier": "^2.5.1",
     "react": "17.0.2",
-    "react-native": "0.70.5",
+    "react-native": "0.71.3",
     "react-native-builder-bob": "^0.18.3",
-    "react-native-codegen": "^0.0.7",
     "react-native-gesture-handler": "^2.4.2",
     "react-test-renderer": "17.0.2",
     "release-it": "^13.7.2",