Merge pull request #56 from react-native-jp/upgrade-202003

Upgrade 202003

Author: januswel

.node-version

@@ -1 +1 @@
-12.15.0
+12.16.1

ios/Podfile.lock

@@ -470,7 +470,9 @@ PODS:
     - React-cxxreact (= 0.61.5)
     - React-jsi (= 0.61.5)
   - React-jsinspector (0.61.5)
-  - react-native-safe-area-context (0.7.2):
+  - react-native-get-random-values (1.3.0):
+    - React
+  - react-native-safe-area-context (0.7.3):
     - React
   - React-RCTActionSheet (0.61.5):
     - React-Core/RCTActionSheetHeaders (= 0.61.5)
@@ -509,35 +511,35 @@ PODS:
     - ReactCommon/jscallinvoker (= 0.61.5)
   - RNCAsyncStorage (1.6.3):
     - React
-  - RNCMaskedView (0.1.6):
+  - RNCMaskedView (0.1.7):
     - React
-  - RNFBAnalytics (6.3.1):
+  - RNFBAnalytics (6.3.4):
     - Firebase/Core (~> 6.13.0)
     - React
     - RNFBApp
-  - RNFBApp (6.3.1):
+  - RNFBApp (6.3.4):
     - Firebase/Core (~> 6.13.0)
     - React
-  - RNFBAuth (6.3.1):
+  - RNFBAuth (6.3.4):
     - Firebase/Auth (~> 6.13.0)
     - Firebase/Core (~> 6.13.0)
     - React
     - RNFBApp
-  - RNFBFirestore (6.3.1):
+  - RNFBFirestore (6.3.4):
     - Firebase/Core (~> 6.13.0)
     - Firebase/Firestore (~> 6.13.0)
     - React
     - RNFBApp
-  - RNGestureHandler (1.5.2):
+  - RNGestureHandler (1.6.0):
     - React
-  - RNGoogleSignin (3.0.4):
+  - RNGoogleSignin (4.0.0):
     - GoogleSignIn (~> 5.0.0)
     - React
-  - RNReanimated (1.4.0):
+  - RNReanimated (1.7.0):
     - React
-  - RNScreens (2.0.0-beta.2):
+  - RNScreens (2.3.0):
     - React
-  - RNSVG (9.13.3):
+  - RNSVG (12.0.3):
     - React
   - RNVectorIcons (6.6.0):
     - React
@@ -560,6 +562,7 @@ DEPENDENCIES:
   - React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
   - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
+  - react-native-get-random-values (from `../node_modules/react-native-get-random-values`)
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
   - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
@@ -642,6 +645,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/jsiexecutor"
   React-jsinspector:
     :path: "../node_modules/react-native/ReactCommon/jsinspector"
+  react-native-get-random-values:
+    :path: "../node_modules/react-native-get-random-values"
   react-native-safe-area-context:
     :path: "../node_modules/react-native-safe-area-context"
   React-RCTActionSheet:
@@ -730,7 +735,8 @@ SPEC CHECKSUMS:
   React-jsi: cb2cd74d7ccf4cffb071a46833613edc79cdf8f7
   React-jsiexecutor: d5525f9ed5f782fdbacb64b9b01a43a9323d2386
   React-jsinspector: fa0ecc501688c3c4c34f28834a76302233e29dc0
-  react-native-safe-area-context: 4b3d1b9ebb040a4814a222703e7434b20c95fcf5
+  react-native-get-random-values: 6f638190cfaa202576b43ea9534d5cf88181f139
+  react-native-safe-area-context: e200d4433aba6b7e60b52da5f37af11f7a0b0392
   React-RCTActionSheet: 600b4d10e3aea0913b5a92256d2719c0cdd26d76
   React-RCTAnimation: 791a87558389c80908ed06cc5dfc5e7920dfa360
   React-RCTBlob: d89293cc0236d9cb0933d85e430b0bbe81ad1d72
@@ -742,16 +748,16 @@ SPEC CHECKSUMS:
   React-RCTVibration: a49a1f42bf8f5acf1c3e297097517c6b3af377ad
   ReactCommon: 198c7c8d3591f975e5431bec1b0b3b581aa1c5dd
   RNCAsyncStorage: 3c304d1adfaea02ec732ac218801cb13897aa8c0
