@brightlayer-ui/react-native-template-routing-typescript 2.1.0 → 2.2.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v2.2.0 (Unreleased)
+
+### Changed
+
+-   Update dependency package list to support latest `@react-native-reanimated` package.
+
 ## v2.1.0 (November 1, 2022)
 
 ### Changed

package/dependencies.json

@@ -10,14 +10,14 @@
         "react-native-vector-icons@^9.2.0",
         "react-native-svg@^12.1.0",
         "react-native-svg-transformer@^0.14.3",
-        "react-native-safe-area-context@^3.2.0",
+        "react-native-safe-area-context@^4.7.4",
         "@react-native-community/masked-view@^0.1.10",
-        "@react-navigation/drawer@^5.12.3",
-        "@react-navigation/native@^5.9.3",
+        "@react-navigation/drawer@^6.6.6",
+        "@react-navigation/native@^6.1.9",
         "@react-navigation/stack@^5.14.3",
-        "react-native-gesture-handler@^1.10.3",
-        "react-native-reanimated@^2.0.0",
-        "react-native-screens@^3.0.0"
+        "react-native-gesture-handler@^2.13.4",
+        "react-native-reanimated@^3.5.4",
+        "react-native-screens@^3.27.0"
     ],
     "devDependencies": ["@types/react-native-vector-icons", "jest-transform-stub"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brightlayer-ui/react-native-template-routing-typescript",
-    "version": "2.1.0",
+    "version": "2.2.0-alpha.0",
     "author": "brightlayer-ui <brightlayer-ui@eaton.com>",
     "keywords": [
         "react native",
@@ -11,7 +11,7 @@
     "description": "A template with pre-configured routing for React Native projects created with the Brightlayer UI CLI.",
     "repository": {
         "type": "git",
-        "url": "https://github.com/brightlayer-ui/react-native-cli-templates.git"
+        "url": "https://github.com/etn-ccis/blui-react-native-cli-templates.git"
     },
     "scripts": {
         "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
@@ -22,6 +22,6 @@
         "node": ">=10"
     },
     "bugs": {
-        "url": "https://github.com/brightlayer-ui/react-native-cli-templates/issues"
+        "url": "https://github.com/etn-ccis/blui-react-native-cli-templates/issues"
     }
 }

package/template/App.tsx

@@ -5,6 +5,7 @@
 
  This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
  **/
+import 'react-native-gesture-handler';
 import React from 'react';
 import { Provider as ThemeProvider } from 'react-native-paper';
 import { SafeAreaProvider } from 'react-native-safe-area-context';

package/template/src/navigation/index.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import { View } from 'react-native';
-import { NavDrawerProps, NavigationDrawer } from './navigation-drawer';
+import { NavigationDrawer } from './navigation-drawer';
 import { createStackNavigator } from '@react-navigation/stack';
 import Home from '../screens/home';
 import PageOne from '../screens/pageOne';
@@ -29,8 +29,10 @@ export const MainRouter = (): any => (
     <NavigationContainer>
         <Drawer.Navigator
             initialRouteName="Home"
-            drawerStyle={{ backgroundColor: 'transparent', width: 300, maxWidth: '80%' }}
-            drawerContent={(props: NavDrawerProps): ReactNode => <CustomDrawerContent {...props} />}
+            screenOptions={{
+                headerShown: false,
+            }}
+            drawerContent={(props: any): ReactNode => <CustomDrawerContent {...props} />}
         >
             <RootStack.Screen name="Home" component={Home} />
             <RootStack.Screen name="PageOne" component={PageOne} />

package/template/src/navigation/navigation-drawer.tsx

@@ -3,6 +3,7 @@ import React, { useState, useCallback } from 'react';
 import * as Colors from '@brightlayer-ui/colors';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { RootStackParamList } from './index';
+import { DrawerActions } from '@react-navigation/native';
 
 export const navGroupItems: NavItem[] = [
     {
@@ -29,7 +30,7 @@ export type NavDrawerProps = {
 export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
     const [selected, setSelected] = useState('Home');
     const selectItem = useCallback(
-        (id) => {
+        (id: any) => {
             navigation.navigate(id);
             setSelected(id);
         },
@@ -44,7 +45,7 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
                 fontColor={Colors.white[50]}
                 icon={{ name: 'menu' }}
                 onIconPress={(): void => {
-                    navigation.closeDrawer();
+                    navigation.dispatch(DrawerActions.closeDrawer());
                 }}
             />
             <DrawerBody>

package/template/src/screens/home.tsx

@@ -142,10 +142,10 @@ const Home: React.FC<AppProps> = ({ navigation }): JSX.Element => {
                         title={'React Native Component Library'}
                         url={'https://brightlayer-ui-components.github.io/react-native/'}
                     />
-                    <OpenURLButton title={'Visit Us on GitHub'} url={'https://github.com/brightlayer-ui'} />
+                    <OpenURLButton title={'Visit Us on GitHub'} url={'https://github.com/etn-ccis?q=blui'} />
                     <OpenURLButton
                         title={'Design Pattern Source on GitHub'}
-                        url={'https://github.com/brightlayer-ui/react-native-design-patterns'}
+                        url={'https://github.com/etn-ccis/blui-react-native-design-patterns'}
                     />
                     <OpenURLButton title={'Release Roadmap'} url={'https://brightlayer-ui.github.io/roadmap'} />
                     <OpenURLButton