@brightlayer-ui/react-native-template-authentication-typescript 3.0.0-alpha.0 → 3.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brightlayer-ui/react-native-template-authentication-typescript",
-    "version": "3.0.0-alpha.0",
+    "version": "3.0.0-alpha.1",
     "author": "brightlayer-ui <brightlayer-ui@eaton.com>",
     "keywords": [
         "react native",

package/template/Gemfile.lock

@@ -76,8 +76,10 @@ GEM
     netrc (0.11.0)
     nkf (0.2.0)
     public_suffix (4.0.7)
-    rexml (3.2.6)
+    rexml (3.2.8)
+      strscan (>= 3.0.9)
     ruby-macho (2.5.1)
+    strscan (3.1.0)
     typhoeus (1.4.1)
       ethon (>= 0.9.0)
     tzinfo (2.0.6)

package/template/_gitignore

@@ -0,0 +1,74 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# 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/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

package/template/jest.config.js

@@ -1,3 +1,12 @@
 module.exports = {
     preset: 'react-native',
+    transformIgnorePatterns: [
+        'node_modules/(?!(|react-native|@react-native/*|@brightlayer-ui/react-native-components|react-native-select-dropdown|react-native-vector-icons|react-native-reanimated|react-native-animatable|react-native-iphone-x-helper|react-native-modal|react-native-safe-area-context|react-native-keyboard-aware-scroll-view|react-native-collapsible|@react-native/polyfills|react-native-status-bar-height|react-native-webview|react-native-webview/*)/)',
+    ],
+    setupFiles: ['./jestSetupFile.js', './node_modules/react-native-gesture-handler/jestSetup.js'],
+    moduleNameMapper: {
+        '\\.svg': '<rootDir>/__mocks__/svgMock.js',
+        '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+        '\\.(css|less)$': 'identity-obj-proxy',
+    },
 };

package/template/jestSetupFile.js

@@ -0,0 +1,38 @@
+import 'react-native-gesture-handler/jestSetup';
+
+jest.useFakeTimers();
+
+// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
+jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+
+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';
+jest.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key }),
+    ...jest.requireActual('react-i18next'),
+}));
+jest.mock('@react-native-async-storage/async-storage', () =>
+    require('@react-native-async-storage/async-storage/jest/async-storage-mock')
+);
+jest.mock('react-native-reanimated', () => require('react-native-reanimated/mock'));
+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);
+jest.mock('react-native-webview', () => {
+    const { View } = require('react-native');
+    return {
+        WebView: View,
+    };
+});
+jest.mock('react-native', () => {
+    const RN = jest.requireActual('react-native');
+
+    RN.NativeModules.SettingsManager = {
+        settings: {
+            AppleLocale: 'en-US',
+            AppleLanguages: ['fr-FR', 'en-US'],
+        },
+    };
+    return RN;
+});
+jest.mock('react-native-keyboard-aware-scroll-view', () => {
+    const KeyboardAwareScrollView = ({ children }) => children;
+    return { KeyboardAwareScrollView };
+});

package/template/package.json

