@commercetools-frontend/application-components 22.3.4 → 22.5.0

package/dist/declarations/src/components/custom-views/custom-panel/custom-panel.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type TCustomPanelProps = {
+    title: string;
+    size: 'small' | 'large';
+    onClose: () => void;
+    children: ReactNode;
+};
+declare function CustomPanel(props: TCustomPanelProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default CustomPanel;

package/dist/declarations/src/components/custom-views/custom-panel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-panel';

package/dist/declarations/src/components/custom-views/custom-view-loader/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const CUSTOM_VIEWS_EVENTS_NAMES: {
+    CUSTOM_VIEW_BOOTSTRAP: string;
+    CUSTOM_VIEW_INITIALIZATION: string;
+};
+export declare const CUSTOM_VIEWS_EVENTS_META: {
+    SOURCE: string;
+    DESTINATION_PREFIX: string;
+};

package/dist/declarations/src/components/custom-views/custom-view-loader/custom-view-loader.d.ts

@@ -0,0 +1,21 @@
+export type TPermissionGroup = {
+    name: string;
+    oAuthScopes: string[];
+};
+export type TCustomView = {
+    id: string;
+    defaultLabel: string;
+    labelAllLocales: Record<string, string>;
+    url: string;
+    type: 'CustomPanel' | 'CustomTab';
+    typeConfig?: {
+        size?: 'SMALL' | 'LARGE';
+    };
+    locators: string[];
+};
+type TCustomViewLoaderProps = {
+    customView: TCustomView;
+    onClose: () => void;
+};
+declare function CustomViewLoader(props: TCustomViewLoaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default CustomViewLoader;

package/dist/declarations/src/components/custom-views/custom-view-loader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-view-loader';

package/dist/declarations/src/components/custom-views/custom-view-loader/messages.d.ts

@@ -0,0 +1,7 @@
+declare const messages: {
+    loadError: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default messages;

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

@@ -9,12 +9,13 @@ type Props = {
     color: 'surface' | 'neutral';
     currentPathLabel?: string;
     previousPathLabel: Label;
+    hidePathLabel?: boolean;
     onClose: (event: SyntheticEvent) => void;
     children?: never;
 };
 declare const ModalPageTopBar: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "color" | "previousPathLabel">;
+    defaultProps: Pick<Props, "color" | "previousPathLabel" | "hidePathLabel">;
 };
 export default ModalPageTopBar;

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

@@ -21,10 +21,12 @@ type Props = {
     topBarColor?: 'surface' | 'neutral';
     currentPathLabel?: string;
     previousPathLabel?: Label;
+    hidePathLabel?: boolean;
+    size?: 'small' | 'large';
 };
 declare const ModalPage: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "getParentSelector" | "shouldDelayOnClose">;
+    defaultProps: Pick<Props, "size" | "getParentSelector" | "shouldDelayOnClose">;
 };
 export default ModalPage;

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

@@ -2,6 +2,7 @@ import { type SerializedStyles } from '@emotion/react';
 export declare const TRANSITION_DURATION = 200;
 type StyleProps = {
     zIndex?: number;
+    size?: 'small' | 'large';
 };
 export declare const getContainerStyles: (_props: StyleProps) => SerializedStyles;
 export declare const getOverlayStyles: (props: StyleProps) => SerializedStyles;

package/dist/declarations/src/index.d.ts

@@ -25,6 +25,8 @@ export { default as PageContentWide } from './components/page-content-containers
 export type { TPageContentWide } from './components/page-content-containers/page-content-wide';
 export { default as PageContentFull } from './components/page-content-containers/page-content-full';
 export type { TPageContentFull } from './components/page-content-containers/page-content-full';
+export { default as CustomPanel } from './components/custom-views/custom-panel';
+export { default as CustomViewLoader } from './components/custom-views/custom-view-loader';
 export { default as PortalsContainer } from './components/portals-container';
 export { default as useModalState } from './hooks/use-modal-state';
 export * from './theming';

package/dist/{public-page-layout-992f709d.cjs.prod.js → public-page-layout-b0cb3f87.cjs.prod.js}

@@ -40,6 +40,9 @@ require('@commercetools-uikit/icon-button');
 require('@commercetools-uikit/constraints');
 require('@commercetools-frontend/assets/images/page-not-found.svg');
 require('@commercetools-frontend/assets/images/doors-closed.svg');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sentry');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@react-hook/resize-observer');
 require('@commercetools-uikit/hooks');

package/dist/{public-page-layout-e85984e0.esm.js → public-page-layout-e1e5e7d1.esm.js}

@@ -38,6 +38,9 @@ import '@commercetools-uikit/icon-button';
 import '@commercetools-uikit/constraints';
 import '@commercetools-frontend/assets/images/page-not-found.svg';
 import '@commercetools-frontend/assets/images/doors-closed.svg';
+import '@commercetools-frontend/actions-global';
+import '@commercetools-frontend/application-shell-connectors';
+import '@commercetools-frontend/sentry';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@react-hook/resize-observer';
 import '@commercetools-uikit/hooks';

package/dist/{public-page-layout-c3502bc2.cjs.dev.js → public-page-layout-eb2662e9.cjs.dev.js}

@@ -40,6 +40,9 @@ require('@commercetools-uikit/icon-button');
 require('@commercetools-uikit/constraints');
 require('@commercetools-frontend/assets/images/page-not-found.svg');
 require('@commercetools-frontend/assets/images/doors-closed.svg');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/sentry');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@react-hook/resize-observer');
 require('@commercetools-uikit/hooks');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "22.3.4",
+  "version": "22.5.0",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,11 +36,13 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/application-shell-connectors": "22.3.4",
-    "@commercetools-frontend/assets": "22.3.4",
-    "@commercetools-frontend/constants": "22.3.4",
-    "@commercetools-frontend/i18n": "22.3.4",
-    "@commercetools-frontend/l10n": "22.3.4",
+    "@commercetools-frontend/actions-global": "22.5.0",
+    "@commercetools-frontend/application-shell-connectors": "22.5.0",
+    "@commercetools-frontend/assets": "22.5.0",
+    "@commercetools-frontend/constants": "22.5.0",
+    "@commercetools-frontend/i18n": "22.5.0",
+    "@commercetools-frontend/l10n": "22.5.0",
+    "@commercetools-frontend/sentry": "22.5.0",
     "@commercetools-uikit/card": "^16.4.0",
     "@commercetools-uikit/constraints": "^16.4.0",
     "@commercetools-uikit/design-system": "^16.4.0",
@@ -73,7 +75,7 @@
     "react-modal": "3.16.1"
   },
   "devDependencies": {
-    "@testing-library/dom": "^8.20.0",
+    "@testing-library/dom": "^9.0.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "@types/jest": "^29.5.1",