@aws-amplify/ui-react-native 1.2.15 → 1.2.17

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @aws-amplify/ui-react-native
 
+## 1.2.17
+
+### Patch Changes
+
+- Updated dependencies [[`62425139f`](https://github.com/aws-amplify/amplify-ui/commit/62425139fb5e41a3b36b46aac1d31b965a2739fc)]:
+  - @aws-amplify/ui@5.6.3
+  - @aws-amplify/ui-react-core@2.1.22
+
+## 1.2.16
+
+### Patch Changes
+
+- [#3806](https://github.com/aws-amplify/amplify-ui/pull/3806) [`998a8c74f`](https://github.com/aws-amplify/amplify-ui/commit/998a8c74ff42c250d0d028efb20afa2d54528c86) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(ui): add event callbacks to defaultAuthHubHandler
+
+- Updated dependencies [[`998a8c74f`](https://github.com/aws-amplify/amplify-ui/commit/998a8c74ff42c250d0d028efb20afa2d54528c86), [`82f3968b7`](https://github.com/aws-amplify/amplify-ui/commit/82f3968b7f750f069bda4ad7bfa9c34d7ee6091f)]:
+  - @aws-amplify/ui-react-core@2.1.21
+  - @aws-amplify/ui@5.6.2
+
 ## 1.2.15
 
 ### Patch Changes

package/README.md

@@ -7,7 +7,7 @@ Amplify UI is an open-source UI library with cloud-connected components that are
 3. Data-bound components that make it easy to display dynamic data, like DataStoreCollections.
 4. Theming capabilities that allow you to customize the appearance of Amplify UI to match your brand.
 
-## React Native Documentation
+## React Native Documentation 📖
 
 - https://ui.docs.amplify.aws/react-native
 
@@ -18,6 +18,6 @@ Amplify UI is an open-source UI library with cloud-connected components that are
 - **Accessible** Amplify UI components follow [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/) and [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.2/) best practices and guidelines such as color contrast, keyboard navigation, accessible labels, and focus management.
 - **Primitive components (React only right now)** Primitive components are used in the connected components, like Authenticator, you can also customize them and use them to build the rest of your UI.
 
-## We love contributors!!
+## We love contributors!! ✨
 
 See our contributing guide [CONTRIBUTING.md](/CONTRIBUTING.md) to help us scale Amplify UI!

package/dist/InAppMessaging/components/BannerMessage/BannerMessage.js

@@ -11,6 +11,6 @@ export default function BannerMessage({ position = 'top', ...props }) {
     }
     const { wrapper, ...messageStyles } = styles;
     return (<MessageWrapper style={wrapper}>
-      <MessageLayout {...props} {...messageProps} orientation="landscape" styles={messageStyles}/>
+      <MessageLayout {...props} {...messageProps} orientation="landscape" styles={messageStyles} testID={`inappmessaging-${position}banner-dialog`}/>
     </MessageWrapper>);
 }

package/dist/InAppMessaging/components/FullScreenMessage/FullScreenMessage.js

@@ -13,6 +13,6 @@ export default function FullScreenMessage(props) {
     }
     const { wrapper, ...messageStyles } = styles;
     return (<MessageWrapper style={wrapper}>
-      <MessageLayout {...props} {...messageProps} orientation={deviceOrientation} styles={messageStyles}/>
+      <MessageLayout {...props} {...messageProps} orientation={deviceOrientation} styles={messageStyles} testID={`inappmessaging-fullscreen-dialog`}/>
     </MessageWrapper>);
 }

package/dist/InAppMessaging/components/MessageLayout/MessageLayout.js

@@ -4,9 +4,9 @@ import { icons } from '../../../assets';
 import { Button, IconButton } from '../../../primitives';
 import { ICON_BUTTON_HIT_SLOP, ICON_BUTTON_SIZE, IN_APP_MESSAGING_TEST_ID, } from '../../constants';
 export default function MessageLayout({ orientation, ...props }) {
-    const { body, hasButtons, hasPrimaryButton, hasRenderableImage, hasSecondaryButton, header, image, onClose, primaryButton, secondaryButton, styles, } = props;
+    const { body, hasButtons, hasPrimaryButton, hasRenderableImage, hasSecondaryButton, header, image, onClose, primaryButton, secondaryButton, styles, testID, } = props;
     const iconButton = (<IconButton color={styles.iconButton.iconColor} hitSlop={ICON_BUTTON_HIT_SLOP} onPress={onClose} size={ICON_BUTTON_SIZE} source={icons.close} style={styles.iconButton.container} testID={IN_APP_MESSAGING_TEST_ID.CLOSE_BUTTON}/>);
-    return (<View style={styles.container}>
+    return (<View style={styles.container} testID={testID}>
       <View style={styles.contentContainer}>
         {orientation === 'portrait' && iconButton}
         {hasRenderableImage && (<View style={styles.imageContainer}>

package/dist/InAppMessaging/components/MessageLayout/types.d.ts

@@ -4,4 +4,5 @@ import { MessageComponentStyles, MessageOverrideStyle, UseMessageProps } from '.
 export interface LayoutProps extends Omit<MessageComponentBaseProps<MessageOverrideStyle>, 'style'>, Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {
     orientation: DeviceOrientation;
     styles: Omit<MessageComponentStyles, 'wrapper'>;
+    testID?: string;
 }

package/dist/InAppMessaging/components/ModalMessage/ModalMessage.js

@@ -13,6 +13,6 @@ export default function ModalMessage(props) {
     }
     const { wrapper, ...messageStyles } = styles;
     return (<MessageWrapper style={wrapper}>
-      <MessageLayout {...props} {...messageProps} orientation={deviceOrientation} styles={messageStyles}/>
+      <MessageLayout {...props} {...messageProps} orientation={deviceOrientation} styles={messageStyles} testID={`inappmessaging-modal-dialog`}/>
     </MessageWrapper>);
 }

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.15";
+export declare const VERSION = "1.2.17";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '1.2.15';
+export const VERSION = '1.2.17';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -37,8 +37,8 @@
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.1",
-    "@aws-amplify/ui-react-core": "2.1.20"
+    "@aws-amplify/ui": "5.6.3",
+    "@aws-amplify/ui-react-core": "2.1.22"
   },
   "peerDependencies": {
     "aws-amplify": ">= 5.0.1",

package/src/InAppMessaging/components/BannerMessage/BannerMessage.tsx

@@ -31,6 +31,7 @@ export default function BannerMessage({
         {...messageProps}
         orientation="landscape"
         styles={messageStyles}
+        testID={`inappmessaging-${position}banner-dialog`}
       />
     </MessageWrapper>
   );

package/src/InAppMessaging/components/BannerMessage/__tests__/__snapshots__/BannerMessage.spec.tsx.snap

@@ -29,6 +29,7 @@ exports[`BannerMessage correctly handles a primaryButton button prop 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-topbanner-dialog"
   >
     <View
       style={
@@ -215,6 +216,7 @@ exports[`BannerMessage correctly handles a secondaryButton button prop 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-topbanner-dialog"
   >
     <View
       style={
@@ -401,6 +403,7 @@ exports[`BannerMessage renders a message as expected with an image 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-topbanner-dialog"
   >
     <View
       style={
@@ -534,6 +537,7 @@ exports[`BannerMessage renders a message as expected without an image 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-topbanner-dialog"
   >
     <View
       style={

package/src/InAppMessaging/components/FullScreenMessage/FullScreenMessage.tsx

@@ -32,6 +32,7 @@ export default function FullScreenMessage(
         {...messageProps}
         orientation={deviceOrientation}
         styles={messageStyles}
+        testID={`inappmessaging-fullscreen-dialog`}
       />
     </MessageWrapper>
   );

package/src/InAppMessaging/components/FullScreenMessage/__tests__/__snapshots__/FullScreenMessage.spec.tsx.snap

@@ -115,6 +115,7 @@ exports[`FullScreenMessage renders as expected in landscape mode 1`] = `
         },
       }
     }
+    testID="inappmessaging-fullscreen-dialog"
   />
 </MessageWrapper>
 `;
@@ -231,6 +232,7 @@ exports[`FullScreenMessage renders as expected in portrait mode 1`] = `
         },
       }
     }
+    testID="inappmessaging-fullscreen-dialog"
   />
 </MessageWrapper>
 `;

package/src/InAppMessaging/components/MessageLayout/MessageLayout.tsx

@@ -29,6 +29,7 @@ export default function MessageLayout({
     primaryButton,
     secondaryButton,
     styles,
+    testID,
   } = props;
 
   const iconButton = (
@@ -44,7 +45,7 @@ export default function MessageLayout({
   );
 
   return (
-    <View style={styles.container}>
+    <View style={styles.container} testID={testID}>
       <View style={styles.contentContainer}>
         {orientation === 'portrait' && iconButton}
         {hasRenderableImage && (

package/src/InAppMessaging/components/MessageLayout/types.ts

@@ -12,4 +12,5 @@ export interface LayoutProps
     Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {
   orientation: DeviceOrientation;
   styles: Omit<MessageComponentStyles, 'wrapper'>;
+  testID?: string;
 }

package/src/InAppMessaging/components/ModalMessage/ModalMessage.tsx

@@ -31,6 +31,7 @@ export default function ModalMessage(
         {...messageProps}
         orientation={deviceOrientation}
         styles={messageStyles}
+        testID={`inappmessaging-modal-dialog`}
       />
     </MessageWrapper>
   );

package/src/InAppMessaging/components/ModalMessage/__tests__/__snapshots__/ModalMessage.spec.tsx.snap

@@ -29,6 +29,7 @@ exports[`ModalMessage correctly handles a primaryButton prop 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-modal-dialog"
   >
     <View
       style={
@@ -215,6 +216,7 @@ exports[`ModalMessage correctly handles a secondaryButton prop 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-modal-dialog"
   >
     <View
       style={
@@ -401,6 +403,7 @@ exports[`ModalMessage renders a message as expected with an image 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-modal-dialog"
   >
     <View
       style={
@@ -534,6 +537,7 @@ exports[`ModalMessage renders as expected in landscape mode 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-modal-dialog"
   >
     <View
       style={
@@ -644,6 +648,7 @@ exports[`ModalMessage renders as expected in portrait mode 1`] = `
         Object {},
       ]
     }
+    testID="inappmessaging-modal-dialog"
   >
     <View
       style={

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '1.2.15';
+export const VERSION = '1.2.17';