chore(deps): add react-dev-utils resolution (#3105)

Author: calebpollman

examples/react-native/storybook/Screen/Screen.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { StyleSheet } from 'react-native';
+
+interface ScreenProps {
+  children: React.ReactNode;
+}
+
+export const Screen = ({ children }: ScreenProps) => (
+  <SafeAreaProvider>
+    <SafeAreaView style={styles.container}>{children}</SafeAreaView>
+  </SafeAreaProvider>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

examples/react-native/storybook/ui/index.ts renamed to examples/react-native/storybook/Screen/index.ts

@@ -7,8 +7,9 @@ import {
 } from '@storybook/react-native';
 import { withKnobs } from '@storybook/addon-knobs';
 import noop from 'lodash/noop';
+
+import { Screen } from './Screen';
 import { loadStories } from './storyLoader';
-import { DefaultContainer } from '@aws-amplify/ui-react-native/src/Authenticator/common';
 
 const STORYBOOK_REQUIRE_CYCLE_PREFIX =
   'Require cycle: node_modules/core-js/internals/microtask.js';
@@ -26,9 +27,9 @@ export function setupStorybook(initStorybook: boolean) {
     // add decorators
     addDecorator(withKnobs);
     addDecorator((Story: any) => (
-      <DefaultContainer>
+      <Screen>
         <Story />
-      </DefaultContainer>
+      </Screen>
     ));
   }
 

examples/react-native/storybook/index.tsx

@@ -2,7 +2,10 @@ import React from 'react';
 import { storiesOf } from '@storybook/react-native';
 import { AuthChallengeName, CodeDeliveryDetails } from '@aws-amplify/ui';
 import { GetTotpSecretCode } from '@aws-amplify/ui-react-core/src/Authenticator/hooks';
-import { InnerContainer } from '@aws-amplify/ui-react-native/src/Authenticator/common';
+import {
+  InnerContainer,
+  DefaultContainer,
+} from '@aws-amplify/ui-react-native/src/Authenticator/common';
 import { Authenticator } from '@aws-amplify/ui-react-native';
 import noop from 'lodash/noop';
 
@@ -155,9 +158,11 @@ const verifyUserProps = {
 
 storiesOf('Authenticator', module)
   .addDecorator((Story: any) => (
-    <InnerContainer>
-      <Story />
-    </InnerContainer>
+    <DefaultContainer>
+      <InnerContainer>
+        <Story />
+      </InnerContainer>
+    </DefaultContainer>
   ))
   .add('ConfirmResetPassword', () => (
     <Authenticator.ConfirmResetPassword {...confirmResetPasswordProps} />

examples/react-native/storybook/stories/Authenticator.stories.tsx

@@ -55,6 +55,9 @@
     ]
   },
   "resolutions": {
+    "**/@angular-devkit/build-angular/terser": "5.14.2",
+    "**/@angular-devkit/build-angular/minimatch": "3.0.5",
+    "**/serve/serve-handler/minimatch": "3.0.5",
     "@types/react": "17.0.47",
     "ansi-regex": "5.0.1",
     "ansi-html": "0.0.8",
@@ -72,11 +75,9 @@
     "nth-check": "^2.0.1",
     "prismjs": "^1.25.0",
     "prism-react-renderer": "1.2.1",
+    "react-dev-utils": "^11.0.4",
     "shell-quote": "1.7.3",
     "trim-newlines": "3.0.1",
-    "**/@angular-devkit/build-angular/terser": "5.14.2",
-    "**/@angular-devkit/build-angular/minimatch": "3.0.5",
-    "**/serve/serve-handler/minimatch": "3.0.5",
     "trim": "^0.0.3",
     "vscode-vue-languageservice": "0.27.26",
     "ws": "^7.4.6"