@aws-amplify/ui-react-native 1.2.16 → 1.2.18

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @aws-amplify/ui-react-native
 
+## 1.2.18
+
+### Patch Changes
+
+- [#3901](https://github.com/aws-amplify/amplify-ui/pull/3901) [`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776) Thanks [@sreeramsama](https://github.com/sreeramsama)! - - Adds new `ui-react-core-notifications` package for utilities related to the Notifications category, and new `ui-react-notifications` package for components like InAppMessaging. Also sets deprecation messages for `InAppMessagingDisplay`, `InAppMessagingProvider` and `useInAppMessaging` in `ui-react` package as they will be moved out in a future breaking change release.
+  - Adds new `ui-react-geo` package for Geo related components like `MapView` and `LocationSearch`. They will be moved out from `ui-react` in a future breaking change release.
+- Updated dependencies [[`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776), [`ca591a2fc`](https://github.com/aws-amplify/amplify-ui/commit/ca591a2fc319556f705be74bacd141d48f3531bd)]:
+  - @aws-amplify/ui-react-core-notifications@1.0.0
+  - @aws-amplify/ui-react-core@2.1.23
+  - @aws-amplify/ui@5.6.4
+
+## 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

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

@@ -1,5 +1,5 @@
 import { ViewStyle } from 'react-native';
-import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface BannerMessageProps extends BannerMessageCommonProps<MessageOverrideStyle | undefined> {
 }

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

@@ -1,5 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { CarouselMessageCommonProps, MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { CarouselMessageCommonProps, MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 interface CarouselMessageOverrideStyle extends MessageOverrideStyle {
     pageIndicatorActive?: StyleProp<ViewStyle>;

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

@@ -1,4 +1,4 @@
-import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface FullScreenMessageProps extends FullScreenMessageCommonProps<MessageOverrideStyle | undefined> {
 }

package/dist/InAppMessaging/components/InAppMessageDisplay/InAppMessageDisplay.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { handleMessageAction, useMessage, } from '@aws-amplify/ui-react-core';
+import { handleMessageAction, useMessage, } from '@aws-amplify/ui-react-core-notifications';
 import { BannerMessage } from '../BannerMessage';
 import { FullScreenMessage } from '../FullScreenMessage';
 import { CarouselMessage } from '../CarouselMessage';

package/dist/InAppMessaging/components/InAppMessageDisplay/handleMessageLinkAction.d.ts

@@ -1,3 +1,3 @@
-import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core';
+import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core-notifications';
 declare const handleMessageLinkAction: HandleMessageLinkAction;
 export default handleMessageLinkAction;

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

@@ -1,4 +1,4 @@
-import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComponent, ModalMessageComponent } from '@aws-amplify/ui-react-core';
+import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComponent, ModalMessageComponent } from '@aws-amplify/ui-react-core-notifications';
 import { BannerMessageProps } from '../BannerMessage';
 import { CarouselMessageProps } from '../CarouselMessage';
 import { FullScreenMessageProps } from '../FullScreenMessage';

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

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { DeviceOrientation } from '../../../hooks';
 import { MessageComponentStyles, MessageOverrideStyle, UseMessageProps } from '../../hooks';
 export interface LayoutProps extends Omit<MessageComponentBaseProps<MessageOverrideStyle>, 'style'>, Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {

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

@@ -1,4 +1,4 @@
-import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface ModalMessageProps extends ModalMessageCommonProps<MessageOverrideStyle | undefined> {
 }

package/dist/InAppMessaging/components/withInAppMessaging/withInAppMessaging.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InAppMessagingProvider } from '@aws-amplify/ui-react-core';
+import { InAppMessagingProvider } from '@aws-amplify/ui-react-core-notifications';
 import { InAppMessageDisplay } from '../InAppMessageDisplay';
 export default function withInAppMessaging(Component, options) {
     return function WrappedWithInAppMessaging(props) {

package/dist/InAppMessaging/hooks/useMessageImage/useMessageImage.d.ts

@@ -1,4 +1,4 @@
-import { MessageImage, MessageLayout } from '@aws-amplify/ui-react-core';
+import { MessageImage, MessageLayout } from '@aws-amplify/ui-react-core-notifications';
 import { UseMessageImage } from './types';
 /**
  * Handles prefetching and dimension setting for message images

package/dist/InAppMessaging/hooks/useMessageImage/utils.d.ts

@@ -1,4 +1,4 @@
-import { MessageLayout } from '@aws-amplify/ui-react-core';
+import { MessageLayout } from '@aws-amplify/ui-react-core-notifications';
 import { ImageDimensions, ImageLoadingState } from './types';
 export declare const prefetchNetworkImage: (url: string) => Promise<ImageLoadingState>;
 export declare const getLayoutImageDimensions: (imageHeight: number, imageWidth: number, layout: MessageLayout) => ImageDimensions;

package/dist/InAppMessaging/hooks/useMessageProps/types.d.ts

@@ -1,5 +1,5 @@
 import { ColorValue, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core';
+import { MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core-notifications';
 import { ButtonProps } from '../../../primitives';
 import { ImageDimensions } from '../useMessageImage';
 /**

package/dist/InAppMessaging/hooks/useMessageProps/useMessageProps.d.ts

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { GetDefaultStyle, MessageOverrideStyle, UseMessageProps } from './types';
 /**
  * Handle common message UI component prop logic including setting of image dimensions,

package/dist/InAppMessaging/hooks/useMessageProps/utils.d.ts

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps, MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps, MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core-notifications';
 import { MessageButtonStyleParams, MessageButtonStyleProps, MessageComponentStyles, MessageContainerAndWrapperStyle, MessageStyleParams } from './types';
 /**
  * Parse and assign appropriate button container and text style from style objects params

package/dist/InAppMessaging/index.d.ts

@@ -1,2 +1,2 @@
-export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core';
+export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
 export { BannerMessageProps, CarouselMessageProps, FullScreenMessageProps, ModalMessageProps, InAppMessageDisplay, MessageComponents, withInAppMessaging, } from './components';

package/dist/InAppMessaging/index.js

@@ -1,2 +1,2 @@
-export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core';
+export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
 export { InAppMessageDisplay, withInAppMessaging, } from './components';

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.16";
+export declare const VERSION = "1.2.18";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '1.2.16';
+export const VERSION = '1.2.18';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -37,8 +37,9 @@
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.2",
-    "@aws-amplify/ui-react-core": "2.1.21"
+    "@aws-amplify/ui": "5.6.4",
+    "@aws-amplify/ui-react-core": "2.1.23",
+    "@aws-amplify/ui-react-core-notifications": "1.0.0"
   },
   "peerDependencies": {
     "aws-amplify": ">= 5.0.1",

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

@@ -1,5 +1,5 @@
 import { ViewStyle } from 'react-native';
-import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 

package/src/InAppMessaging/components/CarouselMessage/CarouselMessage.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { MessageContentProps } from '@aws-amplify/ui-react-core';
+import { MessageContentProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { Carousel } from '../../../primitives';
 import { IN_APP_MESSAGING_TEST_ID } from '../../constants';

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

@@ -3,7 +3,7 @@ import { StyleProp, ViewStyle } from 'react-native';
 import {
   CarouselMessageCommonProps,
   MessageComponentBaseProps,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 

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

@@ -1,4 +1,4 @@
-import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 
 export interface FullScreenMessageProps

package/src/InAppMessaging/components/InAppMessageDisplay/InAppMessageDisplay.tsx

@@ -4,7 +4,7 @@ import {
   handleMessageAction,
   OnMessageAction,
   useMessage,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { BannerMessage } from '../BannerMessage';
 import { FullScreenMessage } from '../FullScreenMessage';

package/src/InAppMessaging/components/InAppMessageDisplay/__tests__/InAppMessageDisplay.spec.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import { Text, View } from 'react-native';
 import { render } from '@testing-library/react-native';
-import { MessageLayout, useMessage } from '@aws-amplify/ui-react-core';
+import {
+  MessageLayout,
+  useMessage,
+} from '@aws-amplify/ui-react-core-notifications';
 
 import InAppMessageDisplay from '../InAppMessageDisplay';
 
-jest.mock('@aws-amplify/ui-react-core');
+jest.mock('@aws-amplify/ui-react-core-notifications');
 
 const mockUseMessage = useMessage as jest.Mock;
 

package/src/InAppMessaging/components/InAppMessageDisplay/handleMessageLinkAction.ts

@@ -1,6 +1,6 @@
 import { Linking } from 'react-native';
 import { ConsoleLogger as Logger } from '@aws-amplify/core';
-import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core';
+import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core-notifications';
 
 const logger = new Logger('Notifications.InAppMessaging');
 

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

@@ -3,7 +3,7 @@ import {
   CarouselMessageComponent,
   FullScreenMessageComponent,
   ModalMessageComponent,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { BannerMessageProps } from '../BannerMessage';
 import { CarouselMessageProps } from '../CarouselMessage';

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

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { DeviceOrientation } from '../../../hooks';
 import {

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

@@ -1,4 +1,4 @@
-import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 

package/src/InAppMessaging/components/withInAppMessaging/withInAppMessaging.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InAppMessagingProvider } from '@aws-amplify/ui-react-core';
+import { InAppMessagingProvider } from '@aws-amplify/ui-react-core-notifications';
 
 import { InAppMessageDisplay, MessageComponents } from '../InAppMessageDisplay';
 

package/src/InAppMessaging/hooks/useMessageImage/__tests__/useMessageImage.spec.ts

@@ -1,7 +1,7 @@
 import { Image } from 'react-native';
 import { renderHook } from '@testing-library/react-hooks';
 import { ConsoleLogger as Logger } from '@aws-amplify/core';
-import { MessageImage } from '@aws-amplify/ui-react-core';
+import { MessageImage } from '@aws-amplify/ui-react-core-notifications';
 
 import { getLayoutImageDimensions, prefetchNetworkImage } from '../utils';
 import useMessageImage from '../useMessageImage';

package/src/InAppMessaging/hooks/useMessageImage/useMessageImage.ts

@@ -2,7 +2,10 @@ import { useEffect, useRef, useState } from 'react';
 import { Image } from 'react-native';
 
 import { ConsoleLogger as Logger } from '@aws-amplify/core';
-import { MessageImage, MessageLayout } from '@aws-amplify/ui-react-core';
+import {
+  MessageImage,
+  MessageLayout,
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { ImageDimensions, ImagePrefetchStatus, UseMessageImage } from './types';
 import { getLayoutImageDimensions, prefetchNetworkImage } from './utils';

package/src/InAppMessaging/hooks/useMessageImage/utils.ts

@@ -1,6 +1,6 @@
 import { Image } from 'react-native';
 import { ConsoleLogger as Logger } from '@aws-amplify/core';
-import { MessageLayout } from '@aws-amplify/ui-react-core';
+import { MessageLayout } from '@aws-amplify/ui-react-core-notifications';
 
 import {
   BANNER_IMAGE_SCREEN_SIZE,

package/src/InAppMessaging/hooks/useMessageProps/__tests__/useMessageProps.spec.ts

@@ -2,7 +2,7 @@ import { renderHook } from '@testing-library/react-hooks';
 import {
   MessageButtonProps,
   MessageComponentBaseProps,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { useMessageImage } from '../../useMessageImage';
 import { MessageOverrideStyle } from '../types';

package/src/InAppMessaging/hooks/useMessageProps/__tests__/utils.spec.ts

@@ -4,7 +4,7 @@ import {
   MessageComponentBaseProps,
   MessageLayout,
   MessageTextAlign,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 import { BUTTON_PRESSED_OPACITY } from '../../../constants';
 import { MessageDefaultStyle } from '../types';
 import { StyleParams } from '../types';

package/src/InAppMessaging/hooks/useMessageProps/types.ts

@@ -5,7 +5,10 @@ import {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import { MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core';
+import {
+  MessageLayout,
+  MessagePayloadStyle,
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { ButtonProps } from '../../../primitives';
 

package/src/InAppMessaging/hooks/useMessageProps/useMessageProps.ts

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { isEmpty } from '@aws-amplify/ui';
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { useMessageImage } from '../useMessageImage';
 import {

package/src/InAppMessaging/hooks/useMessageProps/utils.ts

@@ -4,7 +4,7 @@ import {
   MessageComponentBaseProps,
   MessageLayout,
   MessagePayloadStyle,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 import { DEFAULT_CAROUSEL_INDICATOR_SIZE } from '../../../primitives';
 import { BUTTON_PRESSED_OPACITY, SPACING_EXTRA_LARGE } from '../../constants';

package/src/InAppMessaging/index.ts

@@ -1,7 +1,7 @@
 export {
   InAppMessagingProvider,
   useInAppMessaging,
-} from '@aws-amplify/ui-react-core';
+} from '@aws-amplify/ui-react-core-notifications';
 
 export {
   BannerMessageProps,

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '1.2.16';
+export const VERSION = '1.2.18';