@commercetools-frontend/application-components 22.40.0 → 22.42.0

package/dist/declarations/src/components/main-pages/form-main-page/form-main-page.d.ts

@@ -72,7 +72,7 @@ type FormMainPageProps = {
     onSecondaryButtonClick: (event: SyntheticEvent) => void;
 };
 declare const FormMainPage: {
-    ({ hideControls, ...props }: FormMainPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: FormMainPageProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     PageHeaderTitle: {
         ({ titleSize, truncate, ...props }: {
@@ -81,7 +81,7 @@ declare const FormMainPage: {
             truncate?: boolean | undefined;
             subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Intl: {

package/dist/declarations/src/components/main-pages/info-main-page/info-main-page.d.ts

@@ -22,7 +22,7 @@ type InfoMainPageProps = {
     children: ReactNode;
 };
 declare const InfoMainPage: {
-    (props: InfoMainPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: InfoMainPageProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     PageHeaderTitle: {
         ({ titleSize, truncate, ...props }: {
@@ -31,7 +31,7 @@ declare const InfoMainPage: {
             truncate?: boolean | undefined;
             subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/declarations/src/components/main-pages/tabular-main-page/tabular-main-page.d.ts

@@ -35,7 +35,7 @@ type TTabularMainPageProps = {
     customViewLocatorCodes?: TCustomViewSelectorProps['customViewLocatorCodes'];
 };
 declare const TabularMainPage: {
-    ({ hideControls, ...props }: TTabularMainPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: TTabularMainPageProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     FormPrimaryButton: {
         ({ label, isDisabled, dataAttributes, ...props }: {
@@ -54,7 +54,7 @@ declare const TabularMainPage: {
              * The title of the page.
              */
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormSecondaryButton: {
@@ -74,7 +74,7 @@ declare const TabularMainPage: {
              * The title of the page.
              */
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormDeleteButton: {
@@ -92,7 +92,7 @@ declare const TabularMainPage: {
              * The title of the page.
              */
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     PageHeaderTitle: {
@@ -102,7 +102,7 @@ declare const TabularMainPage: {
             truncate?: boolean | undefined;
             subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Intl: {

package/dist/declarations/src/components/maintenance-page-layout/maintenance-page-layout.d.ts

@@ -9,7 +9,7 @@ export type Props = {
     children?: never;
 };
 declare const MaintenancePageLayout: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MaintenancePageLayout;

package/dist/declarations/src/components/modal-pages/custom-form-modal-page/custom-form-modal-page.d.ts

@@ -34,7 +34,7 @@ type Props = {
     hideControls?: boolean;
 };
 declare const CustomFormModalPage: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     FormPrimaryButton: {
         ({ label, isDisabled, dataAttributes, ...props }: {
@@ -51,7 +51,7 @@ declare const CustomFormModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormSecondaryButton: {
@@ -69,7 +69,7 @@ declare const CustomFormModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormDeleteButton: {
@@ -85,7 +85,7 @@ declare const CustomFormModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Intl: {

package/dist/declarations/src/components/modal-pages/form-modal-page/form-modal-page.d.ts

@@ -46,7 +46,7 @@ type Props = {
     iconLeftSecondaryButton?: ReactElement;
 };
 declare const FormModalPage: {
-    ({ hideControls, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     Intl: {
         cancel: {

package/dist/declarations/src/components/modal-pages/info-modal-page/info-modal-page.d.ts

@@ -32,7 +32,7 @@ type Props = {
     subtitle?: string | ReactElement;
 };
 declare const InfoModalPage: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default InfoModalPage;

package/dist/declarations/src/components/modal-pages/internals/modal-page.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
-import { type CSSObject } from '@emotion/react';
+import type { CSSObject } from '@emotion/react';
 declare const getDefaultParentSelector: () => HTMLElement;
 type MessageDescriptor = {
     id: string;
@@ -33,7 +33,7 @@ type Props = {
     hideTopBar?: boolean;
 };
 declare const ModalPage: {
-    ({ size, getParentSelector, shouldDelayOnClose, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ size, getParentSelector, shouldDelayOnClose, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ModalPage;

package/dist/declarations/src/components/modal-pages/internals/modal-page.styles.d.ts

@@ -1,9 +1,5 @@
-import { type SerializedStyles } from '@emotion/react';
+/// <reference types="react" />
 import type { TModalPageSize } from './modal-page';
-type StyleProps = {
-    zIndex?: number;
-    size: TModalPageSize;
-};
 export declare const stylesBySize: {
     '10': {
         width: string;
@@ -22,10 +18,15 @@ export declare const stylesBySize: {
         transitionTime: number;
     };
 };
-export declare const getContainerStyles: (props: StyleProps) => SerializedStyles;
-export declare const getOverlayStyles: (props: StyleProps) => SerializedStyles;
-export declare const getAfterOpenContainerAnimation: () => SerializedStyles;
-export declare const getAfterOpenOverlayAnimation: () => SerializedStyles;
-export declare const getBeforeCloseContainerAnimation: (props: StyleProps) => SerializedStyles;
-export declare const getBeforeCloseOverlayAnimation: () => SerializedStyles;
-export {};
+export declare const ModalOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size: TModalPageSize;
+    zIndex?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalContent: import("@emotion/styled").StyledComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    size: TModalPageSize;
+}, {}, {}>;

package/dist/declarations/src/components/modal-pages/tabular-modal-page/tabular-modal-page.d.ts

@@ -37,7 +37,7 @@ type Props = {
     hideControls?: boolean;
 };
 declare const TabularModalPage: {
-    ({ hideControls, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
     FormPrimaryButton: {
         ({ label, isDisabled, dataAttributes, ...props }: {
@@ -54,7 +54,7 @@ declare const TabularModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormSecondaryButton: {
@@ -72,7 +72,7 @@ declare const TabularModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     FormDeleteButton: {
@@ -88,7 +88,7 @@ declare const TabularModalPage: {
                 [key: string]: string;
             } | undefined;
             children?: undefined;
-        }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Intl: {

package/dist/declarations/src/components/modal-pages/utils/modal-page-top-bar.d.ts

@@ -4,7 +4,7 @@ type TLargeIconWrapperProps = {
     children: ReactElement;
     size?: TSecondaryButtonIconProps['size'];
 };
-export declare const LargeIconWrapper: (props: TLargeIconWrapperProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const LargeIconWrapper: (props: TLargeIconWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 type MessageDescriptor = {
     id: string;
     description?: string | object;
@@ -20,7 +20,7 @@ type Props = {
     children?: never;
 };
 declare const ModalPageTopBar: {
-    ({ color, previousPathLabel, hidePathLabel, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ color, previousPathLabel, hidePathLabel, ...props }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ModalPageTopBar;

package/dist/declarations/src/components/page-content-containers/page-content-full/page-content-full.d.ts

@@ -2,5 +2,5 @@ import type { ReactNode } from 'react';
 export type TPageContentFull = {
     children: ReactNode;
 };
-declare function PageContentFull(props: TPageContentFull): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare function PageContentFull(props: TPageContentFull): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PageContentFull;

package/dist/declarations/src/components/page-content-containers/page-content-narrow/page-content-narrow.d.ts

@@ -2,5 +2,5 @@ import type { ReactNode } from 'react';
 export type TPageContentNarrow = {
     children: ReactNode;
 };
-declare function PageContentNarrow(props: TPageContentNarrow): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare function PageContentNarrow(props: TPageContentNarrow): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PageContentNarrow;

package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts

@@ -5,5 +5,5 @@ export type TPageContentWide = {
     children: ReactNode;
     themeParentSelector?: () => HTMLElement | null;
 };
-declare function PageContentWide({ columns, gapSize, ...props }: TPageContentWide): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare function PageContentWide({ columns, gapSize, ...props }: TPageContentWide): import("@emotion/react/jsx-runtime").JSX.Element;
 export default PageContentWide;

package/dist/declarations/src/components/page-not-found/page-not-found.d.ts

@@ -1,5 +1,5 @@
 declare const PageNotFound: {
-    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PageNotFound;

package/dist/declarations/src/components/page-unauthorized/page-unauthorized.d.ts

@@ -1,5 +1,5 @@
 export declare const PageUnauthorized: {
-    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PageUnauthorized;

package/dist/declarations/src/components/project-stamp/project-stamp.d.ts

@@ -1,9 +1,9 @@
 declare const ProjectStamp: {
-    IsProduction: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    IsSuspended: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    IsExpired: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    IsProduction: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    IsSuspended: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    IsExpired: () => import("@emotion/react/jsx-runtime").JSX.Element;
     WillExpire: (props: {
         daysLeft: number;
-    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export default ProjectStamp;

package/dist/declarations/src/components/tab-header/tab-header.d.ts

@@ -30,7 +30,7 @@ export type TTabHeaderProps = {
     exactPathMatch?: boolean;
 };
 export declare const TabHeader: {
-    ({ isDisabled, exactPathMatch, ...props }: TTabHeaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ isDisabled, exactPathMatch, ...props }: TTabHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "22.40.0",
+  "version": "22.42.0",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,34 +36,35 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/actions-global": "22.40.0",
-    "@commercetools-frontend/application-config": "22.40.0",
-    "@commercetools-frontend/application-shell-connectors": "22.40.0",
-    "@commercetools-frontend/assets": "22.40.0",
-    "@commercetools-frontend/constants": "22.40.0",
-    "@commercetools-frontend/i18n": "22.40.0",
-    "@commercetools-frontend/l10n": "22.40.0",
-    "@commercetools-frontend/sentry": "22.40.0",
-    "@commercetools-uikit/accessible-button": "^19.17.1",
-    "@commercetools-uikit/card": "^19.17.1",
-    "@commercetools-uikit/constraints": "^19.17.1",
-    "@commercetools-uikit/design-system": "^19.17.1",
-    "@commercetools-uikit/flat-button": "^19.17.1",
-    "@commercetools-uikit/hooks": "^19.17.1",
-    "@commercetools-uikit/icon-button": "^19.17.1",
-    "@commercetools-uikit/icons": "^19.17.1",
-    "@commercetools-uikit/label": "^19.17.1",
-    "@commercetools-uikit/messages": "^19.17.1",
-    "@commercetools-uikit/primary-button": "^19.17.1",
-    "@commercetools-uikit/secondary-button": "^19.17.1",
-    "@commercetools-uikit/secondary-icon-button": "^19.17.1",
-    "@commercetools-uikit/spacings": "^19.17.1",
-    "@commercetools-uikit/stamp": "^19.17.1",
-    "@commercetools-uikit/text": "^19.17.1",
-    "@commercetools-uikit/utils": "^19.17.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
+    "@commercetools-frontend/actions-global": "22.42.0",
+    "@commercetools-frontend/application-config": "22.42.0",
+    "@commercetools-frontend/application-shell-connectors": "22.42.0",
+    "@commercetools-frontend/assets": "22.42.0",
+    "@commercetools-frontend/constants": "22.42.0",
+    "@commercetools-frontend/i18n": "22.42.0",
+    "@commercetools-frontend/l10n": "22.42.0",
+    "@commercetools-frontend/sentry": "22.42.0",
+    "@commercetools-uikit/accessible-button": "^19.22.3",
+    "@commercetools-uikit/card": "^19.22.3",
+    "@commercetools-uikit/constraints": "^19.22.3",
+    "@commercetools-uikit/design-system": "^19.22.3",
+    "@commercetools-uikit/flat-button": "^19.22.3",
+    "@commercetools-uikit/hooks": "^19.22.3",
+    "@commercetools-uikit/icon-button": "^19.22.3",
+    "@commercetools-uikit/icons": "^19.22.3",
+    "@commercetools-uikit/label": "^19.22.3",
+    "@commercetools-uikit/messages": "^19.22.3",
+    "@commercetools-uikit/primary-button": "^19.22.3",
+    "@commercetools-uikit/secondary-button": "^19.22.3",
+    "@commercetools-uikit/secondary-icon-button": "^19.22.3",
+    "@commercetools-uikit/spacings": "^19.22.3",
+    "@commercetools-uikit/stamp": "^19.22.3",
+    "@commercetools-uikit/text": "^19.22.3",
+    "@commercetools-uikit/utils": "^19.22.3",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@flopflip/react-broadcast": "14.0.2",
+    "@radix-ui/react-dialog": "1.1.4",
     "@react-hook/latest": "1.0.3",
     "@react-hook/resize-observer": "1.2.6",
     "@types/history": "^4.7.11",
@@ -76,8 +77,7 @@
     "history": "4.10.1",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
-    "raf-schd": "^4.0.3",
-    "react-modal": "3.16.1"
+    "raf-schd": "^4.0.3"
   },
   "devDependencies": {
     "@apollo/client": "3.7.14",