@servicetitan/navigation 12.0.3 → 13.0.0-canary.256.44cf055.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/components/counter-tag.d.ts +1 -1
- package/dist/components/counter-tag.d.ts.map +1 -1
- package/dist/components/counter-tag.js.map +1 -1
- package/dist/components/profile-dropdown/interface.d.ts +55 -0
- package/dist/components/profile-dropdown/interface.d.ts.map +1 -0
- package/dist/components/profile-dropdown/interface.js.map +1 -0
- package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts +13 -0
- package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts.map +1 -0
- package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts +5 -1
- package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map +1 -1
- package/dist/components/profile-dropdown/profile-dropdown.d.ts +9 -79
- package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +1 -1
- package/dist/components/profile-dropdown/profile-dropdown.js +22 -22
- package/dist/components/profile-dropdown/profile-dropdown.js.map +1 -1
- package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts +5 -1
- package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map +1 -1
- package/dist/components/titan-layout/interface-internal.d.ts +12 -0
- package/dist/components/titan-layout/interface-internal.d.ts.map +1 -1
- package/dist/components/titan-layout/interface-internal.js.map +1 -1
- package/dist/components/titan-layout/interface.d.ts +67 -14
- package/dist/components/titan-layout/interface.d.ts.map +1 -1
- package/dist/components/titan-layout/interface.js.map +1 -1
- package/dist/components/titan-layout/layout-header-dark.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-header-dark.js +24 -12
- package/dist/components/titan-layout/layout-header-dark.js.map +1 -1
- package/dist/components/titan-layout/layout-header-links-internal.d.ts +22 -3
- package/dist/components/titan-layout/layout-header-links-internal.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-header-links-internal.js +15 -18
- package/dist/components/titan-layout/layout-header-links-internal.js.map +1 -1
- package/dist/components/titan-layout/layout-header-links.d.ts +3 -4
- package/dist/components/titan-layout/layout-header-links.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-header-links.js +25 -5
- package/dist/components/titan-layout/layout-header-links.js.map +1 -1
- package/dist/components/titan-layout/layout-header.d.ts +4 -2
- package/dist/components/titan-layout/layout-header.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-header.js +25 -16
- package/dist/components/titan-layout/layout-header.js.map +1 -1
- package/dist/components/titan-layout/layout-header.module.less +37 -1
- package/dist/components/titan-layout/layout-header.module.less.d.ts +3 -0
- package/dist/components/titan-layout/layout-profile.d.ts +8 -5
- package/dist/components/titan-layout/layout-profile.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-profile.js +30 -28
- package/dist/components/titan-layout/layout-profile.js.map +1 -1
- package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts +48 -31
- package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-sidebar-links-internal.js +87 -83
- package/dist/components/titan-layout/layout-sidebar-links-internal.js.map +1 -1
- package/dist/components/titan-layout/layout-sidebar-links.d.ts +3 -3
- package/dist/components/titan-layout/layout-sidebar-links.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-sidebar-links.js +32 -19
- package/dist/components/titan-layout/layout-sidebar-links.js.map +1 -1
- package/dist/components/titan-layout/layout-sidebar.d.ts +1 -1
- package/dist/components/titan-layout/layout-sidebar.d.ts.map +1 -1
- package/dist/components/titan-layout/layout-sidebar.js +81 -102
- package/dist/components/titan-layout/layout-sidebar.js.map +1 -1
- package/dist/components/titan-layout/layout-sidebar.module.less +74 -22
- package/dist/components/titan-layout/titan-layout-default.stories.d.ts +16 -0
- package/dist/components/titan-layout/titan-layout-default.stories.d.ts.map +1 -0
- package/dist/components/titan-layout/titan-layout-legacy.stories.d.ts +10 -0
- package/dist/components/titan-layout/titan-layout-legacy.stories.d.ts.map +1 -0
- package/dist/components/titan-layout/titan-layout-links.d.ts +5 -0
- package/dist/components/titan-layout/titan-layout-links.d.ts.map +1 -0
- package/dist/components/titan-layout/titan-layout-links.js +34 -0
- package/dist/components/titan-layout/titan-layout-links.js.map +1 -0
- package/dist/components/titan-layout/titan-layout-stacked.stories.d.ts +10 -0
- package/dist/components/titan-layout/titan-layout-stacked.stories.d.ts.map +1 -0
- package/dist/components/titan-layout/titan-layout.d.ts +5 -4
- package/dist/components/titan-layout/titan-layout.d.ts.map +1 -1
- package/dist/components/titan-layout/titan-layout.js +33 -14
- package/dist/components/titan-layout/titan-layout.js.map +1 -1
- package/dist/index.d.ts +1 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -4
- package/dist/index.js.map +1 -1
- package/dist/test/data.d.ts +26 -23
- package/dist/test/data.d.ts.map +1 -1
- package/dist/test/data.js +26 -69
- package/dist/test/data.js.map +1 -1
- package/dist/test/titan-layout.d.ts +16 -0
- package/dist/test/titan-layout.d.ts.map +1 -0
- package/dist/test/titan-layout.js +21 -0
- package/dist/test/titan-layout.js.map +1 -0
- package/dist/utils/navigation-context.d.ts +3 -22
- package/dist/utils/navigation-context.d.ts.map +1 -1
- package/dist/utils/navigation-context.js +2 -10
- package/dist/utils/navigation-context.js.map +1 -1
- package/dist/utils/navigation.d.ts +2 -7
- package/dist/utils/navigation.d.ts.map +1 -1
- package/dist/utils/navigation.js.map +1 -1
- package/package.json +4 -4
- package/src/components/counter-tag.tsx +1 -1
- package/src/components/profile-dropdown/interface.ts +47 -0
- package/src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx +25 -0
- package/src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx +15 -7
- package/src/components/profile-dropdown/profile-dropdown.stories.tsx +50 -43
- package/src/components/profile-dropdown/profile-dropdown.tsx +39 -115
- package/src/components/titan-layout/interface-internal.ts +13 -0
- package/src/components/titan-layout/interface.ts +73 -17
- package/src/components/titan-layout/layout-header-dark.tsx +21 -5
- package/src/components/titan-layout/layout-header-links-internal.tsx +41 -54
- package/src/components/titan-layout/layout-header-links.tsx +65 -12
- package/src/components/titan-layout/layout-header.module.less +37 -1
- package/src/components/titan-layout/layout-header.module.less.d.ts +3 -0
- package/src/components/titan-layout/layout-header.tsx +28 -15
- package/src/components/titan-layout/layout-profile.tsx +53 -34
- package/src/components/titan-layout/layout-sidebar-links-internal.tsx +188 -147
- package/src/components/titan-layout/layout-sidebar-links.tsx +73 -26
- package/src/components/titan-layout/layout-sidebar.module.less +74 -22
- package/src/components/titan-layout/layout-sidebar.tsx +55 -80
- package/src/components/titan-layout/{titan-layout.stories.tsx → titan-layout-default.stories.tsx} +131 -114
- package/src/components/titan-layout/titan-layout-legacy.stories.tsx +24 -0
- package/src/components/titan-layout/titan-layout-links.tsx +34 -0
- package/src/components/titan-layout/titan-layout-stacked.stories.tsx +30 -0
- package/src/components/titan-layout/titan-layout.tsx +39 -15
- package/src/index.ts +1 -12
- package/src/test/data.tsx +31 -83
- package/src/test/titan-layout.tsx +34 -0
- package/src/utils/navigation-context.tsx +9 -35
- package/src/utils/navigation.ts +3 -10
- package/dist/components/header-navigation/header-navigation-content.d.ts +0 -30
- package/dist/components/header-navigation/header-navigation-content.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation-content.js +0 -58
- package/dist/components/header-navigation/header-navigation-content.js.map +0 -1
- package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts +0 -9
- package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation-extra.stories.d.ts +0 -12
- package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation-links.d.ts +0 -11
- package/dist/components/header-navigation/header-navigation-links.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation-links.js +0 -62
- package/dist/components/header-navigation/header-navigation-links.js.map +0 -1
- package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts +0 -12
- package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation-stories.module.less +0 -6
- package/dist/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
- package/dist/components/header-navigation/header-navigation.d.ts +0 -59
- package/dist/components/header-navigation/header-navigation.d.ts.map +0 -1
- package/dist/components/header-navigation/header-navigation.js +0 -228
- package/dist/components/header-navigation/header-navigation.js.map +0 -1
- package/dist/components/header-navigation/header-navigation.module.less +0 -260
- package/dist/components/header-navigation/header-navigation.module.less.d.ts +0 -22
- package/dist/components/header-navigation/header-navigation.stories.d.ts +0 -12
- package/dist/components/header-navigation/header-navigation.stories.d.ts.map +0 -1
- package/dist/components/header-navigation/index.d.ts +0 -2
- package/dist/components/header-navigation/index.d.ts.map +0 -1
- package/dist/components/header-navigation/index.js +0 -3
- package/dist/components/header-navigation/index.js.map +0 -1
- package/dist/components/header-navigation/with-tooltip.d.ts +0 -4
- package/dist/components/header-navigation/with-tooltip.d.ts.map +0 -1
- package/dist/components/header-navigation/with-tooltip.js +0 -10
- package/dist/components/header-navigation/with-tooltip.js.map +0 -1
- package/dist/components/layout.stories.d.ts +0 -13
- package/dist/components/layout.stories.d.ts.map +0 -1
- package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts +0 -9
- package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts.map +0 -1
- package/dist/components/left-navigation/header-navigation-tiny-links.d.ts +0 -18
- package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map +0 -1
- package/dist/components/left-navigation/header-navigation-tiny-links.js +0 -79
- package/dist/components/left-navigation/header-navigation-tiny-links.js.map +0 -1
- package/dist/components/left-navigation/header-navigation-tiny.d.ts +0 -23
- package/dist/components/left-navigation/header-navigation-tiny.d.ts.map +0 -1
- package/dist/components/left-navigation/header-navigation-tiny.js +0 -32
- package/dist/components/left-navigation/header-navigation-tiny.js.map +0 -1
- package/dist/components/left-navigation/header-navigation-tiny.module.less +0 -117
- package/dist/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
- package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts +0 -12
- package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +0 -1
- package/dist/components/left-navigation/index.d.ts +0 -5
- package/dist/components/left-navigation/index.d.ts.map +0 -1
- package/dist/components/left-navigation/index.js +0 -5
- package/dist/components/left-navigation/index.js.map +0 -1
- package/dist/components/left-navigation/interface-internal.d.ts +0 -10
- package/dist/components/left-navigation/interface-internal.d.ts.map +0 -1
- package/dist/components/left-navigation/interface-internal.js +0 -3
- package/dist/components/left-navigation/interface-internal.js.map +0 -1
- package/dist/components/left-navigation/interface.d.ts +0 -20
- package/dist/components/left-navigation/interface.d.ts.map +0 -1
- package/dist/components/left-navigation/interface.js.map +0 -1
- package/dist/components/left-navigation/side-navigation-context.d.ts +0 -8
- package/dist/components/left-navigation/side-navigation-context.d.ts.map +0 -1
- package/dist/components/left-navigation/side-navigation-context.js +0 -8
- package/dist/components/left-navigation/side-navigation-context.js.map +0 -1
- package/dist/components/left-navigation/side-navigation-links-internal.d.ts +0 -28
- package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map +0 -1
- package/dist/components/left-navigation/side-navigation-links-internal.js +0 -89
- package/dist/components/left-navigation/side-navigation-links-internal.js.map +0 -1
- package/dist/components/left-navigation/side-navigation-links.d.ts +0 -6
- package/dist/components/left-navigation/side-navigation-links.d.ts.map +0 -1
- package/dist/components/left-navigation/side-navigation-links.js +0 -48
- package/dist/components/left-navigation/side-navigation-links.js.map +0 -1
- package/dist/components/left-navigation/side-navigation.d.ts +0 -29
- package/dist/components/left-navigation/side-navigation.d.ts.map +0 -1
- package/dist/components/left-navigation/side-navigation.js +0 -411
- package/dist/components/left-navigation/side-navigation.js.map +0 -1
- package/dist/components/left-navigation/side-navigation.module.less +0 -530
- package/dist/components/left-navigation/side-navigation.module.less.d.ts +0 -48
- package/dist/components/left-navigation/side-navigation.stories.d.ts +0 -17
- package/dist/components/left-navigation/side-navigation.stories.d.ts.map +0 -1
- package/dist/components/left-navigation/with-tooltip.d.ts +0 -4
- package/dist/components/left-navigation/with-tooltip.d.ts.map +0 -1
- package/dist/components/left-navigation/with-tooltip.js +0 -15
- package/dist/components/left-navigation/with-tooltip.js.map +0 -1
- package/dist/components/links.d.ts +0 -5
- package/dist/components/links.d.ts.map +0 -1
- package/dist/components/links.js +0 -35
- package/dist/components/links.js.map +0 -1
- package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts +0 -9
- package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts.map +0 -1
- package/dist/components/titan-layout/layout-profile.stories.d.ts +0 -13
- package/dist/components/titan-layout/layout-profile.stories.d.ts.map +0 -1
- package/dist/components/titan-layout/titan-layout.stories.d.ts +0 -29
- package/dist/components/titan-layout/titan-layout.stories.d.ts.map +0 -1
- package/dist/utils/navigation-legacy.d.ts +0 -88
- package/dist/utils/navigation-legacy.d.ts.map +0 -1
- package/dist/utils/navigation-legacy.js +0 -3
- package/dist/utils/navigation-legacy.js.map +0 -1
- package/src/components/header-navigation/header-navigation-content.tsx +0 -120
- package/src/components/header-navigation/header-navigation-extra-stacked.stories.tsx +0 -19
- package/src/components/header-navigation/header-navigation-extra.stories.tsx +0 -142
- package/src/components/header-navigation/header-navigation-links.tsx +0 -141
- package/src/components/header-navigation/header-navigation-stacked.stories.tsx +0 -146
- package/src/components/header-navigation/header-navigation-stories.module.less +0 -6
- package/src/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
- package/src/components/header-navigation/header-navigation.module.less +0 -260
- package/src/components/header-navigation/header-navigation.module.less.d.ts +0 -22
- package/src/components/header-navigation/header-navigation.stories.tsx +0 -165
- package/src/components/header-navigation/header-navigation.tsx +0 -327
- package/src/components/header-navigation/index.ts +0 -1
- package/src/components/header-navigation/with-tooltip.tsx +0 -15
- package/src/components/layout.stories.tsx +0 -103
- package/src/components/left-navigation/header-navigation-extra-tiny.stories.tsx +0 -21
- package/src/components/left-navigation/header-navigation-tiny-links.tsx +0 -145
- package/src/components/left-navigation/header-navigation-tiny.module.less +0 -117
- package/src/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
- package/src/components/left-navigation/header-navigation-tiny.stories.tsx +0 -178
- package/src/components/left-navigation/header-navigation-tiny.tsx +0 -65
- package/src/components/left-navigation/index.ts +0 -4
- package/src/components/left-navigation/interface-internal.ts +0 -11
- package/src/components/left-navigation/interface.ts +0 -26
- package/src/components/left-navigation/side-navigation-context.tsx +0 -13
- package/src/components/left-navigation/side-navigation-links-internal.tsx +0 -151
- package/src/components/left-navigation/side-navigation-links.tsx +0 -57
- package/src/components/left-navigation/side-navigation.module.less +0 -530
- package/src/components/left-navigation/side-navigation.module.less.d.ts +0 -48
- package/src/components/left-navigation/side-navigation.stories.tsx +0 -226
- package/src/components/left-navigation/side-navigation.tsx +0 -543
- package/src/components/left-navigation/with-tooltip.tsx +0 -16
- package/src/components/links.tsx +0 -54
- package/src/components/profile-dropdown/profile-dropdown-tiny.stories.tsx +0 -25
- package/src/components/titan-layout/layout-profile.stories.tsx +0 -46
- package/src/utils/navigation-legacy.ts +0 -106
- /package/dist/components/{left-navigation → profile-dropdown}/interface.js +0 -0
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
parameters: {};
|
|
4
|
-
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
5
|
-
};
|
|
6
|
-
export default _default;
|
|
7
|
-
export declare const LeftNavLayout: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const LeftNavLayoutCommercial: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const LeftNavLayoutOnlyLinks: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const LeftNavLayoutSubmenu: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const LeftNavLayoutSubmenuBar: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const LeftNavLayoutSubmenuBarWithTop: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
//# sourceMappingURL=layout.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layout.stories.d.ts","sourceRoot":"","sources":["../../src/components/layout.stories.tsx"],"names":[],"mappings":";;;;;AAcA,wBAIE;AAEF,eAAO,MAAM,aAAa,+CAUzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAUnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAUlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAchC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAcnC,CAAC;AAEF,eAAO,MAAM,8BAA8B,+CAc1C,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: import("react").FC<import("../..").HeaderNavigationLinkProps>;
|
|
4
|
-
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
5
|
-
parameters: {};
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export { ExtraWithTooltip, ExtraLink, ExtraTrigger, ExtraWithLabel, } from '../header-navigation/header-navigation-extra.stories';
|
|
9
|
-
//# sourceMappingURL=header-navigation-extra-tiny.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header-navigation-extra-tiny.stories.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-extra-tiny.stories.tsx"],"names":[],"mappings":";;;;;;AAQA,wBAKE;AAEF,OAAO,EACH,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,cAAc,GACjB,MAAM,sDAAsD,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { IconProps } from '@servicetitan/anvil2';
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
import { HeaderNavigationLinkProps, HeaderNavigationTriggerProps } from '../../utils/navigation-legacy';
|
|
4
|
-
import { CounterTagProps } from '../counter-tag';
|
|
5
|
-
/** Content for navigation items */
|
|
6
|
-
export declare const HeaderNavigationItemContent: FC<{
|
|
7
|
-
tag?: CounterTagProps;
|
|
8
|
-
counterClassName?: string;
|
|
9
|
-
icon: IconProps['svg'] | undefined;
|
|
10
|
-
iconActive: IconProps['svg'] | undefined;
|
|
11
|
-
label?: string;
|
|
12
|
-
labelClassName?: string;
|
|
13
|
-
}>;
|
|
14
|
-
/** Navigation extra item with link */
|
|
15
|
-
export declare const HeaderNavigationLink: FC<HeaderNavigationLinkProps>;
|
|
16
|
-
/** Navigation extra item with icon button */
|
|
17
|
-
export declare const HeaderNavigationTrigger: FC<HeaderNavigationTriggerProps>;
|
|
18
|
-
//# sourceMappingURL=header-navigation-tiny-links.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header-navigation-tiny-links.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAEjD,OAAO,EACH,yBAAyB,EACzB,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAK7D,mCAAmC;AACnC,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IACzC,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CA0BA,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+C9D,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA2CpE,CAAC"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createElement as _createElement } from "react";
|
|
3
|
-
import { Icon } from '@servicetitan/anvil2';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import { Fragment, useContext } from 'react';
|
|
6
|
-
import { NavigationComponentContext } from '../../utils/navigation-context';
|
|
7
|
-
import { getCounterTag } from '../../utils/side-nav';
|
|
8
|
-
import { CounterTag } from '../counter-tag';
|
|
9
|
-
// use v1 tooltips due to bug with v2 in monolith
|
|
10
|
-
import { withTooltip } from '../header-navigation/with-tooltip';
|
|
11
|
-
import * as Styles from './header-navigation-tiny.module.less';
|
|
12
|
-
/** Content for navigation items */ export const HeaderNavigationItemContent = ({ counterClassName, icon, iconActive, label, labelClassName, tag })=>{
|
|
13
|
-
return /*#__PURE__*/ _jsxs(Fragment, {
|
|
14
|
-
children: [
|
|
15
|
-
!!icon && /*#__PURE__*/ _jsx(Icon, {
|
|
16
|
-
svg: icon,
|
|
17
|
-
className: Styles.navigationIcon
|
|
18
|
-
}),
|
|
19
|
-
!!iconActive && /*#__PURE__*/ _jsx(Icon, {
|
|
20
|
-
svg: iconActive,
|
|
21
|
-
className: classNames(Styles.navigationIcon, Styles.navigationIconActive)
|
|
22
|
-
}),
|
|
23
|
-
!!label && /*#__PURE__*/ _jsx("span", {
|
|
24
|
-
className: classNames(Styles.navigationItemLabel, labelClassName),
|
|
25
|
-
children: label
|
|
26
|
-
}),
|
|
27
|
-
!!tag && /*#__PURE__*/ _jsx(CounterTag, {
|
|
28
|
-
data: tag,
|
|
29
|
-
className: classNames(Styles.navigationItemCounter, counterClassName),
|
|
30
|
-
longClassName: Styles.navigationItemCounterLong
|
|
31
|
-
})
|
|
32
|
-
]
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
/** Navigation extra item with link */ export const HeaderNavigationLink = ({ id, to, hint, tooltip, className, counter, icon, iconActive, iconClassName, iconComponent, iconName, isActive, label, labelClassName, tag, target, ...rest })=>{
|
|
36
|
-
const NavigationComponent = useContext(NavigationComponentContext);
|
|
37
|
-
return withTooltip(/*#__PURE__*/ _createElement(NavigationComponent, {
|
|
38
|
-
"data-cy": `navigation-link-${id}`,
|
|
39
|
-
"data-pendo": `navigation-link-${id}`,
|
|
40
|
-
...rest,
|
|
41
|
-
key: id,
|
|
42
|
-
to: to,
|
|
43
|
-
title: hint,
|
|
44
|
-
className: classNames(Styles.navigationLink, className, {
|
|
45
|
-
[Styles.navigationItemActive]: isActive === true,
|
|
46
|
-
[Styles.navigationItemIconState]: !!icon && !!iconActive
|
|
47
|
-
}),
|
|
48
|
-
isActive: typeof isActive === 'function' ? isActive : undefined,
|
|
49
|
-
activeClassName: Styles.navigationItemActive,
|
|
50
|
-
target: target
|
|
51
|
-
}, /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
|
|
52
|
-
tag: getCounterTag(counter, tag),
|
|
53
|
-
icon: icon,
|
|
54
|
-
iconActive: iconActive,
|
|
55
|
-
label: label,
|
|
56
|
-
labelClassName: labelClassName
|
|
57
|
-
})), tooltip);
|
|
58
|
-
};
|
|
59
|
-
/** Navigation extra item with icon button */ export const HeaderNavigationTrigger = ({ id, className, counter, icon, iconActive, iconName, isActive, hint, label, labelClassName, tag, tooltip, title, titleClassName, ...rest })=>{
|
|
60
|
-
return withTooltip(/*#__PURE__*/ _jsx("div", {
|
|
61
|
-
"data-cy": `navigation-trigger-${id}`,
|
|
62
|
-
"data-pendo": `navigation-trigger-${id}`,
|
|
63
|
-
...rest,
|
|
64
|
-
title: hint,
|
|
65
|
-
className: classNames(Styles.navigationLink, {
|
|
66
|
-
[Styles.navigationItemActive]: isActive === true,
|
|
67
|
-
[Styles.navigationItemIconState]: !!icon && !!iconActive
|
|
68
|
-
}, 'cursor-pointer', className),
|
|
69
|
-
children: /*#__PURE__*/ _jsx(HeaderNavigationItemContent, {
|
|
70
|
-
tag: getCounterTag(counter, tag),
|
|
71
|
-
icon: icon,
|
|
72
|
-
iconActive: iconActive,
|
|
73
|
-
label: label,
|
|
74
|
-
labelClassName: labelClassName
|
|
75
|
-
})
|
|
76
|
-
}), tooltip);
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
//# sourceMappingURL=header-navigation-tiny-links.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny-links.tsx"],"sourcesContent":["import { Icon, IconProps } from '@servicetitan/anvil2';\nimport classNames from 'classnames';\nimport { FC, Fragment, useContext } from 'react';\nimport { NavigationComponentContext } from '../../utils/navigation-context';\nimport {\n HeaderNavigationLinkProps,\n HeaderNavigationTriggerProps,\n} from '../../utils/navigation-legacy';\nimport { getCounterTag } from '../../utils/side-nav';\nimport { CounterTag, CounterTagProps } from '../counter-tag';\n// use v1 tooltips due to bug with v2 in monolith\nimport { withTooltip } from '../header-navigation/with-tooltip';\nimport * as Styles from './header-navigation-tiny.module.less';\n\n/** Content for navigation items */\nexport const HeaderNavigationItemContent: FC<{\n tag?: CounterTagProps;\n counterClassName?: string;\n icon: IconProps['svg'] | undefined;\n iconActive: IconProps['svg'] | undefined;\n label?: string;\n labelClassName?: string;\n}> = ({ counterClassName, icon, iconActive, label, labelClassName, tag }) => {\n return (\n <Fragment>\n {!!icon && <Icon svg={icon} className={Styles.navigationIcon} />}\n {!!iconActive && (\n <Icon\n svg={iconActive}\n className={classNames(Styles.navigationIcon, Styles.navigationIconActive)}\n />\n )}\n\n {!!label && (\n <span className={classNames(Styles.navigationItemLabel, labelClassName)}>\n {label}\n </span>\n )}\n\n {!!tag && (\n <CounterTag\n data={tag}\n className={classNames(Styles.navigationItemCounter, counterClassName)}\n longClassName={Styles.navigationItemCounterLong}\n />\n )}\n </Fragment>\n );\n};\n\n/** Navigation extra item with link */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = ({\n id,\n to,\n hint,\n tooltip,\n className,\n counter,\n icon,\n iconActive,\n iconClassName,\n iconComponent,\n iconName,\n isActive,\n label,\n labelClassName,\n tag,\n target,\n ...rest\n}) => {\n const NavigationComponent = useContext(NavigationComponentContext);\n\n return withTooltip(\n <NavigationComponent\n data-cy={`navigation-link-${id}`}\n data-pendo={`navigation-link-${id}`}\n {...rest}\n key={id}\n to={to}\n title={hint}\n className={classNames(Styles.navigationLink, className, {\n [Styles.navigationItemActive]: isActive === true,\n [Styles.navigationItemIconState]: !!icon && !!iconActive,\n })}\n isActive={typeof isActive === 'function' ? isActive : undefined}\n activeClassName={Styles.navigationItemActive}\n target={target}\n >\n <HeaderNavigationItemContent\n tag={getCounterTag(counter, tag)}\n icon={icon}\n iconActive={iconActive}\n label={label}\n labelClassName={labelClassName}\n />\n </NavigationComponent>,\n tooltip\n );\n};\n\n/** Navigation extra item with icon button */\nexport const HeaderNavigationTrigger: FC<HeaderNavigationTriggerProps> = ({\n id,\n className,\n counter,\n icon,\n iconActive,\n iconName,\n isActive,\n hint,\n label,\n labelClassName,\n tag,\n tooltip,\n title,\n titleClassName,\n ...rest\n}) => {\n return withTooltip(\n <div\n data-cy={`navigation-trigger-${id}`}\n data-pendo={`navigation-trigger-${id}`}\n {...rest}\n title={hint}\n className={classNames(\n Styles.navigationLink,\n {\n [Styles.navigationItemActive]: isActive === true,\n [Styles.navigationItemIconState]: !!icon && !!iconActive,\n },\n 'cursor-pointer',\n className\n )}\n >\n <HeaderNavigationItemContent\n tag={getCounterTag(counter, tag)}\n icon={icon}\n iconActive={iconActive}\n label={label}\n labelClassName={labelClassName}\n />\n </div>,\n tooltip\n );\n};\n"],"names":["Icon","classNames","Fragment","useContext","NavigationComponentContext","getCounterTag","CounterTag","withTooltip","Styles","HeaderNavigationItemContent","counterClassName","icon","iconActive","label","labelClassName","tag","svg","className","navigationIcon","navigationIconActive","span","navigationItemLabel","data","navigationItemCounter","longClassName","navigationItemCounterLong","HeaderNavigationLink","id","to","hint","tooltip","counter","iconClassName","iconComponent","iconName","isActive","target","rest","NavigationComponent","data-cy","data-pendo","key","title","navigationLink","navigationItemActive","navigationItemIconState","undefined","activeClassName","HeaderNavigationTrigger","titleClassName","div"],"mappings":";;AAAA,SAASA,IAAI,QAAmB,uBAAuB;AACvD,OAAOC,gBAAgB,aAAa;AACpC,SAAaC,QAAQ,EAAEC,UAAU,QAAQ,QAAQ;AACjD,SAASC,0BAA0B,QAAQ,iCAAiC;AAK5E,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAyB,iBAAiB;AAC7D,iDAAiD;AACjD,SAASC,WAAW,QAAQ,oCAAoC;AAChE,YAAYC,YAAY,uCAAuC;AAE/D,iCAAiC,GACjC,OAAO,MAAMC,8BAOR,CAAC,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAE;IACpE,qBACI,MAACb;;YACI,CAAC,CAACS,sBAAQ,KAACX;gBAAKgB,KAAKL;gBAAMM,WAAWT,OAAOU,cAAc;;YAC3D,CAAC,CAACN,4BACC,KAACZ;gBACGgB,KAAKJ;gBACLK,WAAWhB,WAAWO,OAAOU,cAAc,EAAEV,OAAOW,oBAAoB;;YAI/E,CAAC,CAACN,uBACC,KAACO;gBAAKH,WAAWhB,WAAWO,OAAOa,mBAAmB,EAAEP;0BACnDD;;YAIR,CAAC,CAACE,qBACC,KAACT;gBACGgB,MAAMP;gBACNE,WAAWhB,WAAWO,OAAOe,qBAAqB,EAAEb;gBACpDc,eAAehB,OAAOiB,yBAAyB;;;;AAKnE,EAAE;AAEF,oCAAoC,GACpC,OAAO,MAAMC,uBAAsD,CAAC,EAChEC,EAAE,EACFC,EAAE,EACFC,IAAI,EACJC,OAAO,EACPb,SAAS,EACTc,OAAO,EACPpB,IAAI,EACJC,UAAU,EACVoB,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRtB,KAAK,EACLC,cAAc,EACdC,GAAG,EACHqB,MAAM,EACN,GAAGC,MACN;IACG,MAAMC,sBAAsBnC,WAAWC;IAEvC,OAAOG,0BACH,eAAC+B;QACGC,WAAS,CAAC,gBAAgB,EAAEZ,IAAI;QAChCa,cAAY,CAAC,gBAAgB,EAAEb,IAAI;QAClC,GAAGU,IAAI;QACRI,KAAKd;QACLC,IAAIA;QACJc,OAAOb;QACPZ,WAAWhB,WAAWO,OAAOmC,cAAc,EAAE1B,WAAW;YACpD,CAACT,OAAOoC,oBAAoB,CAAC,EAAET,aAAa;YAC5C,CAAC3B,OAAOqC,uBAAuB,CAAC,EAAE,CAAC,CAAClC,QAAQ,CAAC,CAACC;QAClD;QACAuB,UAAU,OAAOA,aAAa,aAAaA,WAAWW;QACtDC,iBAAiBvC,OAAOoC,oBAAoB;QAC5CR,QAAQA;qBAER,KAAC3B;QACGM,KAAKV,cAAc0B,SAAShB;QAC5BJ,MAAMA;QACNC,YAAYA;QACZC,OAAOA;QACPC,gBAAgBA;SAGxBgB;AAER,EAAE;AAEF,2CAA2C,GAC3C,OAAO,MAAMkB,0BAA4D,CAAC,EACtErB,EAAE,EACFV,SAAS,EACTc,OAAO,EACPpB,IAAI,EACJC,UAAU,EACVsB,QAAQ,EACRC,QAAQ,EACRN,IAAI,EACJhB,KAAK,EACLC,cAAc,EACdC,GAAG,EACHe,OAAO,EACPY,KAAK,EACLO,cAAc,EACd,GAAGZ,MACN;IACG,OAAO9B,0BACH,KAAC2C;QACGX,WAAS,CAAC,mBAAmB,EAAEZ,IAAI;QACnCa,cAAY,CAAC,mBAAmB,EAAEb,IAAI;QACrC,GAAGU,IAAI;QACRK,OAAOb;QACPZ,WAAWhB,WACPO,OAAOmC,cAAc,EACrB;YACI,CAACnC,OAAOoC,oBAAoB,CAAC,EAAET,aAAa;YAC5C,CAAC3B,OAAOqC,uBAAuB,CAAC,EAAE,CAAC,CAAClC,QAAQ,CAAC,CAACC;QAClD,GACA,kBACAK;kBAGJ,cAAA,KAACR;YACGM,KAAKV,cAAc0B,SAAShB;YAC5BJ,MAAMA;YACNC,YAAYA;YACZC,OAAOA;YACPC,gBAAgBA;;QAGxBgB;AAER,EAAE"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { FC, ReactElement, ReactNode } from 'react';
|
|
2
|
-
export interface HeaderNavigationTinyProps {
|
|
3
|
-
/** container class name */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** extra navigation */
|
|
6
|
-
right?: ReactNode;
|
|
7
|
-
/** extra navigation container class name */
|
|
8
|
-
rightClassName?: string;
|
|
9
|
-
/** container id */
|
|
10
|
-
id?: string;
|
|
11
|
-
/** left content (usually used for logo) */
|
|
12
|
-
left?: ReactElement;
|
|
13
|
-
/** left container class name */
|
|
14
|
-
leftClassName?: string;
|
|
15
|
-
/** center content */
|
|
16
|
-
center?: ReactElement;
|
|
17
|
-
/** center container class name */
|
|
18
|
-
centerClassName?: string;
|
|
19
|
-
/** minimal width for navigation bar */
|
|
20
|
-
minWidth?: number;
|
|
21
|
-
}
|
|
22
|
-
export declare const HeaderNavigationTiny: FC<HeaderNavigationTinyProps>;
|
|
23
|
-
//# sourceMappingURL=header-navigation-tiny.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header-navigation-tiny.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,yBAAyB;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAuC9D,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import * as Styles from './header-navigation-tiny.module.less';
|
|
4
|
-
export const HeaderNavigationTiny = ({ className, id, left, leftClassName, right, rightClassName, center, centerClassName, minWidth = 800 })=>{
|
|
5
|
-
return /*#__PURE__*/ _jsxs("div", {
|
|
6
|
-
className: classNames(Styles.headerTiny, className),
|
|
7
|
-
style: {
|
|
8
|
-
minWidth: `${minWidth}px`
|
|
9
|
-
},
|
|
10
|
-
id: id,
|
|
11
|
-
"data-cy": "header-navigation",
|
|
12
|
-
children: [
|
|
13
|
-
/*#__PURE__*/ _jsx("div", {
|
|
14
|
-
className: classNames(Styles.heTopLeft, leftClassName),
|
|
15
|
-
"data-cy": "navigation-left",
|
|
16
|
-
children: left
|
|
17
|
-
}),
|
|
18
|
-
/*#__PURE__*/ _jsx("div", {
|
|
19
|
-
className: classNames(Styles.heTopCenter, centerClassName),
|
|
20
|
-
"data-cy": "navigation-center",
|
|
21
|
-
children: center
|
|
22
|
-
}),
|
|
23
|
-
/*#__PURE__*/ _jsx("div", {
|
|
24
|
-
className: classNames('d-f flex-row justify-content-end align-items-center', Styles.heTopRight, rightClassName),
|
|
25
|
-
"data-cy": "navigation-right",
|
|
26
|
-
children: right
|
|
27
|
-
})
|
|
28
|
-
]
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
//# sourceMappingURL=header-navigation-tiny.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/header-navigation-tiny.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { FC, ReactElement, ReactNode } from 'react';\nimport * as Styles from './header-navigation-tiny.module.less';\n\nexport interface HeaderNavigationTinyProps {\n /** container class name */\n className?: string;\n /** extra navigation */\n right?: ReactNode;\n /** extra navigation container class name */\n rightClassName?: string;\n /** container id */\n id?: string;\n /** left content (usually used for logo) */\n left?: ReactElement;\n /** left container class name */\n leftClassName?: string;\n /** center content */\n center?: ReactElement;\n /** center container class name */\n centerClassName?: string;\n /** minimal width for navigation bar */\n minWidth?: number;\n}\n\nexport const HeaderNavigationTiny: FC<HeaderNavigationTinyProps> = ({\n className,\n id,\n left,\n leftClassName,\n right,\n rightClassName,\n center,\n centerClassName,\n minWidth = 800,\n}) => {\n return (\n <div\n className={classNames(Styles.headerTiny, className)}\n style={{ minWidth: `${minWidth}px` }}\n id={id}\n data-cy=\"header-navigation\"\n >\n <div className={classNames(Styles.heTopLeft, leftClassName)} data-cy=\"navigation-left\">\n {left}\n </div>\n <div\n className={classNames(Styles.heTopCenter, centerClassName)}\n data-cy=\"navigation-center\"\n >\n {center}\n </div>\n <div\n className={classNames(\n 'd-f flex-row justify-content-end align-items-center',\n Styles.heTopRight,\n rightClassName\n )}\n data-cy=\"navigation-right\"\n >\n {right}\n </div>\n </div>\n );\n};\n"],"names":["classNames","Styles","HeaderNavigationTiny","className","id","left","leftClassName","right","rightClassName","center","centerClassName","minWidth","div","headerTiny","style","data-cy","heTopLeft","heTopCenter","heTopRight"],"mappings":";AAAA,OAAOA,gBAAgB,aAAa;AAEpC,YAAYC,YAAY,uCAAuC;AAuB/D,OAAO,MAAMC,uBAAsD,CAAC,EAChEC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,aAAa,EACbC,KAAK,EACLC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,WAAW,GAAG,EACjB;IACG,qBACI,MAACC;QACGT,WAAWH,WAAWC,OAAOY,UAAU,EAAEV;QACzCW,OAAO;YAAEH,UAAU,GAAGA,SAAS,EAAE,CAAC;QAAC;QACnCP,IAAIA;QACJW,WAAQ;;0BAER,KAACH;gBAAIT,WAAWH,WAAWC,OAAOe,SAAS,EAAEV;gBAAgBS,WAAQ;0BAChEV;;0BAEL,KAACO;gBACGT,WAAWH,WAAWC,OAAOgB,WAAW,EAAEP;gBAC1CK,WAAQ;0BAEPN;;0BAEL,KAACG;gBACGT,WAAWH,WACP,uDACAC,OAAOiB,UAAU,EACjBV;gBAEJO,WAAQ;0BAEPR;;;;AAIjB,EAAE"}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable no-descending-specificity */
|
|
2
|
-
@import (reference) '@servicetitan/tokens/core/tokens.less';
|
|
3
|
-
|
|
4
|
-
@size-links-tiny: 24px;
|
|
5
|
-
|
|
6
|
-
.header-tiny {
|
|
7
|
-
display: grid;
|
|
8
|
-
grid-template-columns: repeat(3, 1fr);
|
|
9
|
-
grid-template-rows: 48px;
|
|
10
|
-
|
|
11
|
-
background-color: @color-white;
|
|
12
|
-
color: @color-black;
|
|
13
|
-
|
|
14
|
-
& > * {
|
|
15
|
-
overflow-y: hidden;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.he-top-left {
|
|
19
|
-
grid-column: span 1;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.he-top-center {
|
|
23
|
-
grid-column: span 1;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.he-top-right {
|
|
27
|
-
grid-column: span 1;
|
|
28
|
-
|
|
29
|
-
& > * {
|
|
30
|
-
color: @color-black;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:global(.profile-dropdown-image) {
|
|
35
|
-
height: 24px;
|
|
36
|
-
width: 24px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
:global(.profile-dropdown-trigger) {
|
|
40
|
-
height: 32px;
|
|
41
|
-
font-size: @size-links-tiny;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.navigation-link {
|
|
45
|
-
margin: 6px 2px;
|
|
46
|
-
padding: 6px 6px;
|
|
47
|
-
border-radius: 12px;
|
|
48
|
-
font-size: @size-links-tiny;
|
|
49
|
-
color: inherit;
|
|
50
|
-
|
|
51
|
-
&.navigation-item-active:not(.navigation-item-overflow) {
|
|
52
|
-
background-color: @color-blue-100 !important;
|
|
53
|
-
color: @color-blue-500 !important;
|
|
54
|
-
}
|
|
55
|
-
&:hover:not(.navigation-item-active):not(.navigation-item-overflow) {
|
|
56
|
-
background-color: rgba(0, 0, 0, 0.12) !important;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&.navigation-item-icon-state.navigation-item-active {
|
|
60
|
-
.navigation-icon:not(.navigation-icon-active) {
|
|
61
|
-
display: none;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.navigation-icon.navigation-icon-active[data-anv][data-anv] {
|
|
65
|
-
display: block;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.navigation-icon[data-anv][data-anv] {
|
|
71
|
-
display: inline-block;
|
|
72
|
-
color: inherit;
|
|
73
|
-
height: 24px;
|
|
74
|
-
width: 24px;
|
|
75
|
-
|
|
76
|
-
> svg {
|
|
77
|
-
height: @size-links-tiny;
|
|
78
|
-
width: @size-links-tiny;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
&.navigation-icon-active {
|
|
82
|
-
display: none;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.navigation-link {
|
|
88
|
-
// styles specific to extra nav links
|
|
89
|
-
color: @color-black;
|
|
90
|
-
position: relative;
|
|
91
|
-
display: flex;
|
|
92
|
-
align-items: center;
|
|
93
|
-
flex-wrap: nowrap;
|
|
94
|
-
text-wrap: nowrap;
|
|
95
|
-
|
|
96
|
-
.navigation-item-counter {
|
|
97
|
-
color: @color-white;
|
|
98
|
-
font-weight: @font-weight-semibold;
|
|
99
|
-
font-size: 8px !important;
|
|
100
|
-
min-width: 12px;
|
|
101
|
-
position: absolute;
|
|
102
|
-
top: 4px;
|
|
103
|
-
right: -2px;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.navigation-item-label {
|
|
107
|
-
color: inherit;
|
|
108
|
-
font-size: @typescale-1;
|
|
109
|
-
font-family: @base-font-family;
|
|
110
|
-
font-weight: @font-weight-semibold;
|
|
111
|
-
margin-left: @spacing-half;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
&.navigation-item-counter-long {
|
|
115
|
-
right: -8px;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export const __esModule: true;
|
|
2
|
-
export const heTopCenter: string;
|
|
3
|
-
export const heTopLeft: string;
|
|
4
|
-
export const heTopRight: string;
|
|
5
|
-
export const headerTiny: string;
|
|
6
|
-
export const navigationIcon: string;
|
|
7
|
-
export const navigationIconActive: string;
|
|
8
|
-
export const navigationItemActive: string;
|
|
9
|
-
export const navigationItemCounter: string;
|
|
10
|
-
export const navigationItemCounterLong: string;
|
|
11
|
-
export const navigationItemIconState: string;
|
|
12
|
-
export const navigationItemLabel: string;
|
|
13
|
-
export const navigationItemOverflow: string;
|
|
14
|
-
export const navigationLink: string;
|
|
15
|
-
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: FC<import("./header-navigation-tiny").HeaderNavigationTinyProps>;
|
|
5
|
-
parameters: {};
|
|
6
|
-
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
|
-
};
|
|
8
|
-
export default _default;
|
|
9
|
-
export declare const DefaultTinyNavigation: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const WithAllMonolithData: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const WithAllMonolithDataCommercial: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=header-navigation-tiny.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header-navigation-tiny.stories.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/header-navigation-tiny.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;;;;;;;AASrC,wBAaE;AAEF,eAAO,MAAM,qBAAqB,+CAMjC,CAAC;AAQF,eAAO,MAAM,mBAAmB,+CA+D/B,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAmEzC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/index.ts"],"sourcesContent":["export * from './header-navigation-tiny';\nexport * from './side-navigation';\nexport * from './side-navigation-links';\nexport type * from './interface';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { NavLinkComponentProps } from '../../utils/navigation-context';
|
|
3
|
-
import { SideNavigationExpandedState } from './interface';
|
|
4
|
-
export interface NavigationComponentProps {
|
|
5
|
-
navigationComponent: FC<NavLinkComponentProps>;
|
|
6
|
-
}
|
|
7
|
-
export interface SideNavigationExpandedProps {
|
|
8
|
-
expanded?: SideNavigationExpandedState;
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=interface-internal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,2BAA2B;IACxC,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CAC1C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/interface-internal.ts"],"sourcesContent":["import { FC } from 'react';\nimport { NavLinkComponentProps } from '../../utils/navigation-context';\nimport { SideNavigationExpandedState } from './interface';\n\nexport interface NavigationComponentProps {\n navigationComponent: FC<NavLinkComponentProps>;\n}\n\nexport interface SideNavigationExpandedProps {\n expanded?: SideNavigationExpandedState;\n}\n"],"names":[],"mappings":"AAQA,WAEC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { FC, ReactElement } from 'react';
|
|
2
|
-
import { NavigationItemData } from '../../utils/navigation';
|
|
3
|
-
import { SideNavigationContextType } from './side-navigation-context';
|
|
4
|
-
export interface SideNavigationExpandedState {
|
|
5
|
-
bar: boolean;
|
|
6
|
-
expandedSubmenu?: string;
|
|
7
|
-
collapsedBar?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export interface SideNavigationLinkWrapperProps {
|
|
10
|
-
children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;
|
|
11
|
-
context: SideNavigationContextType;
|
|
12
|
-
}
|
|
13
|
-
export interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {
|
|
14
|
-
wrapper?: FC<SideNavigationLinkWrapperProps>;
|
|
15
|
-
}
|
|
16
|
-
export interface SideNavigationTriggerProps extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {
|
|
17
|
-
isActive?: boolean;
|
|
18
|
-
wrapper?: FC<SideNavigationLinkWrapperProps>;
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=interface.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAExC,GAAG,EAAE,OAAO,CAAC;IAEb,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAAC;IAC3F,OAAO,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IAChF,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD;AACD,MAAM,WAAW,0BACb,SAAQ,IAAI,CAAC,uBAAuB,EAAE,IAAI,GAAG,UAAU,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;CAChD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/interface.ts"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport { NavigationItemData } from '../../utils/navigation';\nimport { SideNavigationContextType } from './side-navigation-context';\n\nexport interface SideNavigationExpandedState {\n // expanded bar (classic)\n bar: boolean;\n // expanded submenu item (classic)\n expandedSubmenu?: string;\n // collapsed bar (experimental submenu bar)\n collapsedBar?: boolean;\n}\n\nexport interface SideNavigationLinkWrapperProps {\n children: ReactElement<SideNavigationLinkProps> | ReactElement<SideNavigationTriggerProps>;\n context: SideNavigationContextType;\n}\n\nexport interface SideNavigationLinkProps extends Omit<NavigationItemData, 'submenu'> {\n wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\nexport interface SideNavigationTriggerProps\n extends Omit<SideNavigationLinkProps, 'to' | 'isActive'> {\n isActive?: boolean;\n wrapper?: FC<SideNavigationLinkWrapperProps>;\n}\n"],"names":[],"mappings":"AAqBA,WAIC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
export interface SideNavigationContextType {
|
|
3
|
-
styles: {
|
|
4
|
-
popoverContent: CSSProperties;
|
|
5
|
-
};
|
|
6
|
-
}
|
|
7
|
-
export declare const SideNavigationContext: import("react").Context<SideNavigationContextType>;
|
|
8
|
-
//# sourceMappingURL=side-navigation-context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-context.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,yBAAyB;IACtC,MAAM,EAAE;QACJ,cAAc,EAAE,aAAa,CAAC;KACjC,CAAC;CACL;AAED,eAAO,MAAM,qBAAqB,oDAIhC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/left-navigation/side-navigation-context.tsx"],"sourcesContent":["import { CSSProperties, createContext } from 'react';\n\nexport interface SideNavigationContextType {\n styles: {\n popoverContent: CSSProperties;\n };\n}\n\nexport const SideNavigationContext = createContext<SideNavigationContextType>({\n styles: {\n popoverContent: {},\n },\n});\n"],"names":["createContext","SideNavigationContext","styles","popoverContent"],"mappings":"AAAA,SAAwBA,aAAa,QAAQ,QAAQ;AAQrD,OAAO,MAAMC,sCAAwBD,cAAyC;IAC1EE,QAAQ;QACJC,gBAAgB,CAAC;IACrB;AACJ,GAAG"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { FC, MouseEvent } from 'react';
|
|
2
|
-
import { NavigationItemData } from '../../utils/navigation';
|
|
3
|
-
import { BadgeTagProps } from '../badge-tag';
|
|
4
|
-
import { SideNavigationTriggerProps } from './interface';
|
|
5
|
-
import { NavigationComponentProps, SideNavigationExpandedProps } from './interface-internal';
|
|
6
|
-
export interface InternalSideNavigationItemContentProps extends Omit<NavigationItemData, 'iconName' | 'to' | 'counter' | 'tag'> {
|
|
7
|
-
submenuExpanded: boolean | undefined;
|
|
8
|
-
tag: BadgeTagProps | undefined;
|
|
9
|
-
onExpandToggle?: (e: MouseEvent<never>) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const InternalSideNavigationItemContent: FC<InternalSideNavigationItemContentProps>;
|
|
12
|
-
export interface InternalSideNavigationLinkProps extends Omit<NavigationItemData, 'iconName' | 'counter' | 'tag'>, NavigationComponentProps, SideNavigationExpandedProps {
|
|
13
|
-
submenuExpanded: boolean | undefined;
|
|
14
|
-
dataPrefix?: string;
|
|
15
|
-
tag: BadgeTagProps | undefined;
|
|
16
|
-
onExpandToggle?: (e: MouseEvent<never>) => void;
|
|
17
|
-
}
|
|
18
|
-
export declare const internalNavigationContentContainerProps: ({ className, icon, iconActive, iconComponent, id, isActive, prefix, }: Omit<SideNavigationTriggerProps, "isActive" | "tag"> & {
|
|
19
|
-
prefix: string;
|
|
20
|
-
isActive?: any;
|
|
21
|
-
}) => {
|
|
22
|
-
'data-cy': string;
|
|
23
|
-
'data-pendo': string;
|
|
24
|
-
className: string;
|
|
25
|
-
};
|
|
26
|
-
/** Side Navigation menu item (for internal usage) */
|
|
27
|
-
export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
|
|
28
|
-
//# sourceMappingURL=side-navigation-links-internal.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/left-navigation/side-navigation-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAG7F,MAAM,WAAW,sCACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACvE,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,sCAAsC,CAwExF,CAAC;AAEF,MAAM,WAAW,+BACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,EAC5D,wBAAwB,EACxB,2BAA2B;IAC/B,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uCAAuC,GAAI,uEAQrD,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE;;;;CAO1F,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CA6B1E,CAAC"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Icon } from '@servicetitan/anvil2';
|
|
3
|
-
import SvgGroupCollapse from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
|
|
4
|
-
import SvgGroupExpand from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
|
|
5
|
-
import classNames from 'classnames';
|
|
6
|
-
import { Fragment } from 'react';
|
|
7
|
-
import { BadgeTag } from '../badge-tag';
|
|
8
|
-
import * as Styles from './side-navigation.module.less';
|
|
9
|
-
export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle })=>/*#__PURE__*/ _jsxs(Fragment, {
|
|
10
|
-
children: [
|
|
11
|
-
/*#__PURE__*/ _jsxs("div", {
|
|
12
|
-
className: Styles.navigationItemIconWrapper,
|
|
13
|
-
children: [
|
|
14
|
-
IconComponent ? /*#__PURE__*/ _jsx("i", {
|
|
15
|
-
className: classNames(Styles.navigationIcon, iconClassName),
|
|
16
|
-
children: /*#__PURE__*/ _jsx(IconComponent, {})
|
|
17
|
-
}) : /*#__PURE__*/ _jsxs(Fragment, {
|
|
18
|
-
children: [
|
|
19
|
-
icon && /*#__PURE__*/ _jsx(Icon, {
|
|
20
|
-
svg: icon,
|
|
21
|
-
className: classNames(Styles.navigationIcon, Styles.navigationIconInactive, iconClassName)
|
|
22
|
-
}),
|
|
23
|
-
iconActive && /*#__PURE__*/ _jsx(Icon, {
|
|
24
|
-
svg: iconActive,
|
|
25
|
-
className: classNames(Styles.navigationIcon, Styles.navigationIconActive, iconClassName)
|
|
26
|
-
})
|
|
27
|
-
]
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ _jsx("div", {
|
|
30
|
-
className: Styles.navigationItemTextExpanded,
|
|
31
|
-
children: title
|
|
32
|
-
}),
|
|
33
|
-
!!tag && /*#__PURE__*/ _jsx(BadgeTag, {
|
|
34
|
-
data: tag,
|
|
35
|
-
className: Styles.navigationItemCounter,
|
|
36
|
-
longClassName: Styles.navigationItemCounterLong
|
|
37
|
-
}),
|
|
38
|
-
typeof submenuExpanded === 'boolean' && /*#__PURE__*/ _jsxs("div", {
|
|
39
|
-
className: Styles.navigationItemGroupToggleWrapper,
|
|
40
|
-
children: [
|
|
41
|
-
/*#__PURE__*/ _jsx(Icon, {
|
|
42
|
-
svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand,
|
|
43
|
-
className: Styles.navigationItemGroupToggle,
|
|
44
|
-
onClick: onExpandToggle
|
|
45
|
-
}),
|
|
46
|
-
/*#__PURE__*/ _jsx("div", {
|
|
47
|
-
className: Styles.navigationItemGroupToggleClick,
|
|
48
|
-
onClick: onExpandToggle
|
|
49
|
-
})
|
|
50
|
-
]
|
|
51
|
-
})
|
|
52
|
-
]
|
|
53
|
-
}),
|
|
54
|
-
/*#__PURE__*/ _jsx("div", {
|
|
55
|
-
className: classNames(Styles.navigationItemTextCollapsed, {
|
|
56
|
-
[Styles.navigationItemTextSmall]: title.length >= 10
|
|
57
|
-
}),
|
|
58
|
-
children: title
|
|
59
|
-
})
|
|
60
|
-
]
|
|
61
|
-
});
|
|
62
|
-
export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix })=>({
|
|
63
|
-
'data-cy': `${prefix}-${id}`,
|
|
64
|
-
'data-pendo': `${prefix}-${id}`,
|
|
65
|
-
'className': classNames(Styles.navigationItem, className, {
|
|
66
|
-
[Styles.navigationItemActive]: isActive === true,
|
|
67
|
-
[Styles.navigationItemIconSwitch]: !!icon && !!iconActive && !iconComponent
|
|
68
|
-
})
|
|
69
|
-
});
|
|
70
|
-
/** Side Navigation menu item (for internal usage) */ export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props })=>{
|
|
71
|
-
return /*#__PURE__*/ _jsx(NavigationComponent, {
|
|
72
|
-
...internalNavigationContentContainerProps({
|
|
73
|
-
...props,
|
|
74
|
-
prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
|
|
75
|
-
className,
|
|
76
|
-
isActive
|
|
77
|
-
}),
|
|
78
|
-
to: to,
|
|
79
|
-
isActive: typeof isActive === 'function' ? isActive : undefined,
|
|
80
|
-
activeClassName: Styles.navigationItemActive,
|
|
81
|
-
children: /*#__PURE__*/ _jsx(InternalSideNavigationItemContent, {
|
|
82
|
-
submenuExpanded: submenuExpanded,
|
|
83
|
-
onExpandToggle: onExpandToggle,
|
|
84
|
-
...props
|
|
85
|
-
})
|
|
86
|
-
});
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
//# sourceMappingURL=side-navigation-links-internal.js.map
|