react-native-reanimated 2.16.0 → 2.17.0

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Sat Apr 22 14:38:43 UTC 2023
+gradle.version=7.5.1

package/lib/Animated.js

@@ -0,0 +1,9 @@
+export { default as createAnimatedComponent } from './createAnimatedComponent';
+export { addWhitelistedNativeProps, addWhitelistedUIProps, } from './ConfigHelper';
+export { default as Text } from './reanimated2/component/Text';
+export { default as View } from './reanimated2/component/View';
+export { default as ScrollView } from './reanimated2/component/ScrollView';
+export { default as Image } from './reanimated2/component/Image';
+export { default as FlatList } from './reanimated2/component/FlatList';
+// @ts-ignore backward compatibility with treeshaking
+export * from './reanimated1';

package/lib/ConfigHelper.js

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

package/lib/ReanimatedEventEmitter.js

@@ -0,0 +1,3 @@
+import ReanimatedModule from './ReanimatedModule';
+import { NativeEventEmitter } from 'react-native';
+export default new NativeEventEmitter(ReanimatedModule);

package/lib/ReanimatedModule.js

@@ -0,0 +1,2 @@
+import ReanimatedModuleCompat from './ReanimatedModuleCompat';
+export default ReanimatedModuleCompat;

package/lib/ReanimatedModule.macos.js

@@ -0,0 +1,2 @@
+import ReanimatedModuleCompat from './ReanimatedModuleCompat';
+export default ReanimatedModuleCompat;

package/lib/ReanimatedModule.native.js

@@ -0,0 +1,12 @@
+import { NativeModules } from 'react-native';
+import ReanimatedModuleCompat from './ReanimatedModuleCompat';
+import { nativeShouldBeMock } from './reanimated2/PlatformChecker';
+let exportedModule;
+if (nativeShouldBeMock()) {
+    exportedModule = ReanimatedModuleCompat;
+}
+else {
+    const { ReanimatedModule } = NativeModules;
+    exportedModule = ReanimatedModule;
+}
+export default exportedModule;

package/lib/ReanimatedModule.windows.js

@@ -0,0 +1,2 @@
+import ReanimatedModuleCompat from './ReanimatedModuleCompat';
+export default ReanimatedModuleCompat;

package/lib/ReanimatedModuleCompat.js

@@ -0,0 +1,66 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export default {
+    disconnectNodeFromView() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    attachEvent(_viewTag, _eventName, _nodeID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    detachEvent(_viewTag, _eventName, _nodeID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    createNode(_nodeID, _config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    dropNode(_nodeID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    configureProps(_nativeProps, _uiProps) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    disconnectNodes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    addListener() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    removeListeners() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    removeAllListeners() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // noop
+        });
+    },
+    animateNextTransition() {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.warn('Reanimated: animateNextTransition is unimplemented on current platform');
+        });
+    },
+};

package/lib/__mocks__/ReanimatedEventEmitter.js

@@ -0,0 +1,8 @@
+const NOOP = () => {
+  // noop
+};
+
+export default {
+  addListener: NOOP,
+  removeAllListeners: NOOP,
+};

package/lib/__mocks__/ReanimatedModule.native.js

@@ -0,0 +1,11 @@
+const NOOP = () => {
+  // noop
+};
+
+export default {
+  configureProps: NOOP,
+  connectNodes: NOOP,
+  getValue: () => 0,
+  disconnectNodes: NOOP,
+  createNode: NOOP,
+};