react-native-reanimated 2.3.0-beta.2 → 2.3.1

package/lib/ConfigHelper.js

@@ -1,163 +1,146 @@
 import ReanimatedModule from './ReanimatedModule';
-
 /**
  * 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,
+    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,
-  opacity: 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,
+    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,
+    opacity: 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() {
-  ReanimatedModule.configureProps(
-    Object.keys(NATIVE_THREAD_PROPS_WHITELIST),
-    Object.keys(UI_THREAD_PROPS_WHITELIST)
-  );
+    ReanimatedModule.configureProps(Object.keys(NATIVE_THREAD_PROPS_WHITELIST), Object.keys(UI_THREAD_PROPS_WHITELIST));
 }
-
 export function addWhitelistedNativeProps(props) {
-  const oldSize = Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length;
-  NATIVE_THREAD_PROPS_WHITELIST = {
-    ...NATIVE_THREAD_PROPS_WHITELIST,
-    ...props,
-  };
-  if (oldSize !== Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length) {
-    configureProps();
-  }
+    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 = { ...UI_THREAD_PROPS_WHITELIST, ...props };
-  if (oldSize !== Object.keys(UI_THREAD_PROPS_WHITELIST).length) {
-    configureProps();
-  }
+    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);
-  }
+    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

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

package/lib/ReanimatedModule.js

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

package/lib/ReanimatedModule.macos.js

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

package/lib/ReanimatedModule.native.js

@@ -1,13 +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;
+    exportedModule = ReanimatedModuleCompat;
+}
+else {
+    const { ReanimatedModule } = NativeModules;
+    exportedModule = ReanimatedModule;
 }
-
 export default exportedModule;

package/lib/ReanimatedModule.windows.js

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

package/lib/ReanimatedModuleCompat.js

@@ -1,37 +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 {
-  async disconnectNodeFromView() {
-    // noop
-  },
-  async attachEvent(_viewTag, _eventName, _nodeID) {
-    // noop
-  },
-  async detachEvent(_viewTag, _eventName, _nodeID) {
-    // noop
-  },
-  async createNode(_nodeID, _config) {
-    // noop
-  },
-  async dropNode(_nodeID) {
-    // noop
-  },
-  async configureProps() {
-    // noop
-  },
-  async disconnectNodes() {
-    // noop
-  },
-  async addListener() {
-    // noop
-  },
-  async removeListeners() {
-    // noop
-  },
-  async removeAllListeners() {
-    // noop
-  },
-  async animateNextTransition() {
-    console.warn(
-      'Reanimated: animateNextTransition is unimplemented on current platform'
-    );
-  },
+    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');
+        });
+    },
 };