@commercetools-frontend/application-shell 22.17.0 → 22.17.1

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-5b8b7642.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-3b2cb733.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-34857f5d.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-3f3b899b.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-26c3cd26.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-fc4fcb80.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-3e6d433e.cjs.dev.js → custom-view-dev-host-173d757f.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-5b8b7642.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-3b2cb733.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-98d703b2.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-34857f5d.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-3f3b899b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');

package/dist/{custom-view-dev-host-e21e5a32.esm.js → custom-view-dev-host-a2b1a4d7.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-26c3cd26.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-fc4fcb80.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
 import 'react-intl';

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

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+declare const leftNavigationOpenStyles: import("@emotion/react").SerializedStyles;
+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 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 listStyles: import("@emotion/react").SerializedStyles;
+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 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 sublistStyles: import("@emotion/react").SerializedStyles;
+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 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 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 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>, {}>;
+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, listStyles, sublistStyles, FixedMenu, HeaderTitle, NavigationHeader, ScrollableMenu, SublistItem, SupportMenu, Text, TextLink, Title, Tooltip, TooltipContainer, Icon, IconWrapper, ItemIconText, };

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,10 +25,6 @@ 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 = {
     id: string;
     level: 1 | 2;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+declare const getSubmenuPositionBasedOnMenuItemPosition: (isSubmenuAboveMenuItem?: boolean, submenuVerticalPosition?: number) => import("@emotion/react").SerializedStyles;
+declare const getContainerPositionBasedOnMenuItemPosition: (isSubmenuAboveMenuItem?: boolean, isSublistActiveWhileIsMenuExpanded?: boolean, isSublistActiveWhileIsMenuCollapsed?: boolean) => (false | import("@emotion/react").SerializedStyles | undefined)[];
+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>, {}>;
+export { getSubmenuPositionBasedOnMenuItemPosition, getContainerPositionBasedOnMenuItemPosition, Expander, ExpanderIcon, Faded, LeftNavigation, TextLinkSublistWrapper, NavlinkClickableContent, };

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

@@ -1,8 +1,19 @@
 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 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;