@@ -12,7 +12,7 @@
         "test": "jest"
     },
     "dependencies": {
-        "@brightlayer-ui/react-native-auth-workflow": "6.0.0-alpha.2",
+        "@brightlayer-ui/react-native-auth-workflow": "^6.0.0",
         "@brightlayer-ui/react-native-components": "^8.0.2",
         "@brightlayer-ui/react-native-themes": "^7.0.0",
         "@brightlayer-ui/react-native-vector-icons": "^2.2.0",
@@ -58,6 +58,7 @@
         "eslint-plugin-react-hooks": "^4.6.2",
         "globals": "^15.1.0",
         "jest": "^29.6.3",
+        "jest-transform-stub": "^2.0.0",
         "prettier": "2.8.8",
         "react-test-renderer": "18.2.0",
         "typescript": "5.0.4",

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

@@ -1,4 +1,4 @@
-import { Drawer, DrawerBody, DrawerHeader, DrawerNavGroup, NavItem } from '@brightlayer-ui/react-native-components';
+import { Drawer, DrawerBody, DrawerHeader, DrawerNavGroup } from '@brightlayer-ui/react-native-components';
 import React, { useState, useCallback, useEffect } from 'react';
 import { RootStackParamList } from './index';
 import { DrawerActions } from '@react-navigation/native';
@@ -14,9 +14,11 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
     const [selected, setSelected] = useState('Home');
     const { t } = useTranslation();
     const navigationState = navigation.getState();
+
     const Homepage: IconFamily = { family: 'material', name: 'home', direction: 'ltr' };
     const Dashboard: IconFamily = { family: 'material', name: 'dashboard', direction: 'ltr' };
     const Notifications: IconFamily = { family: 'material', name: 'notifications', direction: 'ltr' };
+
     const selectItem = useCallback(
         (id: any) => {
             navigation.navigate(id);
@@ -25,23 +27,26 @@ export const NavigationDrawer: React.FC<NavDrawerProps> = ({ navigation }) => {
         [navigation]
     );
 
-    const navGroupItems: NavItem[] = [
-        {
-            title: `${t('TOOLBAR_MENU.HOME_PAGE')}`,
-            itemID: 'Homepage',
-            icon: Homepage,
-        },
-        {
-            title: `${t('DRAWER_MENU.DASHBOARD')}`,
-            itemID: 'Dashboard',
-            icon: Dashboard,
-        },
-        {
-            title: `${t('DRAWER_MENU.LOCATIONS')}`,
-            itemID: 'Locations',
-            icon: Notifications,
-        },
-    ];
+    const navGroupItems = React.useMemo(
+        () => [
+            {
+                title: `${t('TOOLBAR_MENU.HOME_PAGE')}`,
+                itemID: 'Homepage',
+                icon: Homepage,
+            },
+            {
+                title: `${t('DRAWER_MENU.DASHBOARD')}`,
+                itemID: 'Dashboard',
+                icon: Dashboard,
+            },
+            {
+                title: `${t('DRAWER_MENU.LOCATIONS')}`,
+                itemID: 'Locations',
+                icon: Notifications,
+            },
+        ], // eslint-disable-next-line react-hooks/exhaustive-deps
+        []
+    );
 
     useEffect(() => {
         const id = navGroupItems[navigationState.index]?.itemID;

package/template/yarn.lock

@@ -1191,10 +1191,10 @@
   resolved "https://registry.yarnpkg.com/@brightlayer-ui/prettier-config/-/prettier-config-1.0.3.tgz#e40a7ae7435c6fd5118acbf249080e0aa81e93af"
   integrity sha512-EYm3+V7Qd+oYEF+8FadsXAZqXryEHHbGnrV1BMp9selhABjceqUqXPVE4Sn3SKWQdBNJ3En2A3EzgrzRbvRTaw==
 
-"@brightlayer-ui/react-native-auth-workflow@6.0.0-alpha.2":
-  version "6.0.0-alpha.2"
-  resolved "https://registry.yarnpkg.com/@brightlayer-ui/react-native-auth-workflow/-/react-native-auth-workflow-6.0.0-alpha.2.tgz#c7dbad553f784a803a1221d981a5f25a1b787650"
-  integrity sha512-adcGDW+9Z+ST01gPy36U6DXfJEp4RXKV/ldrdkMuMBZghqgWwYc0woMuwVtJY2daaG91VsT8hWftNRiehdDiuw==
+"@brightlayer-ui/react-native-auth-workflow@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@brightlayer-ui/react-native-auth-workflow/-/react-native-auth-workflow-6.0.0.tgz#c47908851deefb12024dd40549fb1d0874d941ef"
+  integrity sha512-bS00LNOQytAxVFuSMnx5dLynhVbtwLCaBOqKC0K6AHfSkzhwqv8/J9+cNmJKoZTxBgJlTNYo452obMgC/YAMzQ==
   dependencies:
     color "^4.2.3"
     lodash.clonedeep "^4.5.0"
@@ -4867,6 +4867,11 @@ jest-snapshot@^29.7.0:
     pretty-format "^29.7.0"
     semver "^7.5.3"
 
+jest-transform-stub@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/jest-transform-stub/-/jest-transform-stub-2.0.0.tgz#19018b0851f7568972147a5d60074b55f0225a7d"
+  integrity sha512-lspHaCRx/mBbnm3h4uMMS3R5aZzMwyNpNIJLXj4cEsV0mIUtS4IjYJLSoyjRCtnxb6RIGJ4NL2quZzfIeNhbkg==
+
 jest-util@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"