chore(deps): upgrade expo sdk to 50 (#533)

https://expo.dev/changelog/2024/01-18-sdk-50

app.config.ts

@@ -1,5 +1,6 @@
 export default {
   expo: {
+    plugins: [['expo-font', {fonts: ['main/uis/Icon/*']}]],
     name: 'dooboo-ui',
     slug: 'dooboo-ui',
     privacy: 'public',
@@ -9,12 +10,13 @@ export default {
     userInterfaceStyle: 'automatic',
     assetBundlePatterns: ['**/*'],
     splash: {
+      resizeMode: 'cover',
       image: './assets/splash.png',
-      resizeMode: 'contain',
       backgroundColor: '#ffffff',
     },
     web: {
       favicon: './assets/icon.png',
+      bundler: 'metro',
     },
   },
 };

package.json

@@ -35,35 +35,35 @@
     "@emotion/native": "11.11.0",
     "@emotion/react": "11.11.1",
     "@expo/match-media": "^0.4.0",
-    "@expo/webpack-config": "^19.0.0",
-    "@react-native-async-storage/async-storage": "1.18.2",
-    "expo": "^49.0.21",
-    "expo-font": "*",
-    "expo-linear-gradient": "~12.3.0",
-    "expo-screen-orientation": "~6.0.6",
+    "@expo/metro-runtime": "^3.1.2",
+    "@react-native-async-storage/async-storage": "1.21.0",
+    "expo": "~50.0.5",
+    "expo-font": "~11.10.2",
+    "expo-linear-gradient": "~12.7.1",
+    "expo-screen-orientation": "~6.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.72.6",
-    "react-native-gesture-handler": "~2.12.0",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-svg": "13.9.0",
+    "react-native": "0.73.2",
+    "react-native-gesture-handler": "~2.14.0",
+    "react-native-reanimated": "~3.6.2",
+    "react-native-safe-area-context": "4.8.2",
+    "react-native-svg": "14.1.0",
     "react-native-vector-icons": "^10.0.3",
     "react-native-web": "~0.19.10",
     "react-native-web-hooks": "^3.0.2",
     "react-useinterval": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.7",
+    "@babel/core": "^7.23.9",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
-    "@commitlint/cli": "^18.4.4",
-    "@commitlint/config-conventional": "^18.4.4",
+    "@commitlint/cli": "^18.6.0",
+    "@commitlint/config-conventional": "^18.6.0",
     "@dooboo/eslint-config-react-native": "^1.4.2",
     "@jest/types": "^29.6.3",
-    "@react-native-community/datetimepicker": "^7.6.2",
-    "@react-native-community/slider": "^4.5.0",
+    "@react-native-community/datetimepicker": "7.6.1",
+    "@react-native-community/slider": "4.4.2",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-knobs": "^6.4.0",
     "@storybook/addon-ondevice-actions": "^6.5.3",
@@ -73,15 +73,15 @@
     "@storybook/react": "^6.5.16",
     "@storybook/react-native": "6.5.6",
     "@storybook/react-native-server": "6.5.6",
-    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/jest-dom": "^6.4.1",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^12.4.3",
     "@types/jest": "^29.5.11",
     "@types/jest-plugin-context": "^2.9.7",
-    "@types/node": "^20.11.4",
-    "@types/react": "~18.2.48",
-    "@types/react-dom": "~18.2.18",
+    "@types/node": "^20.11.15",
+    "@types/react": "~18.2.51",
+    "@types/react-dom": "~18.0.10",
     "@types/react-responsive": "^8.0.8",
     "@types/react-test-renderer": "^18.0.7",
     "babel-loader": "^9.1.3",
@@ -92,20 +92,17 @@
     "eslint-plugin-storybook": "^0.6.15",
     "gh-pages": "^6.1.1",
     "givens": "^1.3.9",
-    "husky": "^9.0.0",
+    "husky": "^9.0.9",
     "intl": "^1.2.5",
     "jest": "^29.7.0",
     "jest-expo": "^49.0.0",
     "jest-plugin-context": "^2.9.0",
     "lerna": "^8.0.2",
-    "prettier": "^3.2.2",
+    "prettier": "^3.2.4",
     "react-test-renderer": "^18.2.0",
-    "ts-jest": "^29.1.1",
+    "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
-    "typescript": "5.2.2"
-  },
-  "resolutions": {
-    "expo-font": "~11.4.0"
+    "typescript": "5.3.3"
   },
   "workspaces": {
     "packages": [

test/setupTest.ts

@@ -2,9 +2,16 @@ import '@testing-library/jest-native/extend-expect';
 import 'jest-plugin-context/setup';
 import 'givens/setup';
 
-jest.mock('expo-font');
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
 
+jest.mock('expo-font', () => {
+  return {
+    loadAsync: jest.fn().mockResolvedValue(true),
+    isLoaded: jest.fn().mockReturnValue(true),
+    useFonts: () => [],
+  };
+});
+
 process.on('unhandledRejection', (err) => {
   // eslint-disable-next-line jest/no-jasmine-globals
   fail(err);