@commercetools-frontend/application-components 21.23.6 → 21.23.8

package/dist/commercetools-frontend-application-components.cjs.dev.js

@@ -88,7 +88,7 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
 var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.23.6";
+var version = "21.23.8";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
 var appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -1847,7 +1847,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
 TabularDetailPage.Intl = i18n.sharedMessages;
 
 var PublicPageLayout = /*#__PURE__*/react$1.lazy(function () {
-  return Promise.resolve().then(function () { return require('./public-page-layout-8ee82247.cjs.dev.js'
+  return Promise.resolve().then(function () { return require('./public-page-layout-bab6d356.cjs.dev.js'
   /* webpackChunkName: "public-page-layout" */
   ); });
 });

package/dist/commercetools-frontend-application-components.cjs.prod.js

@@ -87,7 +87,7 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
 var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.23.6";
+var version = "21.23.8";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
 var appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -1403,7 +1403,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
 TabularDetailPage.Intl = i18n.sharedMessages;
 
 var PublicPageLayout = /*#__PURE__*/react$1.lazy(function () {
-  return Promise.resolve().then(function () { return require('./public-page-layout-8043329c.cjs.prod.js'
+  return Promise.resolve().then(function () { return require('./public-page-layout-a9c9695e.cjs.prod.js'
   /* webpackChunkName: "public-page-layout" */
   ); });
 });

package/dist/commercetools-frontend-application-components.esm.js

@@ -47,7 +47,7 @@ import useLatest from '@react-hook/latest';
 import rafSchd from 'raf-schd';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.23.6";
+var version = "21.23.8";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
 var appKitSpacing55 = '40px'; // TODO: move to uikit?
@@ -1806,7 +1806,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience pr
 TabularDetailPage.Intl = sharedMessages;
 
 var PublicPageLayout = /*#__PURE__*/lazy(function () {
-  return import('./public-page-layout-8920031c.esm.js'
+  return import('./public-page-layout-4ef18ee7.esm.js'
   /* webpackChunkName: "public-page-layout" */
   );
 });

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

@@ -1,11 +1,11 @@
 import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
     values?: Record<string, ReactNode>;
 };
-declare type CustomFormDetailPageProps = {
+type CustomFormDetailPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,11 +1,11 @@
 import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type FormDetailPageProps = {
+type Label = string | MessageDescriptor;
+type FormDetailPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,11 +1,11 @@
 import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
     values?: Record<string, ReactNode>;
 };
-declare type InfoDetailPageProps = {
+type InfoDetailPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,11 +1,11 @@
 import type { ReactElement, ReactNode, MouseEvent, KeyboardEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
     values?: Record<string, ReactNode>;
 };
-declare type TTabularDetailPageProps = {
+type TTabularDetailPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     title: string;

package/dist/declarations/src/components/dialogs/form-dialog/form-dialog.d.ts

@@ -1,11 +1,11 @@
 import type { SyntheticEvent, ReactNode, ReactElement } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     title: string;

package/dist/declarations/src/components/dialogs/info-dialog/info-dialog.d.ts

@@ -1,5 +1,5 @@
 import { SyntheticEvent, ReactNode } from 'react';
-declare type Props = {
+type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';

package/dist/declarations/src/components/dialogs/internals/dialog-container.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode, SyntheticEvent } from 'react';
 declare const getDefaultParentSelector: () => HTMLElement;
-declare type Props = {
+type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';

package/dist/declarations/src/components/dialogs/internals/dialog-footer.d.ts

@@ -1,11 +1,11 @@
 import type { ReactElement, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     labelSecondary: Label;
     labelPrimary: Label;
     onCancel: (event: SyntheticEvent) => void;

package/dist/declarations/src/components/dialogs/internals/dialog-header.d.ts

@@ -1,5 +1,5 @@
 import type { SyntheticEvent } from 'react';
-declare type Props = {
+type Props = {
     title: string;
     onClose?: (event: SyntheticEvent) => void;
     children?: never;

package/dist/declarations/src/components/dialogs/internals/dialog.styles.d.ts

@@ -1,4 +1,4 @@
-declare type StyleProps = {
+type StyleProps = {
     size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
     zIndex?: number;
 };

package/dist/declarations/src/components/internals/default-form-buttons.d.ts

@@ -1,11 +1,11 @@
 import type { ReactElement, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     label: Label;
     onClick: (event: SyntheticEvent) => void;
     isDisabled: boolean;
@@ -19,7 +19,7 @@ declare const FormPrimaryButton: {
     displayName: string;
     defaultProps: Pick<Props, "label" | "isDisabled" | "dataAttributes">;
 };
-declare type SecondaryButtonProps = {
+type SecondaryButtonProps = {
     iconLeft?: ReactElement;
 } & Props;
 declare const FormSecondaryButton: {

package/dist/declarations/src/components/internals/page-header-title.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-declare type Props = {
+type Props = {
     title: string;
     titleSize: 'big' | 'small';
     truncate: boolean;

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-declare type Props = {
+type Props = {
     title: string;
     subtitle?: string | ReactElement;
     children?: ReactNode;

package/dist/declarations/src/components/internals/page-top-bar.d.ts

@@ -1,12 +1,12 @@
 import type { MouseEvent, KeyboardEvent, ReactNode } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
     values?: Record<string, ReactNode>;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     color: 'surface' | 'neutral';
     previousPathLabel: Label;
     onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-declare type TControlsContainterProps = {
+type TControlsContainterProps = {
     tabControls: ReactNode;
     formControls?: ReactNode;
     children?: never;
@@ -8,7 +8,7 @@ declare const ControlsContainter: {
     (props: TControlsContainterProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare type TTabularPageContainerProps = {
+type TTabularPageContainerProps = {
     children: ReactNode;
     color: 'surface' | 'neutral';
 };

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-declare type CustomFormMainPageProps = {
+type CustomFormMainPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,11 +1,11 @@
 import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type FormMainPageProps = {
+type Label = string | MessageDescriptor;
+type FormMainPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-declare type InfoMainPageProps = {
+type InfoMainPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-declare type TTabularMainPageProps = {
+type TTabularMainPageProps = {
     title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type Props = {
+export type Props = {
     imageSrc: string;
     title: ReactNode;
     label?: string;

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

@@ -1,12 +1,12 @@
 import type { CSSObject } from '@emotion/react';
 import { SyntheticEvent, ReactNode, ReactElement } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     level?: number;
     title: string;
     isOpen: boolean;

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

@@ -1,12 +1,12 @@
 import type { CSSObject } from '@emotion/react';
 import { SyntheticEvent, ReactNode, ReactElement } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     level?: number;
     title: string;
     isOpen: boolean;

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

@@ -1,12 +1,12 @@
 import type { CSSObject } from '@emotion/react';
 import { ReactElement, ReactNode, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     level?: number;
     title: string;
     isOpen: boolean;

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

@@ -1,11 +1,11 @@
 import { SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     color: 'surface' | 'neutral';
     currentPathLabel?: string;
     previousPathLabel: Label;

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

@@ -1,13 +1,13 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
 import { type CSSObject } from '@emotion/react';
 declare const getDefaultParentSelector: () => HTMLElement;
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     level?: number;
     title: string;
     isOpen: boolean;

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

@@ -1,5 +1,5 @@
 export declare const TRANSITION_DURATION = 200;
-declare type StyleProps = {
+type StyleProps = {
     zIndex?: number;
 };
 export declare const getContainerStyles: (_props: StyleProps) => import("@emotion/utils").SerializedStyles;

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

@@ -1,12 +1,12 @@
 import type { CSSObject } from '@emotion/react';
 import { ReactElement, ReactNode, SyntheticEvent } from 'react';
-declare type MessageDescriptor = {
+type MessageDescriptor = {
     id: string;
     description?: string | object;
     defaultMessage?: string;
 };
-declare type Label = string | MessageDescriptor;
-declare type Props = {
+type Label = string | MessageDescriptor;
+type Props = {
     level?: number;
     title: string;
     isOpen: boolean;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export declare type TPageContentWide = {
+export type TPageContentWide = {
     columns: '1' | '1/1' | '2/1';
     gapSize: '10' | '20';
     children: ReactNode;

package/dist/declarations/src/components/portals-container/portals-container.d.ts

@@ -1,9 +1,9 @@
 import { type MutableRefObject } from 'react';
-declare type TLayoutRefs = {
+type TLayoutRefs = {
     notificationsGlobalRef: MutableRefObject<HTMLDivElement>;
     notificationsPageRef: MutableRefObject<HTMLDivElement>;
 };
-declare type TPortalsContainerProps = {
+type TPortalsContainerProps = {
     offsetTop?: string;
     offsetLeft?: string;
     offsetLeftOnExpandedMenu?: string;

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type TProps = {
+type TProps = {
     welcomeMessage?: string;
     legalMessage?: ReactNode;
     contentScale?: 'normal' | 'wide';

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

@@ -1,7 +1,7 @@
 import { type MessageDescriptor } from 'react-intl';
 import type { ReactNode } from 'react';
 import type { LocationDescriptor } from 'history';
-export declare type TTabHeaderProps = {
+export type TTabHeaderProps = {
     to: string | LocationDescriptor;
     label?: string;
     intlMessage?: MessageDescriptor & {

package/dist/declarations/src/hooks/use-mutation-observer/use-mutation-observer.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-declare type TUseMutationObserverCallback = (mutationRecord: MutationRecord, observer: MutationObserver) => void;
+type TUseMutationObserverCallback = (mutationRecord: MutationRecord, observer: MutationObserver) => void;
 declare function useMutationObserver<T extends HTMLElement>(target: React.RefObject<T> | T | null, callback: TUseMutationObserverCallback, options?: MutationObserverInit): MutationObserver;
 export default useMutationObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "21.23.6",
+  "version": "21.23.8",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -27,35 +27,35 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
-    "@babel/runtime-corejs3": "^7.19.0",
-    "@commercetools-frontend/application-shell-connectors": "21.23.6",
-    "@commercetools-frontend/assets": "21.23.6",
-    "@commercetools-frontend/constants": "21.23.6",
-    "@commercetools-frontend/i18n": "21.23.6",
-    "@commercetools-frontend/l10n": "21.23.6",
-    "@commercetools-uikit/card": "^15.11.0",
-    "@commercetools-uikit/constraints": "^15.11.0",
-    "@commercetools-uikit/design-system": "^15.11.0",
-    "@commercetools-uikit/flat-button": "^15.11.0",
-    "@commercetools-uikit/icon-button": "^15.11.0",
-    "@commercetools-uikit/icons": "^15.11.0",
-    "@commercetools-uikit/messages": "^15.11.0",
-    "@commercetools-uikit/primary-button": "^15.11.0",
-    "@commercetools-uikit/secondary-button": "^15.11.0",
-    "@commercetools-uikit/secondary-icon-button": "^15.11.0",
-    "@commercetools-uikit/spacings": "^15.11.0",
-    "@commercetools-uikit/text": "^15.11.0",
-    "@commercetools-uikit/utils": "^15.11.0",
-    "@emotion/react": "11.10.4",
-    "@emotion/styled": "11.10.4",
+    "@babel/runtime": "^7.20.13",
+    "@babel/runtime-corejs3": "^7.20.13",
+    "@commercetools-frontend/application-shell-connectors": "21.23.8",
+    "@commercetools-frontend/assets": "21.23.8",
+    "@commercetools-frontend/constants": "21.23.8",
+    "@commercetools-frontend/i18n": "21.23.8",
+    "@commercetools-frontend/l10n": "21.23.8",
+    "@commercetools-uikit/card": "^15.11.2",
+    "@commercetools-uikit/constraints": "^15.11.2",
+    "@commercetools-uikit/design-system": "^15.11.2",
+    "@commercetools-uikit/flat-button": "^15.11.2",
+    "@commercetools-uikit/icon-button": "^15.11.2",
+    "@commercetools-uikit/icons": "^15.11.2",
+    "@commercetools-uikit/messages": "^15.11.2",
+    "@commercetools-uikit/primary-button": "^15.11.2",
+    "@commercetools-uikit/secondary-button": "^15.11.2",
+    "@commercetools-uikit/secondary-icon-button": "^15.11.2",
+    "@commercetools-uikit/spacings": "^15.11.2",
+    "@commercetools-uikit/text": "^15.11.2",
+    "@commercetools-uikit/utils": "^15.11.2",
+    "@emotion/react": "11.10.5",
+    "@emotion/styled": "11.10.5",
     "@react-hook/latest": "1.0.3",
     "@react-hook/resize-observer": "1.2.6",
     "@types/history": "^4.7.11",
-    "@types/lodash": "^4.14.185",
+    "@types/lodash": "^4.14.191",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^17.0.49",
-    "@types/react-dom": "^17.0.17",
+    "@types/react": "^17.0.53",
+    "@types/react-dom": "^17.0.19",
     "@types/react-modal": "^3.13.1",
     "history": "4.10.1",
     "lodash": "4.17.21",