@commercetools-frontend/application-shell 22.9.1 → 22.11.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-c0b19086.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-cdc22735.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,11 +30,10 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-0c6ca06c.cjs.dev.js');
+require('./oidc-ad31a103.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');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('react-intl');
@@ -66,7 +65,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-beeb5dbb.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-497ae97d.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,11 +30,10 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-b2ac8a92.cjs.prod.js');
+require('./oidc-88c678f1.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');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
 require('react-intl');
@@ -66,7 +65,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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-e6cf101e.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-70c1623b.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,11 +26,10 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/react-notifications';
 import '@commercetools-frontend/sentry';
-import './oidc-95696f7b.esm.js';
+import './oidc-ffa1a7b2.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';
-import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
 import 'react-intl';
@@ -62,7 +61,6 @@ import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';

package/dist/{custom-view-dev-host-621386e0.cjs.dev.js → custom-view-dev-host-1a72b8f3.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-c0b19086.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-cdc22735.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,9 +47,8 @@ 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-0c6ca06c.cjs.dev.js');
+require('./oidc-ad31a103.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
-require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/design-system');
 require('react-intl');
 require('@commercetools-uikit/flat-button');
@@ -76,7 +75,6 @@ require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('@flopflip/react-broadcast');
-require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');

package/dist/{custom-view-dev-host-5ce5a507.esm.js → custom-view-dev-host-c6d81824.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-e6cf101e.esm.js';
+import { A as ApplicationShell } from './index-70c1623b.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,9 +45,8 @@ 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-95696f7b.esm.js';
+import './oidc-ffa1a7b2.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
-import '@commercetools-frontend/assets/images/logo.svg';
 import '@commercetools-uikit/design-system';
 import 'react-intl';
 import '@commercetools-uikit/flat-button';
@@ -74,7 +73,6 @@ import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
 import '@flopflip/react-broadcast';
-import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';

package/dist/declarations/src/components/app-bar/app-bar.d.ts

@@ -2,7 +2,6 @@ import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
 type Props = {
     user: TFetchLoggedInUserQuery['user'];
     projectKeyFromUrl?: string;
-    isNewNavigationEnabled: boolean;
 };
 declare const AppBar: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/declarations/src/components/application-shell-authenticated/application-shell-authenticated.d.ts

@@ -10,13 +10,10 @@ type TApplicationShellAuthenticationProps = {
     render?: () => JSX.Element;
     children?: ReactNode;
 };
-type MainContainerProps = {
-    isNewNavigationEnabled: boolean;
-};
 export declare const MainContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & MainContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const ApplicationShellAuthenticated: {
     (props: TApplicationShellAuthenticationProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;

package/dist/declarations/src/components/custom-view-shell-authenticated/custom-view-shell-authenticated.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { ApplicationWindow, CustomViewData } from '@commercetools-frontend/constants';
+import { type ApplicationWindow, type CustomViewData } from '@commercetools-frontend/constants';
 import { type TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
 type TCustomViewShellAuthenticatedProps = {
     dataLocale: string;

package/dist/declarations/src/components/navbar/compiled/navbar.css.json.d.ts

@@ -0,0 +1,3 @@
+/* eslint-disable prettier/prettier */
+    declare const styles: {"left-navigation":"navbar-mod__left-navigation___n7yUt","navigation-header":"navbar-mod__navigation-header___Z6fOr","icon-container":"navbar-mod__icon-container___w3FtA","title":"navbar-mod__title___eRWUj","visible":"navbar-mod__visible___AKV1b","icon":"navbar-mod__icon___bLsep","list":"navbar-mod__list___RCV3J","list-item":"navbar-mod__list-item___MjK6t","item-link":"navbar-mod__item-link___X2Ina","item-icon-text":"navbar-mod__item-icon-text___a-8JY","expander":"navbar-mod__expander___jyAUi","expand-icon":"navbar-mod__expand-icon___BtmRa","item--bottom":"navbar-mod__item--bottom___eW7nh","item_menu__active":"navbar-mod__item_menu__active___5xFRw","item_menu-open":"navbar-mod__item_menu-open___zk0zh","item_menu-collapsed":"navbar-mod__item_menu-collapsed___cluyY","item__active":"navbar-mod__item__active___lo1sr","sublist":"navbar-mod__sublist___os1s7","sublist-expanded__active":"navbar-mod__sublist-expanded__active___240JK","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___-9vYh","sublist-collapsed__active__above":"navbar-mod__sublist-collapsed__active__above___BXCeM","sublist__inactive":"navbar-mod__sublist__inactive___kJvf-","sublist-item":"navbar-mod__sublist-item___gafkS","sublist-item__active":"navbar-mod__sublist-item__active___QC6pa","text":"navbar-mod__text___ccHEu","text-link":"navbar-mod__text-link___dhtj6","text-link-sublist-wrapper":"navbar-mod__text-link-sublist-wrapper___1JN4x","text-link-sublist":"navbar-mod__text-link-sublist___AoIpU","navlink-clickable-content":"navbar-mod__navlink-clickable-content___bzddC","fixed-menu":"navbar-mod__fixed-menu___42tD9","support-menu":"navbar-mod__support-menu___fi5Ka","tooltip-container":"navbar-mod__tooltip-container___iJYyi","tooltip":"navbar-mod__tooltip___1ID3j","sublist-collapsed__empty":"navbar-mod__sublist-collapsed__empty___FBUli","highlighted":"navbar-mod__highlighted___oJWkA","hidden":"navbar-mod__hidden___TQLSs","divider":"navbar-mod__divider___TpVzu","loading-dot-container":"navbar-mod__loading-dot-container___G2LVb","scrollable-menu":"navbar-mod__scrollable-menu___64pxJ"};
+    export default styles;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 declare const Navbar: import("react").LazyExoticComponent<{
-    (props: import("./navbar-new/navbar").TNavbarProps & {
-        isNewNavigationEnabled: boolean;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: import("./navbar").TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 }>;
 export default Navbar;

package/dist/declarations/src/components/navbar/{navbar-new/menu-items.d.ts → menu-items.d.ts}

@@ -1,7 +1,7 @@
 import { MouseEventHandler, type ReactNode, type SyntheticEvent } from 'react';
 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 type { TDataFence, TActionRight, TLocalizedField } from '../../types/generated/proxy';
 type TProjectPermissions = {
     permissions: TNormalizedPermissions | null;
     actionRights: TNormalizedActionRights | null;

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

@@ -1,8 +1,47 @@
-import { type TNavbarProps } from './navbar-new/navbar';
+import { type MouseEventHandler } from 'react';
+import type { RouteComponentProps } from 'react-router-dom';
+import type { TApplicationContext, TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
+import type { TFetchProjectQuery } from '../../types/generated/mc';
+import type { TNavbarMenu } from '../../types/generated/proxy';
+import { type MenuItemLinkProps } from './menu-items';
+type TProjectPermissions = {
+    permissions: TNormalizedPermissions | null;
+    actionRights: TNormalizedActionRights | null;
+    dataFences: TNormalizedDataFences | null;
+};
+type TMenuWithDefaultLabel = TNavbarMenu & {
+    defaultLabel?: string;
+};
+type ApplicationMenuProps = {
+    location: RouteComponentProps['location'];
+    menu: TMenuWithDefaultLabel;
+    isActive: boolean;
+    isMenuOpen: boolean;
+    shouldCloseMenuFly: MouseEventHandler<HTMLElement>;
+    projectPermissions: TProjectPermissions;
+    menuVisibilities: TNormalizedMenuVisibilities | null;
+    handleToggleItem: () => void;
+    applicationLocale: string;
+    projectKey: string;
+    useFullRedirectsForLinks: boolean;
+    onMenuItemClick?: MenuItemLinkProps['onClick'];
+};
+export declare const ApplicationMenu: {
+    (props: ApplicationMenuProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export type TNavbarProps = {
+    applicationLocale?: string;
+    projectKey: string;
+    environment: TApplicationContext<{
+        useFullRedirectsForLinks?: boolean;
+    }>['environment'];
+    project: TFetchProjectQuery['project'];
+    onMenuItemClick?: MenuItemLinkProps['onClick'];
+    isLoading: boolean;
+};
 declare const NavBar: {
-    (props: TNavbarProps & {
-        isNewNavigationEnabled: boolean;
-    }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export default NavBar;

package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts

@@ -3,7 +3,6 @@ import { type TApplicationContext } from '@commercetools-frontend/application-sh
 import type { TNavbarMenu } from '../../types/generated/proxy';
 type HookProps = {
     environment: TApplicationContext<{}>['environment'];
-    newNavigation?: boolean;
 };
 declare const useNavbarStateManager: (props: HookProps) => {
     navBarNode: import("react").RefObject<HTMLElement>;

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

@@ -1,14 +1,11 @@
 export declare const DIMENSIONS: {
     readonly header: "56px";
     readonly headerItemDivider: "24px";
-    readonly navMenu: "64px";
-    readonly navMenuExpanded: "245px";
+    readonly navMenu: "80px";
+    readonly navMenuExpanded: "256px";
     readonly navMenuItemHeight: "48px";
-    readonly newNavMenu: "80px";
-    readonly newNavMenuExpanded: "256px";
 };
 export declare const WINDOW_SIZES: {
-    readonly NARROW: 918;
     readonly STANDARD: 1024;
     readonly WIDE: 1200;
 };