-  RNCMaskedView: a88953beefbd347a29072d9eba90e42945fe291e
-  RNFBAnalytics: 48a97c6e4bd8a9ad173990e95ef1311c486630d8
-  RNFBApp: 279ec5c4bb43b8fc7b8031eed90ad7d2bea7a048
-  RNFBAuth: b631f0e98cebd098ddf8f6b7facda2a5ba1a6bef
-  RNFBFirestore: 1b5be285c76247a8c78aa85b53202647db7541fa
-  RNGestureHandler: 946a7691e41df61e2c4b1884deab41a4cdc3afff
-  RNGoogleSignin: a00f87261ea13df9a5cea8deafa6927d6f2c3562
-  RNReanimated: b2ab0b693dddd2339bd2f300e770f6302d2e960c
-  RNScreens: 5e4758109c6d35f9a009ce72af873df907548020
-  RNSVG: f6177f8d7c095fada7cfee2e4bb7388ba426064c
+  RNCMaskedView: 76c40a1d41c3e2535df09246a2b5487f04de0814
+  RNFBAnalytics: b8bad44e6653af73219b1a7af24bf3452cb02c1b
+  RNFBApp: 7d4006751de8bb5cafa2e8d2e7d94ee250df81db
+  RNFBAuth: ed8b865db45f7ded9dbf535e390cba2ba672aede
+  RNFBFirestore: 04c1eb90463c208ee072988d463c74bec09d08c1
+  RNGestureHandler: dde546180bf24af0b5f737c8ad04b6f3fa51609a
+  RNGoogleSignin: 068788c1e83e5e05ef0bad090ba67fd8f963a2a3
+  RNReanimated: 031fe8d9ea93c2bd689a40f05320ef9d96f74d7f
+  RNScreens: 03bf608b92ac0acf323f47d8f5b63a8f829340c8
+  RNSVG: 7e16ddfc6e00d5aa69c9eb83e699bcce5dcb85d4
   RNVectorIcons: 0bb4def82230be1333ddaeee9fcba45f0b288ed4
   Yoga: f2a7cd4280bfe2cca5a7aed98ba0eb3d1310f18b
 

package.json

