@aws-amplify/ui-react-notifications 1.0.14 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/esm/components/InAppMessaging/Backdrop/Backdrop.mjs +9 -1
  2. package/dist/esm/components/InAppMessaging/Backdrop/withBackdrop.mjs +15 -1
  3. package/dist/esm/components/InAppMessaging/BannerMessage/BannerMessage.mjs +27 -1
  4. package/dist/esm/components/InAppMessaging/BannerMessage/constants.mjs +4 -1
  5. package/dist/esm/components/InAppMessaging/CloseIconButton/CloseIconButton.mjs +10 -1
  6. package/dist/esm/components/InAppMessaging/FullScreenMessage/FullScreenMessage.mjs +29 -1
  7. package/dist/esm/components/InAppMessaging/FullScreenMessage/constants.mjs +4 -1
  8. package/dist/esm/components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.mjs +50 -1
  9. package/dist/esm/components/InAppMessaging/InAppMessageDisplay/handleMessageLinkAction.mjs +23 -1
  10. package/dist/esm/components/InAppMessaging/MessageLayout/MessageLayout.mjs +33 -1
  11. package/dist/esm/components/InAppMessaging/MessageLayout/constants.mjs +21 -1
  12. package/dist/esm/components/InAppMessaging/MessageLayout/utils.mjs +22 -1
  13. package/dist/esm/components/InAppMessaging/ModalMessage/ModalMessage.mjs +23 -1
  14. package/dist/esm/components/InAppMessaging/ModalMessage/constants.mjs +6 -1
  15. package/dist/esm/components/InAppMessaging/hooks/useMessageImage/types.mjs +9 -1
  16. package/dist/esm/components/InAppMessaging/hooks/useMessageImage/useMessageImage.mjs +40 -1
  17. package/dist/esm/components/InAppMessaging/hooks/useMessageProps/useMessageProps.mjs +33 -1
  18. package/dist/esm/components/InAppMessaging/hooks/useMessageProps/utils.mjs +62 -1
  19. package/dist/esm/components/InAppMessaging/withInAppMessaging/withInAppMessaging.mjs +13 -1
  20. package/dist/esm/index.mjs +3 -1
  21. package/dist/esm/version.mjs +3 -0
  22. package/dist/index.js +394 -1
  23. package/dist/styles.css +298 -684
  24. package/dist/types/components/InAppMessaging/MessageLayout/constants.d.ts +6 -6
  25. package/dist/types/components/InAppMessaging/MessageLayout/utils.d.ts +1 -1
  26. package/dist/types/components/InAppMessaging/ModalMessage/constants.d.ts +1 -1
  27. package/dist/types/components/InAppMessaging/hooks/useMessageImage/useMessageImage.d.ts +2 -2
  28. package/dist/types/components/InAppMessaging/index.d.ts +1 -1
  29. package/dist/types/version.d.ts +1 -0
  30. package/package.json +8 -31
  31. package/dist/esm/node_modules/tslib/tslib.es6.mjs +0 -1
@@ -1,10 +1,10 @@
1
1
  export declare const BLOCK_CLASS = "amplify-inappmessaging-messagelayout";
2
- export declare const BUTTON_CLASS: string;
3
- export declare const CLOSE_BUTTON_CLASS: string;
4
- export declare const CONTENT_CLASS: string;
5
- export declare const HEADER_CLASS: string;
6
- export declare const IMAGE_CONTAINER_CLASS: string;
7
- export declare const TEXT_CONTAINER_CLASS: string;
2
+ export declare const BUTTON_CLASS = "amplify-inappmessaging-messagelayout__button";
3
+ export declare const CLOSE_BUTTON_CLASS = "amplify-inappmessaging-messagelayout__close-button";
4
+ export declare const CONTENT_CLASS = "amplify-inappmessaging-messagelayout__content";
5
+ export declare const HEADER_CLASS = "amplify-inappmessaging-messagelayout__header";
6
+ export declare const IMAGE_CONTAINER_CLASS = "amplify-inappmessaging-messagelayout__image-container";
7
+ export declare const TEXT_CONTAINER_CLASS = "amplify-inappmessaging-messagelayout__text-container";
8
8
  export declare const BODY_TEXT_TEST_ID = "inappmessaging-messagelayout-bodytext";
9
9
  export declare const BUTTON_GROUP_TEST_ID = "inappmessaging-messagelayout-buttongroup";
10
10
  export declare const CONTENT_TEST_ID = "inappmessaging-messagelayout-content";
@@ -10,4 +10,4 @@ import { MessageLayoutButtonModifier } from './types';
10
10
  *
11
11
  * @returns the modifier - either 'light' or 'dark'
12
12
  */
