@commercetools-frontend/application-shell 22.9.1 → 22.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-application-shell.cjs.dev.js +2 -4
- package/dist/commercetools-frontend-application-shell.cjs.prod.js +2 -4
- package/dist/commercetools-frontend-application-shell.esm.js +2 -4
- package/dist/{custom-view-dev-host-621386e0.cjs.dev.js → custom-view-dev-host-1a72b8f3.cjs.dev.js} +2 -4
- package/dist/{custom-view-dev-host-5ce5a507.esm.js → custom-view-dev-host-c6d81824.esm.js} +2 -4
- package/dist/declarations/src/components/app-bar/app-bar.d.ts +0 -1
- package/dist/declarations/src/components/application-shell-authenticated/application-shell-authenticated.d.ts +1 -4
- package/dist/declarations/src/components/custom-view-shell-authenticated/custom-view-shell-authenticated.d.ts +1 -1
- package/dist/declarations/src/components/navbar/compiled/navbar.css.json.d.ts +3 -0
- package/dist/declarations/src/components/navbar/index.d.ts +1 -3
- package/dist/declarations/src/components/navbar/{navbar-new/menu-items.d.ts → menu-items.d.ts} +1 -1
- package/dist/declarations/src/components/navbar/navbar.d.ts +43 -4
- package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts +0 -1
- package/dist/declarations/src/constants.d.ts +2 -5
- package/dist/{index-beeb5dbb.cjs.prod.js → index-497ae97d.cjs.prod.js} +207 -267
- package/dist/index-70c1623b.esm.js +1970 -0
- package/dist/index-cdc22735.cjs.dev.js +2030 -0
- package/dist/navbar-058bd4bc.esm.js +1199 -0
- package/dist/navbar-131d7509.cjs.dev.js +1230 -0
- package/dist/navbar-5b122d30.cjs.prod.js +1096 -0
- package/dist/{oidc-b2ac8a92.cjs.prod.js → oidc-88c678f1.cjs.prod.js} +3 -6
- package/dist/{oidc-0c6ca06c.cjs.dev.js → oidc-ad31a103.cjs.dev.js} +3 -6
- package/dist/{oidc-callback-7e6fcaff.esm.js → oidc-callback-943a79a3.esm.js} +2 -4
- package/dist/{oidc-callback-9d5cdf00.cjs.dev.js → oidc-callback-be76c044.cjs.dev.js} +2 -4
- package/dist/{oidc-callback-27fd978b.cjs.prod.js → oidc-callback-c70d87ef.cjs.prod.js} +2 -4
- package/dist/{oidc-95696f7b.esm.js → oidc-ffa1a7b2.esm.js} +3 -6
- package/dist/{project-container-b189c7a3.esm.js → project-container-6b3fd716.esm.js} +6 -8
- package/dist/{project-container-0ef3869c.cjs.dev.js → project-container-6d637c9b.cjs.dev.js} +6 -8
- package/dist/{project-container-c6fb1e4f.cjs.prod.js → project-container-a125b80c.cjs.prod.js} +6 -8
- package/dist/{project-expired-e2815596.cjs.dev.js → project-expired-2b8a9d75.cjs.dev.js} +3 -5
- package/dist/{project-expired-911e2f79.cjs.prod.js → project-expired-3210d4c1.cjs.prod.js} +3 -5
- package/dist/{project-expired-bd4f93bc.esm.js → project-expired-ac67215f.esm.js} +3 -5
- package/dist/{project-not-found-e5255cac.cjs.prod.js → project-not-found-47f8fa22.cjs.prod.js} +3 -5
- package/dist/{project-not-found-c0f09321.cjs.dev.js → project-not-found-9429c7d7.cjs.dev.js} +3 -5
- package/dist/{project-not-found-bfd9a058.esm.js → project-not-found-dc976e8c.esm.js} +3 -5
- package/dist/{project-not-initialized-0ed0f209.cjs.dev.js → project-not-initialized-9a3a1100.cjs.dev.js} +3 -5
- package/dist/{project-not-initialized-8d0cab2e.esm.js → project-not-initialized-c929db3a.esm.js} +3 -5
- package/dist/{project-not-initialized-2b02f3bb.cjs.prod.js → project-not-initialized-d7aa4b2f.cjs.prod.js} +3 -5
- package/dist/{project-suspended-cee209a6.esm.js → project-suspended-b789a67b.esm.js} +3 -5
- package/dist/{project-suspended-cfa2eb3b.cjs.prod.js → project-suspended-bb439496.cjs.prod.js} +3 -5
- package/dist/{project-suspended-94956aec.cjs.dev.js → project-suspended-d25e0da3.cjs.dev.js} +3 -5
- package/dist/{quick-access-1b73b555.cjs.dev.js → quick-access-463c6a6a.cjs.dev.js} +2 -4
- package/dist/{quick-access-232ff40f.esm.js → quick-access-86ec0b56.esm.js} +2 -4
- package/dist/{quick-access-ce774311.cjs.prod.js → quick-access-b1fdce23.cjs.prod.js} +2 -4
- package/dist/{redirect-to-login-aa538da2.cjs.dev.js → redirect-to-login-2c2678c6.cjs.dev.js} +1 -1
- package/dist/{redirect-to-login-ee9f3801.cjs.prod.js → redirect-to-login-2eb8c713.cjs.prod.js} +1 -1
- package/dist/{redirect-to-login-9535ddbc.esm.js → redirect-to-login-4e5c2292.esm.js} +1 -1
- package/dist/{redirect-to-logout-3a0798c1.esm.js → redirect-to-logout-23042a64.esm.js} +2 -4
- package/dist/{redirect-to-logout-ccdd9a48.cjs.dev.js → redirect-to-logout-b8c9ab83.cjs.dev.js} +2 -4
- package/dist/{redirect-to-logout-96e94d9d.cjs.prod.js → redirect-to-logout-f96ad82f.cjs.prod.js} +2 -4
- package/dist/{requests-in-flight-loader-8333ff01.esm.js → requests-in-flight-loader-4b2b696b.esm.js} +2 -4
- package/dist/{requests-in-flight-loader-b48dcc38.cjs.dev.js → requests-in-flight-loader-6dca76f3.cjs.dev.js} +2 -4
- package/dist/{requests-in-flight-loader-7f4804b4.cjs.prod.js → requests-in-flight-loader-d1643ea7.cjs.prod.js} +2 -4
- package/dist/{service-page-project-switcher-dd1d0479.esm.js → service-page-project-switcher-2676ee3d.esm.js} +1 -1
- package/dist/{service-page-project-switcher-ea2d1f5b.cjs.dev.js → service-page-project-switcher-5303df97.cjs.dev.js} +1 -1
- package/dist/{service-page-project-switcher-d656d2f0.cjs.prod.js → service-page-project-switcher-f267c53a.cjs.prod.js} +1 -1
- package/dist/{user-settings-menu-59dbf5d2.cjs.dev.js → user-settings-menu-2e70ac8f.cjs.dev.js} +1 -1
- package/dist/{user-settings-menu-70751be9.cjs.prod.js → user-settings-menu-367bc7a6.cjs.prod.js} +1 -1
- package/dist/{user-settings-menu-5841d422.esm.js → user-settings-menu-a2a34456.esm.js} +1 -1
- package/dist/{version-tracker-e862fb1a.cjs.dev.js → version-tracker-321e7b99.cjs.dev.js} +2 -4
- package/dist/{version-tracker-b14edb65.cjs.prod.js → version-tracker-bd652c85.cjs.prod.js} +2 -4
- package/dist/{version-tracker-8e09ba95.esm.js → version-tracker-cf000a87.esm.js} +2 -4
- package/package.json +21 -21
- package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.dev.js +1 -1
- package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.prod.js +1 -1
- package/ssr/dist/commercetools-frontend-application-shell-ssr.esm.js +1 -1
- package/dist/declarations/src/components/application-shell-authenticated/new-main-navigation-flag-wrapper.d.ts +0 -9
- package/dist/declarations/src/components/navbar/navbar-new/compiled/navbar.css.json.d.ts +0 -3
- package/dist/declarations/src/components/navbar/navbar-new/navbar.d.ts +0 -48
- package/dist/declarations/src/components/navbar/navbar-old/compiled/navbar.css.json.d.ts +0 -3
- package/dist/declarations/src/components/navbar/navbar-old/loading-navbar.d.ts +0 -5
- package/dist/declarations/src/components/navbar/navbar-old/menu-items.d.ts +0 -100
- package/dist/declarations/src/components/navbar/navbar-old/navbar.d.ts +0 -48
- package/dist/declarations/src/components/navbar/navbar-old/navbar.styles.d.ts +0 -7
- package/dist/declarations/src/components/navbar/use-loading-menu-layout-effect.d.ts +0 -2
- package/dist/declarations/src/feature-toggles.d.ts +0 -4
- package/dist/index-c0b19086.cjs.dev.js +0 -2081
- package/dist/index-e6cf101e.esm.js +0 -2019
- package/dist/navbar-1d867dcd.esm.js +0 -2006
- package/dist/navbar-5d636a16.cjs.dev.js +0 -2037
- package/dist/navbar-78f58680.cjs.prod.js +0 -1834
- /package/dist/declarations/src/components/navbar/{navbar-new/navbar-skeleton.d.ts → navbar-skeleton.d.ts} +0 -0
- /package/dist/declarations/src/components/navbar/{navbar-new/navbar-skeleton.styles.d.ts → navbar-skeleton.styles.d.ts} +0 -0
- /package/dist/declarations/src/components/navbar/{navbar-new/navbar.styles.d.ts → navbar.styles.d.ts} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/application-shell",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.11.0",
|
|
4
4
|
"description": "React component to bootstrap the general MC application logic",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -39,21 +39,21 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@babel/runtime": "^7.22.15",
|
|
41
41
|
"@babel/runtime-corejs3": "^7.22.15",
|
|
42
|
-
"@commercetools-frontend/actions-global": "22.
|
|
43
|
-
"@commercetools-frontend/application-components": "22.
|
|
44
|
-
"@commercetools-frontend/application-config": "22.
|
|
45
|
-
"@commercetools-frontend/application-shell-connectors": "22.
|
|
46
|
-
"@commercetools-frontend/assets": "22.
|
|
47
|
-
"@commercetools-frontend/browser-history": "22.
|
|
48
|
-
"@commercetools-frontend/constants": "22.
|
|
49
|
-
"@commercetools-frontend/i18n": "22.
|
|
50
|
-
"@commercetools-frontend/l10n": "22.
|
|
51
|
-
"@commercetools-frontend/notifications": "22.
|
|
52
|
-
"@commercetools-frontend/permissions": "22.
|
|
53
|
-
"@commercetools-frontend/react-notifications": "22.
|
|
54
|
-
"@commercetools-frontend/sdk": "22.
|
|
55
|
-
"@commercetools-frontend/sentry": "22.
|
|
56
|
-
"@commercetools-frontend/url-utils": "22.
|
|
42
|
+
"@commercetools-frontend/actions-global": "22.11.0",
|
|
43
|
+
"@commercetools-frontend/application-components": "22.11.0",
|
|
44
|
+
"@commercetools-frontend/application-config": "22.11.0",
|
|
45
|
+
"@commercetools-frontend/application-shell-connectors": "22.11.0",
|
|
46
|
+
"@commercetools-frontend/assets": "22.11.0",
|
|
47
|
+
"@commercetools-frontend/browser-history": "22.11.0",
|
|
48
|
+
"@commercetools-frontend/constants": "22.11.0",
|
|
49
|
+
"@commercetools-frontend/i18n": "22.11.0",
|
|
50
|
+
"@commercetools-frontend/l10n": "22.11.0",
|
|
51
|
+
"@commercetools-frontend/notifications": "22.11.0",
|
|
52
|
+
"@commercetools-frontend/permissions": "22.11.0",
|
|
53
|
+
"@commercetools-frontend/react-notifications": "22.11.0",
|
|
54
|
+
"@commercetools-frontend/sdk": "22.11.0",
|
|
55
|
+
"@commercetools-frontend/sentry": "22.11.0",
|
|
56
|
+
"@commercetools-frontend/url-utils": "22.11.0",
|
|
57
57
|
"@commercetools-uikit/accessible-hidden": "^16.7.3",
|
|
58
58
|
"@commercetools-uikit/avatar": "^16.7.3",
|
|
59
59
|
"@commercetools-uikit/card": "^16.7.3",
|
|
@@ -70,11 +70,11 @@
|
|
|
70
70
|
"@commercetools-uikit/text": "^16.7.3",
|
|
71
71
|
"@emotion/react": "11.11.0",
|
|
72
72
|
"@emotion/styled": "11.11.0",
|
|
73
|
-
"@flopflip/combine-adapters": "13.1.
|
|
74
|
-
"@flopflip/http-adapter": "13.1.
|
|
75
|
-
"@flopflip/launchdarkly-adapter": "13.1.
|
|
76
|
-
"@flopflip/react-broadcast": "13.1.
|
|
77
|
-
"@flopflip/types": "13.1.
|
|
73
|
+
"@flopflip/combine-adapters": "13.1.5",
|
|
74
|
+
"@flopflip/http-adapter": "13.1.5",
|
|
75
|
+
"@flopflip/launchdarkly-adapter": "13.1.5",
|
|
76
|
+
"@flopflip/react-broadcast": "13.1.5",
|
|
77
|
+
"@flopflip/types": "13.1.5",
|
|
78
78
|
"@reduxjs/toolkit": "1.9.5",
|
|
79
79
|
"@types/common-tags": "^1.8.2",
|
|
80
80
|
"@types/history": "^4.7.11",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ssr = require('@commercetools-frontend/application-config/ssr');
|
|
6
|
-
var oidc = require('../../dist/oidc-
|
|
6
|
+
var oidc = require('../../dist/oidc-ad31a103.cjs.dev.js');
|
|
7
7
|
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
8
8
|
require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
9
|
require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ssr = require('@commercetools-frontend/application-config/ssr');
|
|
6
|
-
var oidc = require('../../dist/oidc-
|
|
6
|
+
var oidc = require('../../dist/oidc-88c678f1.cjs.prod.js');
|
|
7
7
|
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
8
8
|
require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
9
|
require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
|
|
2
|
-
export { b as buildOidcScope } from '../../dist/oidc-
|
|
2
|
+
export { b as buildOidcScope } from '../../dist/oidc-ffa1a7b2.esm.js';
|
|
3
3
|
import '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
4
4
|
import '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
5
5
|
import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
type TNewMainNavigationFlagWrapperChildrenProps = {
|
|
3
|
-
isNewNavigationEnabled: boolean;
|
|
4
|
-
isNewNavigationEnabledEvaluationReady: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const NewMainNavigationFlagWrapper: (props: {
|
|
7
|
-
children: ({ isNewNavigationEnabled, isNewNavigationEnabledEvaluationReady, }: TNewMainNavigationFlagWrapperChildrenProps) => JSX.Element;
|
|
8
|
-
}) => JSX.Element;
|
|
9
|
-
export default NewMainNavigationFlagWrapper;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/* eslint-disable prettier/prettier */
|
|
2
|
-
declare const styles: {"left-navigation":"navbar-mod__left-navigation___op7AX","navigation-header":"navbar-mod__navigation-header___vaIOk","icon-container":"navbar-mod__icon-container___hAbPn","title":"navbar-mod__title___aTo0V","visible":"navbar-mod__visible___ifOIc","icon":"navbar-mod__icon___21inq","list":"navbar-mod__list___pouHY","list-item":"navbar-mod__list-item___y7qYe","item-link":"navbar-mod__item-link___6U2c1","item-icon-text":"navbar-mod__item-icon-text___3ZFtB","expander":"navbar-mod__expander___blASx","expand-icon":"navbar-mod__expand-icon___3A2Dk","item--bottom":"navbar-mod__item--bottom___Pygdy","item_menu__active":"navbar-mod__item_menu__active___j515K","item_menu-open":"navbar-mod__item_menu-open___NnkVM","item_menu-collapsed":"navbar-mod__item_menu-collapsed___1s4K0","item__active":"navbar-mod__item__active___SEPWP","sublist":"navbar-mod__sublist___tMZy4","sublist-expanded__active":"navbar-mod__sublist-expanded__active___XyUuS","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___yWHea","sublist-collapsed__active__above":"navbar-mod__sublist-collapsed__active__above___-7-Ca","sublist__inactive":"navbar-mod__sublist__inactive___5-OgH","sublist-item":"navbar-mod__sublist-item___ZZbsF","sublist-item__active":"navbar-mod__sublist-item__active___O2-c-","text":"navbar-mod__text___3TpQt","text-link":"navbar-mod__text-link___TcEn2","text-link-sublist-wrapper":"navbar-mod__text-link-sublist-wrapper___RQinz","text-link-sublist":"navbar-mod__text-link-sublist___V0-tf","navlink-clickable-content":"navbar-mod__navlink-clickable-content___o-emf","fixed-menu":"navbar-mod__fixed-menu___QYEJM","support-menu":"navbar-mod__support-menu___bkf5Q","tooltip-container":"navbar-mod__tooltip-container___gTiaE","tooltip":"navbar-mod__tooltip___3PSlF","sublist-collapsed__empty":"navbar-mod__sublist-collapsed__empty___mXa6R","highlighted":"navbar-mod__highlighted___06BoS","hidden":"navbar-mod__hidden___-s7eh","divider":"navbar-mod__divider___GBOn1","loading-dot-container":"navbar-mod__loading-dot-container___B7sPh","scrollable-menu":"navbar-mod__scrollable-menu___I9ci7"};
|
|
3
|
-
export default styles;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { type MouseEventHandler } from 'react';
|
|
2
|
-
import type { RouteComponentProps } from 'react-router-dom';
|
|
3
|
-
import type { TApplicationContext, TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
|
|
4
|
-
import type { TFetchProjectQuery } from '../../../types/generated/mc';
|
|
5
|
-
import type { TNavbarMenu } from '../../../types/generated/proxy';
|
|
6
|
-
import { type MenuItemLinkProps } from './menu-items';
|
|
7
|
-
type TProjectPermissions = {
|
|
8
|
-
permissions: TNormalizedPermissions | null;
|
|
9
|
-
actionRights: TNormalizedActionRights | null;
|
|
10
|
-
dataFences: TNormalizedDataFences | null;
|
|
11
|
-
};
|
|
12
|
-
type TMenuWithDefaultLabel = TNavbarMenu & {
|
|
13
|
-
defaultLabel?: string;
|
|
14
|
-
};
|
|
15
|
-
type ApplicationMenuProps = {
|
|
16
|
-
location: RouteComponentProps['location'];
|
|
17
|
-
menu: TMenuWithDefaultLabel;
|
|
18
|
-
isActive: boolean;
|
|
19
|
-
isMenuOpen: boolean;
|
|
20
|
-
shouldCloseMenuFly: MouseEventHandler<HTMLElement>;
|
|
21
|
-
projectPermissions: TProjectPermissions;
|
|
22
|
-
menuVisibilities: TNormalizedMenuVisibilities | null;
|
|
23
|
-
handleToggleItem: () => void;
|
|
24
|
-
applicationLocale: string;
|
|
25
|
-
projectKey: string;
|
|
26
|
-
useFullRedirectsForLinks: boolean;
|
|
27
|
-
onMenuItemClick?: MenuItemLinkProps['onClick'];
|
|
28
|
-
};
|
|
29
|
-
export declare const ApplicationMenu: {
|
|
30
|
-
(props: ApplicationMenuProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
31
|
-
displayName: string;
|
|
32
|
-
};
|
|
33
|
-
export type TNavbarProps = {
|
|
34
|
-
applicationLocale?: string;
|
|
35
|
-
projectKey: string;
|
|
36
|
-
environment: TApplicationContext<{
|
|
37
|
-
useFullRedirectsForLinks?: boolean;
|
|
38
|
-
}>['environment'];
|
|
39
|
-
project: TFetchProjectQuery['project'];
|
|
40
|
-
onMenuItemClick?: MenuItemLinkProps['onClick'];
|
|
41
|
-
isLoading: boolean;
|
|
42
|
-
isNewNavigationEnabledEvaluationReady: boolean;
|
|
43
|
-
};
|
|
44
|
-
declare const NavBar: {
|
|
45
|
-
(props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
|
|
46
|
-
displayName: string;
|
|
47
|
-
};
|
|
48
|
-
export default NavBar;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/* eslint-disable prettier/prettier */
|
|
2
|
-
declare const styles: {"left-navigation":"navbar-mod__left-navigation___B11QL","list":"navbar-mod__list___xLBjv","scrollable-menu":"navbar-mod__scrollable-menu___GUrXv","list-item":"navbar-mod__list-item___PtOVL","item-link":"navbar-mod__item-link___3b3a7","item-icon-text":"navbar-mod__item-icon-text___ZlMLY","icon":"navbar-mod__icon___xOiRj","icon__active":"navbar-mod__icon__active___8IKeB","title":"navbar-mod__title___uOjhW","expander":"navbar-mod__expander___1CChn","expand-icon":"navbar-mod__expand-icon___biAt6","item--bottom":"navbar-mod__item--bottom___RE98P","item__active":"navbar-mod__item__active___S-P3x","item_menu-open":"navbar-mod__item_menu-open___4wsej","item_menu-collapsed":"navbar-mod__item_menu-collapsed___SNDmx","item__no-submenu":"navbar-mod__item__no-submenu___mua5w","sublist":"navbar-mod__sublist___5VV4O","sublist-no-children":"navbar-mod__sublist-no-children___5Bwqb","title-copy":"navbar-mod__title-copy___SdRqf","sublist__inactive":"navbar-mod__sublist__inactive___9A4qo","sublist-item":"navbar-mod__sublist-item___d-8UM","text":"navbar-mod__text___a585r","text-link":"navbar-mod__text-link___pVuV6","item_menu__active":"navbar-mod__item_menu__active___c95PT","icon-container":"navbar-mod__icon-container___-yU8W","fixed-menu":"navbar-mod__fixed-menu___0HE2b","sublist-expanded__active":"navbar-mod__sublist-expanded__active___Fett-","sublist-collapsed__active":"navbar-mod__sublist-collapsed__active___NPTQn","highlighted":"navbar-mod__highlighted___WWk0R","hidden":"navbar-mod__hidden___kfXoC","divider":"navbar-mod__divider___A9rwl","loading-dot-container":"navbar-mod__loading-dot-container___8P8Tl"};
|
|
3
|
-
export default styles;
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler, type ReactNode, type SyntheticEvent } from 'react';
|
|
2
|
-
import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
|
|
3
|
-
import { BackIcon } from '@commercetools-uikit/icons';
|
|
4
|
-
import type { TDataFence, TActionRight, TLocalizedField } from '../../../types/generated/proxy';
|
|
5
|
-
type TProjectPermissions = {
|
|
6
|
-
permissions: TNormalizedPermissions | null;
|
|
7
|
-
actionRights: TNormalizedActionRights | null;
|
|
8
|
-
dataFences: TNormalizedDataFences | null;
|
|
9
|
-
};
|
|
10
|
-
type IconProps = Parameters<typeof BackIcon>[0];
|
|
11
|
-
type IconSwitcherProps = {
|
|
12
|
-
icon: string;
|
|
13
|
-
} & IconProps;
|
|
14
|
-
declare const IconSwitcher: {
|
|
15
|
-
({ icon, ...iconProps }: IconSwitcherProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
18
|
-
type MenuExpanderProps = {
|
|
19
|
-
isVisible: boolean;
|
|
20
|
-
onClick: MouseEventHandler<HTMLDivElement>;
|
|
21
|
-
isMenuOpen: boolean;
|
|
22
|
-
};
|
|
23
|
-
declare const MenuExpander: {
|
|
24
|
-
(props: MenuExpanderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
27
|
-
declare const Faded: import("@emotion/styled").StyledComponent<{
|
|
28
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
29
|
-
as?: import("react").ElementType<any> | undefined;
|
|
30
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
31
|
-
type MenuGroupProps = {
|
|
32
|
-
id: string;
|
|
33
|
-
level: 1 | 2;
|
|
34
|
-
isActive?: boolean;
|
|
35
|
-
isExpanded?: boolean;
|
|
36
|
-
hasSubmenu?: boolean;
|
|
37
|
-
children?: ReactNode;
|
|
38
|
-
verticalPosition?: number;
|
|
39
|
-
};
|
|
40
|
-
declare const MenuGroup: {
|
|
41
|
-
(props: MenuGroupProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
|
|
42
|
-
displayName: string;
|
|
43
|
-
};
|
|
44
|
-
type MenuItemProps = {
|
|
45
|
-
hasSubmenu: boolean;
|
|
46
|
-
isActive: boolean;
|
|
47
|
-
isMainMenuRouteActive?: boolean;
|
|
48
|
-
isMenuOpen: boolean;
|
|
49
|
-
onClick: MouseEventHandler<HTMLElement>;
|
|
50
|
-
onMouseEnter?: MouseEventHandler<HTMLElement>;
|
|
51
|
-
onMouseLeave?: MouseEventHandler<HTMLElement>;
|
|
52
|
-
children: ReactNode;
|
|
53
|
-
};
|
|
54
|
-
declare const MenuItem: {
|
|
55
|
-
(props: MenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
56
|
-
displayName: string;
|
|
57
|
-
};
|
|
58
|
-
export type MenuItemLinkProps = {
|
|
59
|
-
linkTo?: string;
|
|
60
|
-
exactMatch: boolean;
|
|
61
|
-
children: ReactNode;
|
|
62
|
-
onClick?: (event: SyntheticEvent<HTMLAnchorElement>) => void;
|
|
63
|
-
useFullRedirectsForLinks?: boolean;
|
|
64
|
-
};
|
|
65
|
-
declare const MenuItemLink: {
|
|
66
|
-
(props: MenuItemLinkProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
67
|
-
displayName: string;
|
|
68
|
-
defaultProps: Pick<MenuItemLinkProps, "exactMatch">;
|
|
69
|
-
};
|
|
70
|
-
declare const MenuItemDivider: {
|
|
71
|
-
(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
72
|
-
displayName: string;
|
|
73
|
-
};
|
|
74
|
-
type RestrictedMenuItemProps = {
|
|
75
|
-
featureToggle?: string;
|
|
76
|
-
namesOfMenuVisibilities?: string[];
|
|
77
|
-
projectPermissions: TProjectPermissions;
|
|
78
|
-
menuVisibilities: TNormalizedMenuVisibilities | null;
|
|
79
|
-
keyOfMenuItem: string;
|
|
80
|
-
permissions: string[];
|
|
81
|
-
actionRights?: TActionRight[];
|
|
82
|
-
dataFences?: TDataFence[];
|
|
83
|
-
children: ReactNode;
|
|
84
|
-
};
|
|
85
|
-
declare const RestrictedMenuItem: {
|
|
86
|
-
(props: RestrictedMenuItemProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
|
|
87
|
-
displayName: string;
|
|
88
|
-
defaultProps: Pick<RestrictedMenuItemProps, "permissions">;
|
|
89
|
-
};
|
|
90
|
-
type MenuLabelProps = {
|
|
91
|
-
labelAllLocales: TLocalizedField[];
|
|
92
|
-
defaultLabel?: string;
|
|
93
|
-
applicationLocale: string;
|
|
94
|
-
};
|
|
95
|
-
declare const MenuLabel: (props: MenuLabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
96
|
-
type TNavBarLayoutProps = {
|
|
97
|
-
children: ReactNode;
|
|
98
|
-
};
|
|
99
|
-
declare const NavBarLayout: import("react").ForwardRefExoticComponent<TNavBarLayoutProps & import("react").RefAttributes<HTMLElement>>;
|
|
100
|
-
export { RestrictedMenuItem, MenuItem, MenuItemLink, IconSwitcher, MenuGroup, MenuLabel, MenuItemDivider, MenuExpander, Faded, NavBarLayout, };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { type MouseEventHandler } from 'react';
|
|
2
|
-
import type { RouteComponentProps } from 'react-router-dom';
|
|
3
|
-
import type { TApplicationContext, TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
|
|
4
|
-
import type { TFetchProjectQuery } from '../../../types/generated/mc';
|
|
5
|
-
import type { TNavbarMenu } from '../../../types/generated/proxy';
|
|
6
|
-
import { type MenuItemLinkProps } from './menu-items';
|
|
7
|
-
type TProjectPermissions = {
|
|
8
|
-
permissions: TNormalizedPermissions | null;
|
|
9
|
-
actionRights: TNormalizedActionRights | null;
|
|
10
|
-
dataFences: TNormalizedDataFences | null;
|
|
11
|
-
};
|
|
12
|
-
type TMenuWithDefaultLabel = TNavbarMenu & {
|
|
13
|
-
defaultLabel?: string;
|
|
14
|
-
};
|
|
15
|
-
type ApplicationMenuProps = {
|
|
16
|
-
location: RouteComponentProps['location'];
|
|
17
|
-
menu: TMenuWithDefaultLabel;
|
|
18
|
-
isActive: boolean;
|
|
19
|
-
isMenuOpen: boolean;
|
|
20
|
-
shouldCloseMenuFly: MouseEventHandler<HTMLElement>;
|
|
21
|
-
projectPermissions: TProjectPermissions;
|
|
22
|
-
menuVisibilities: TNormalizedMenuVisibilities | null;
|
|
23
|
-
handleToggleItem: () => void;
|
|
24
|
-
applicationLocale: string;
|
|
25
|
-
projectKey: string;
|
|
26
|
-
useFullRedirectsForLinks: boolean;
|
|
27
|
-
onMenuItemClick?: MenuItemLinkProps['onClick'];
|
|
28
|
-
};
|
|
29
|
-
export declare const ApplicationMenu: {
|
|
30
|
-
(props: ApplicationMenuProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
31
|
-
displayName: string;
|
|
32
|
-
};
|
|
33
|
-
export type TNavbarProps = {
|
|
34
|
-
applicationLocale?: string;
|
|
35
|
-
projectKey: string;
|
|
36
|
-
environment: TApplicationContext<{
|
|
37
|
-
useFullRedirectsForLinks?: boolean;
|
|
38
|
-
}>['environment'];
|
|
39
|
-
project: TFetchProjectQuery['project'];
|
|
40
|
-
onMenuItemClick?: MenuItemLinkProps['onClick'];
|
|
41
|
-
isLoading: boolean;
|
|
42
|
-
isNewNavigationEnabledEvaluationReady: boolean;
|
|
43
|
-
};
|
|
44
|
-
declare const NavBar: {
|
|
45
|
-
(props: TNavbarProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
|
|
46
|
-
displayName: string;
|
|
47
|
-
};
|
|
48
|
-
export default NavBar;
|