@@ -17,70 +17,71 @@
   "dependencies": {
     "@januswel/object-utilities": "1.0.1",
     "@react-native-community/async-storage": "https://github.com/januswel/async-storage.git#add-typings-of-mock",
-    "@react-native-community/google-signin": "3.0.4",
-    "@react-native-community/masked-view": "0.1.6",
-    "@react-native-firebase/analytics": "6.3.1",
-    "@react-native-firebase/app": "6.3.1",
-    "@react-native-firebase/auth": "6.3.1",
-    "@react-native-firebase/firestore": "6.3.`",
-    "@react-navigation/bottom-tabs": "^5.0.0",
-    "@react-navigation/drawer": "5.0.0",
-    "@react-navigation/native": "5.0.0",
-    "@react-navigation/routers": "5.0.0",
-    "@react-navigation/stack": "5.0.0",
+    "@react-native-community/google-signin": "4.0.0",
+    "@react-native-community/masked-view": "0.1.7",
+    "@react-native-firebase/analytics": "6.3.4",
+    "@react-native-firebase/app": "6.3.4",
+    "@react-native-firebase/auth": "6.3.4",
+    "@react-native-firebase/firestore": "6.3.4",
+    "@react-navigation/bottom-tabs": "5.2.1",
+    "@react-navigation/drawer": "5.3.1",
+    "@react-navigation/native": "5.1.0",
+    "@react-navigation/routers": "5.1.1",
+    "@react-navigation/stack": "5.2.1",
     "@react-navigation/tabs": "0.0.0-alpha.12",
-    "@types/react-native-svg-charts": "^5.0.3",
-    "color": "^3.1.2",
+    "@types/react-native-svg-charts": "5.0.3",
+    "color": "3.1.2",
     "react": "16.9.0",
     "react-native": "0.61.5",
-    "react-native-gesture-handler": "1.5.2",
-    "react-native-paper": "3.3.0",
-    "react-native-reanimated": "1.4.0",
-    "react-native-safe-area-context": "0.7.2",
+    "react-native-gesture-handler": "1.6.0",
+    "react-native-get-random-values": "1.3.0",
+    "react-native-paper": "3.6.0",
+    "react-native-reanimated": "1.7.0",
+    "react-native-safe-area-context": "0.7.3",
     "react-native-safe-area-view": "1.0.0",
-    "react-native-screens": "2.0.0-beta.2",
+    "react-native-screens": "2.3.0",
     "react-native-snap-carousel": "3.8.4",
-    "react-native-svg": "9.13.3",
+    "react-native-svg": "12.0.3",
     "react-native-svg-charts": "5.3.0",
-    "react-native-swipe-list-view": "2.0.6",
+    "react-native-swipe-list-view": "2.4.0",
     "react-native-vector-icons": "6.6.0",
-    "react-redux": "7.1.3",
+    "react-redux": "7.2.0",
     "redux": "4.0.5",
     "redux-thunk": "2.3.0",
     "reselect": "4.0.0",
-    "uuid": "3.4.0"
+    "uuid": "7.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.8.4",
-    "@babel/runtime": "7.8.4",
+    "@babel/core": "7.8.7",
+    "@babel/runtime": "7.8.7",
     "@react-native-community/eslint-config": "0.0.7",
-    "@types/color": "^3.0.1",
-    "@types/jest": "25.1.2",
-    "@types/react": "16.9.15",
-    "@types/react-native": "0.61.12",
-    "@types/react-native-snap-carousel": "3.7.4",
+    "@types/color": "3.0.1",
+    "@types/jest": "25.1.4",
+    "@types/react": "16.9.23",
+    "@types/react-native": "0.61.23",
+    "@types/react-native-snap-carousel": "3.8.0",
     "@types/react-native-vector-icons": "6.4.5",
     "@types/react-navigation": "3.4.0",
     "@types/react-redux": "7.1.7",
     "@types/react-test-renderer": "16.9.2",
     "@types/redux-mock-store": "1.0.2",
-    "@types/uuid": "3.4.7",
-    "@typescript-eslint/eslint-plugin": "2.19.0",
-    "@typescript-eslint/parser": "2.19.0",
+    "@types/uuid": "7.0.2",
+    "@typescript-eslint/eslint-plugin": "2.24.0",
+    "@typescript-eslint/parser": "2.24.0",
     "babel-jest": "25.1.0",
     "detox": "15.1.4",
     "eslint": "6.8.0",
     "eslint-config-prettier": "6.10.0",
-    "eslint-plugin-jest": "23.7.0",
+    "eslint-plugin-jest": "23.8.2",
     "eslint-plugin-prettier": "3.1.2",
-    "eslint-plugin-react": "7.18.3",
+    "eslint-plugin-react": "7.19.0",
     "jest": "25.1.0",
     "js-yaml": "3.13.1",
     "metro-react-native-babel-preset": "0.58.0",
     "prettier": "1.19.1",
-    "react-test-renderer": "16.12.0",
+    "react-test-renderer": "16.13.0",
     "redux-mock-store": "1.5.4",
-    "typescript": "3.7.5"
+    "typescript": "3.8.3"
   },
   "jest": {
     "preset": "react-native"

src/components/atoms/Pagination.tsx

@@ -31,6 +31,10 @@ export default function Pagination(props: Props) {
       dotStyle={styles.dot}
       inactiveDotOpacity={0.4}
       inactiveDotScale={0.6}
+      animatedDuration={250}
+      animatedFriction={4}
+      animatedTension={50}
+      delayPressInDot={0}
     />
   )
 }

src/domain/models/todo.ts

@@ -1,4 +1,5 @@
-import generateUuid from 'uuid/v4'
+import 'react-native-get-random-values'
+import { v4 as generateUuid } from 'uuid'
 
 import { assertIsDefined } from '../../lib/assert'
 

src/routes/Main/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
-import { createDrawerNavigator } from '@react-navigation/drawer'
+import { createDrawerNavigator, DrawerContentComponentProps } from '@react-navigation/drawer'
 import {
   CHOOSE_LOGIN,
   HOME,
@@ -37,7 +37,7 @@ function HomeWithDrawer() {
       drawerStyle={drawerStyle}
       drawerContentOptions={drawerContentOptions}
       initialRouteName={HOME}
-      drawerContent={props => <DrawerComponent {...props} />}
+      drawerContent={(props: DrawerContentComponentProps) => <DrawerComponent {...props} />}
     >
       <Drawer.Screen name={HOME} component={Home} />
       <Drawer.Screen name={USER_INFO} component={UserInfo} />
@@ -50,7 +50,7 @@ function StatisticsWithDrawer() {
       drawerStyle={drawerStyle}
       drawerContentOptions={drawerContentOptions}
       initialRouteName={STATISTICS}
-      drawerContent={props => <DrawerComponent {...props} />}
+      drawerContent={(props: DrawerContentComponentProps) => <DrawerComponent {...props} />}
     >
       <Drawer.Screen name={STATISTICS} component={Statistics} />
       <Drawer.Screen name={USER_INFO} component={UserInfo} />