@commercetools-frontend/react-notifications 22.2.0 → 22.3.0

package/dist/declarations/src/components/map-notification-to-component/map-notification-to-component.d.ts

@@ -4,7 +4,7 @@ export type Props = {
     mapNotificationToComponent: (notification: TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide) => ElementType | null;
     children: ReactNode;
 };
-declare function NotificationProviderForCustomComponent(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function NotificationProviderForCustomComponent(props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 declare namespace NotificationProviderForCustomComponent {
     var displayName: string;
 }

package/dist/declarations/src/components/notification/notification.d.ts

@@ -8,7 +8,7 @@ export type Props = {
     children: ReactNode;
 };
 declare const Notification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
     defaultProps: Pick<Props, "fixed">;
 };

package/dist/declarations/src/components/notification/notification.styles.d.ts

@@ -1,3 +1,4 @@
+import { type SerializedStyles } from '@emotion/react';
 import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
 type StyleProps = {
     type: TAppNotificationKind;
@@ -5,8 +6,8 @@ type StyleProps = {
     fixed: boolean;
     isNewTheme?: boolean;
 };
-declare const getStylesForNotificationIcon: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-declare const getStylesForCloseIcon: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-declare const getStylesForContent: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-declare const getStylesForNotification: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+declare const getStylesForNotificationIcon: (props: StyleProps) => SerializedStyles;
+declare const getStylesForCloseIcon: (props: StyleProps) => SerializedStyles;
+declare const getStylesForContent: (props: StyleProps) => SerializedStyles;
+declare const getStylesForNotification: (props: StyleProps) => SerializedStyles;
 export { getStylesForNotificationIcon, getStylesForCloseIcon, getStylesForContent, getStylesForNotification, };

package/dist/declarations/src/components/notification-kinds/api-error/api-error.d.ts

@@ -10,7 +10,7 @@ type Props = {
     dismiss: (event: SyntheticEvent) => void;
 };
 declare const ApiErrorNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default ApiErrorNotification;

package/dist/declarations/src/components/notification-kinds/api-error-message/api-error-message.d.ts

@@ -1,5 +1,5 @@
 import type { TAppNotificationApiError } from '@commercetools-frontend/constants';
-type ExtraErrorFields = {
+export type ExtraErrorFields = {
     errorByExtension?: {
         id: string;
         key?: string;
@@ -20,12 +20,16 @@ type ExtraErrorFields = {
         name: string;
     };
     referencedBy?: string;
+    extensions?: TAppNotificationApiError['extensions'] & {
+        field?: string;
+        duplicateValue?: string;
+    };
 };
 type Props = {
     error: TAppNotificationApiError<ExtraErrorFields>;
 };
 declare const ApiErrorMessage: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default ApiErrorMessage;

package/dist/declarations/src/components/notification-kinds/generic/generic.d.ts

@@ -9,7 +9,7 @@ type Props = {
     dismiss: (event: SyntheticEvent) => void;
 };
 declare const GenericNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default GenericNotification;

package/dist/declarations/src/components/notification-kinds/unexpected-error/unexpected-error.d.ts

@@ -10,7 +10,7 @@ type Props = {
     dismiss: (event: SyntheticEvent) => void;
 };
 declare const UnexpectedErrorNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default UnexpectedErrorNotification;

package/dist/declarations/src/components/notifications-list/notifications-list.d.ts

@@ -3,7 +3,7 @@ type Props = {
     domain: TAppNotificationDomain;
 };
 declare const NotificationsList: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
     displayName: string;
 };
 export default NotificationsList;

package/dist/declarations/src/components/notifications-list/notifications-list.styles.d.ts

@@ -2,5 +2,5 @@ import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
 type StyleProps = {
     domain: TAppNotificationDomain;
 };
-declare const getStyles: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+declare const getStyles: (props: StyleProps) => import("@emotion/react").SerializedStyles;
 export { getStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/react-notifications",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "React bindings for @commercetools-frontend/notifications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -9,21 +9,31 @@
     "directory": "packages/react-notifications"
   },
   "homepage": "https://docs.commercetools.com/custom-applications",
-  "keywords": ["javascript", "frontend", "react", "toolkit"],
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
   "main": "dist/commercetools-frontend-react-notifications.cjs.js",
   "module": "dist/commercetools-frontend-react-notifications.esm.js",
-  "files": ["dist", "package.json", "LICENSE", "README.md"],
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/actions-global": "22.2.0",
-    "@commercetools-frontend/constants": "22.2.0",
-    "@commercetools-frontend/notifications": "22.2.0",
-    "@commercetools-frontend/sentry": "22.2.0",
+    "@commercetools-frontend/actions-global": "22.3.0",
+    "@commercetools-frontend/constants": "22.3.0",
+    "@commercetools-frontend/notifications": "22.3.0",
+    "@commercetools-frontend/sentry": "22.3.0",
     "@commercetools-uikit/design-system": "^16.0.0",
     "@commercetools-uikit/hooks": "^16.0.0",
     "@commercetools-uikit/icon-button": "^16.0.0",
@@ -31,8 +41,8 @@
     "@commercetools-uikit/secondary-icon-button": "^16.0.0",
     "@commercetools-uikit/spacings": "^16.0.0",
     "@commercetools-uikit/utils": "^16.0.0",
-    "@emotion/react": "11.10.6",
-    "@emotion/styled": "11.10.6",
+    "@emotion/react": "11.11.0",
+    "@emotion/styled": "11.11.0",
     "@types/history": "^4.7.11",
     "@types/lodash": "^4.14.191",
     "@types/prop-types": "^15.7.5",
@@ -48,10 +58,13 @@
     "reselect": "4.1.8"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.5",
+    "@types/jest": "^29.5.1",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "jest": "29.5.0",
+    "jest-mock": "29.5.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "^6.3.2",
+    "react-intl": "^6.4.2",
     "react-redux": "7.2.9",
     "react-router-dom": "5.3.4"
   },
@@ -62,4 +75,4 @@
     "react-redux": "7.x",
     "react-router-dom": "5.x"
   }
-}
+}