@commercetools-frontend/application-shell 22.17.0 → 22.17.2

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-c92d8a48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
 var index = require('./index-37a25e51.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -30,7 +30,7 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-7c48215c.cjs.dev.js');
+require('./oidc-63e926e1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var index = require('./index-6cd618cc.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -30,7 +30,7 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-b070ff6c.cjs.prod.js');
+require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');

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

@@ -1,4 +1,4 @@
-export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-fd3ab5c6.esm.js';
+export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-5f138907.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-89e5711a.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -26,7 +26,7 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/react-notifications';
 import '@commercetools-frontend/sentry';
-import './oidc-da8526e3.esm.js';
+import './oidc-ff53dfd3.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';

package/dist/{custom-view-dev-host-e21e5a32.esm.js → custom-view-dev-host-03a7e8ee.esm.js}

@@ -10,7 +10,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-fd3ab5c6.esm.js';
+import { A as ApplicationShell } from './index-5f138907.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-89e5711a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -45,7 +45,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
-import './oidc-da8526e3.esm.js';
+import './oidc-ff53dfd3.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
 import 'react-intl';

package/dist/{custom-view-dev-host-3e6d433e.cjs.dev.js → custom-view-dev-host-5f8c0099.cjs.dev.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c92d8a48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-37a25e51.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -47,7 +47,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-7c48215c.cjs.dev.js');
+require('./oidc-63e926e1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');

package/dist/{custom-view-dev-host-f29878d8.cjs.prod.js → custom-view-dev-host-a4c2526e.cjs.prod.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-6cd618cc.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -47,7 +47,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-b070ff6c.cjs.prod.js');
+require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');

package/dist/declarations/src/components/navbar/main-navbar.styles.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { Title } from './shared.styles';
+declare const FixedMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ScrollableMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const leftNavigationOpenStyles: import("@emotion/react").SerializedStyles;
+declare const NavigationHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    alignsAgainstBottom: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Tooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TextLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+declare const SupportMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Text: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const getMenuItemLinkStyles: (isSubmenuLink: boolean) => (false | import("@emotion/react").SerializedStyles)[];
+export { getMenuItemLinkStyles, leftNavigationOpenStyles, FixedMenu, HeaderTitle, ItemContent, NavigationHeader, ScrollableMenu, SupportMenu, Text, TextLink, Title, Tooltip, TooltipContainer, };

package/dist/declarations/src/components/navbar/menu-items.d.ts

@@ -2,6 +2,7 @@ import { type MouseEventHandler, type FocusEventHandler, type MouseEvent, type K
 import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
 import { BackIcon } from '@commercetools-uikit/icons';
 import type { TDataFence, TActionRight, TLocalizedField } from '../../types/generated/proxy';
+import { Faded } from './menu-items.styles';
 type TProjectPermissions = {
     permissions: TNormalizedPermissions | null;
     actionRights: TNormalizedActionRights | null;
@@ -24,11 +25,7 @@ declare const MenuExpander: {
     (props: MenuExpanderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
-declare const Faded: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-type MenuGroupProps = {
+export type MenuGroupProps = {
     id: string;
     level: 1 | 2;
     isActive?: boolean;

package/dist/declarations/src/components/navbar/menu-items.styles.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import type { MenuGroupProps } from './menu-items';
+declare const Faded: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Expander: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isVisible: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+declare const ExpanderIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const LeftNavigation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+declare const TextLinkSublistWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NavlinkClickableContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const MenuList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MenuGroupProps & {
+    isSublistActiveWhileIsMenuExpanded: boolean;
+    isSublistActiveWhileIsMenuCollapsed: boolean;
+    isSublistCollapsedAndActive: boolean;
+    isSublistCollapsedAndActiveAndAbove: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+declare const SublistItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isActive: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+declare const MenuListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isActive: boolean;
+    isRouteActive: boolean;
+    isCollapsed: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export { Expander, ExpanderIcon, Faded, LeftNavigation, MenuList, MenuListItem, SublistItem, TextLinkSublistWrapper, NavlinkClickableContent, };

package/dist/declarations/src/components/navbar/shared.styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ItemIconText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { Icon, IconWrapper, ItemIconText, Title };

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

@@ -1,8 +1,20 @@
 export declare const DIMENSIONS: {
     readonly header: "56px";
-    readonly navMenu: "80px";
-    readonly navMenuExpanded: "256px";
-    readonly navMenuItemHeight: "48px";
+};
+export declare const NAVBAR: {
+    readonly expanderHeight: "50px";
+    readonly expanderSize: "40px";
+    readonly iconSize: "24px";
+    readonly iconSizeHover: "28px";
+    readonly itemSize: "48px";
+    readonly itemHeight: "56px";
+    readonly sublistIndentationWhenCollapsed: "72px";
+    readonly sublistIndentationWhenExpanded: "248px";
+    readonly sublistItemMinHeight: "50px";
+    readonly sublistWidth: "253px";
+    readonly leftNavigationTransition: "all 150ms cubic-bezier(1, 0, 0.58, 1)";
+    readonly widthLeftNavigation: "80px";
+    readonly widthLeftNavigationWhenExpanded: "256px";
 };
 export declare const WINDOW_SIZES: {
     readonly STANDARD: 1024;