13
- export declare const getButtonModifier: (buttonStyles: MessageComponentStyles['primaryButton' | 'primaryButton'], defaultModifier?: MessageLayoutButtonModifier) => MessageLayoutButtonModifier;
13
+ export declare const getButtonModifier: (buttonStyles: MessageComponentStyles['primaryButton' | 'secondaryButton'], defaultModifier?: MessageLayoutButtonModifier) => MessageLayoutButtonModifier;
@@ -1,2 +1,2 @@
1
1
  export declare const BLOCK_CLASS = "amplify-inappmessaging-modalmessage";
2
- export declare const DIALOG_CLASS: string;
2
+ export declare const DIALOG_CLASS = "amplify-inappmessaging-modalmessage__dialog";
@@ -1,4 +1,4 @@
1
- import { MessageImage } from '@aws-amplify/ui-react-core-notifications';
1
+ import { InAppMessageImage } from '@aws-amplify/ui-react-core-notifications';
2
2
  import { UseMessageImage } from './types';
3
3
  /**
4
4
  * Handles prefetching for message images
@@ -6,4 +6,4 @@ import { UseMessageImage } from './types';
6
6
  * @param image contains image source
7
7
  * @returns message image dimensions and fetching related booleans
8
8
  */
9
- export default function useMessageImage(image: MessageImage | undefined): UseMessageImage;
9
+ export default function useMessageImage(image: InAppMessageImage | undefined): UseMessageImage;
@@ -1,4 +1,4 @@
1
- export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
1
+ export { InAppMessage, InAppMessageAction, InAppMessageButton, InAppMessageContent, InAppMessageImage, InAppMessageLayout, InAppMessagingProvider, InAppMessageStyle, InAppMessageTextAlign, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
2
2
  export { BannerMessageProps } from './BannerMessage';
3
3
  export { FullScreenMessageProps } from './FullScreenMessage';
4
4
  export { InAppMessageDisplay, MessageComponents } from './InAppMessageDisplay';
@@ -0,0 +1 @@
1
+ export declare const VERSION = "2.0.1";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-notifications",
3
- "version": "1.0.14",
3
+ "version": "2.0.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -35,45 +35,22 @@
35
35
  "prebuild": "rimraf dist",
36
36
  "size": "yarn size-limit",
37
37
  "test": "jest",
38
- "test:ci": "yarn test && yarn check:esm",
39
38
  "test:watch": "yarn test --watch",
40
39
  "typecheck": "tsc --noEmit"
41
40
  },
42
41
  "dependencies": {
43
- "@aws-amplify/ui": "5.8.1",
44
- "@aws-amplify/ui-react": "5.3.2",
45
- "@aws-amplify/ui-react-core-notifications": "1.0.10",
46
- "classnames": "2.3.1",
42
+ "@aws-amplify/ui": "6.0.0",
43
+ "@aws-amplify/ui-react": "6.0.1",
44
+ "@aws-amplify/ui-react-core-notifications": "2.0.0",
47
45
  "tinycolor2": "1.4.2"
48
46
  },
49
47
  "peerDependencies": {
50
- "aws-amplify": "^5.0.1",
51
- "react": ">= 16.14.0",
52
- "react-dom": ">= 16.14.0"
48
+ "aws-amplify": "^6.0.2",
49
+ "react": "^16.14.0 || ^17.0 || ^18.0",
50
+ "react-dom": "^16.14.0 || ^17.0 || ^18.0"
53
51
  },
54
52
  "devDependencies": {
55
- "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
56
- "@rollup/plugin-typescript": "^8.3.1",
57
- "@size-limit/preset-big-lib": "^8.2.6",
58
- "@testing-library/jest-dom": "^5.14.1",
59
- "@testing-library/react": "^12.0.0",
60
- "@testing-library/react-hooks": "^7.0.1",
61
- "@testing-library/user-event": "^13.2.1",
62
- "@types/jest": "^26.0.23",
63
- "@types/react": "^17.0.2",
64
- "@types/testing-library__jest-dom": "^5.14.1",
65
- "@types/tinycolor2": "^1.4.3",
66
- "eslint": "^8.44.0",
67
- "jest": "^27.0.4",
68
- "react": "^17.0.2",
69
- "react-dom": "^17.0.2",
70
- "rimraf": "^3.0.2",
71
- "rollup": "^2.70.0",
72
- "rollup-plugin-node-externals": "^4.1.1",
73
- "rollup-plugin-styles": "^4.0.0",
74
- "rollup-plugin-terser": "^7.0.2",
75
- "size-limit": "^8.2.6",
76
- "ts-jest": "^27.0.3"
53
+ "@types/tinycolor2": "^1.4.3"
77
54
  },
78
55
  "sideEffects": [
79
56
  "dist/**/*.css"
@@ -1 +0,0 @@
1
- function e(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}export{e as __rest};