Bump dependencies and examples to React Native 0.72 (#405)

Author: oblador

.eslintrc

@@ -0,0 +1,17 @@
+module.exports = {
+  extends: ['airbnb', 'prettier'],
+  plugins: ['prettier'],
+  parser: '@babel/eslint-parser',
+  rules: {
+    'react/sort-comp': [0],
+    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
+    'react/static-property-placement': [0],
+    'react/destructuring-assignment': [0],
+    'react/jsx-props-no-spreading': [0],
+    'import/no-extraneous-dependencies': [0],
+    'import/no-unresolved': [2, { ignore: ['^react(-native)?$'] }],
+    'import/extensions': [2, { js: 'never', json: 'always' }],
+    'prefer-object-spread': [0],
+    'default-param-last': [0],
+  },
+};

.eslintrc.js

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

Examples/AnimatableExplorer/.buckconfig

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: '@react-native',
 };

Examples/AnimatableExplorer/.bundle/config

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -28,32 +29,38 @@ build/
 .gradle
 local.properties
 *.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
 # screenshots whenever they are needed.
 # For more information about the recommended setup visit:
 # https://docs.fastlane.tools/best-practices/source-control/
 
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

Examples/AnimatableExplorer/.eslintrc.js

@@ -1,5 +1,7 @@
 module.exports = {
-  jsxBracketSameLine: true,
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
   singleQuote: true,
   trailingComma: 'all',
 };

Examples/AnimatableExplorer/.flowconfig

@@ -1 +1 @@
-{}
+{}

Examples/AnimatableExplorer/.gitattributes

@@ -0,0 +1,48 @@
+import React, {memo, useCallback, useRef} from 'react';
+import {StyleSheet, Text, TouchableWithoutFeedback} from 'react-native';
+import {Animation, View} from 'react-native-animatable';
+
+const styles = StyleSheet.create({
+  cell: {
+    padding: 16,
+    marginBottom: 10,
+    marginHorizontal: 10,
+  },
+  name: {
+    color: 'white',
+    fontSize: 16,
+    textAlign: 'center',
+  },
+});
+
+interface AnimationCellProps {
+  animationType: Animation;
+  color: string;
+  onPress: (view: View, animationType: Animation) => void;
+  useNativeDriver: boolean;
+}
+
+export default memo(function AnimationCell({
+  useNativeDriver,
+  color,
+  onPress,
+  animationType,
+}: AnimationCellProps) {
+  const ref = useRef<View>(null);
+  const handlePress = useCallback(() => {
+    if (ref.current && onPress) {
+      onPress(ref.current, animationType);
+    }
+  }, [ref, onPress, animationType]);
+
+  return (
+    <TouchableWithoutFeedback onPress={handlePress}>
+      <View
+        ref={ref}
+        style={[{backgroundColor: color}, styles.cell]}
+        useNativeDriver={useNativeDriver}>
+        <Text style={styles.name}>{animationType}</Text>
+      </View>
+    </TouchableWithoutFeedback>
+  );
+});