@servicetitan/navigation 10.7.0 → 11.0.0-canary.237.0a4df1d.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.
Files changed (162) hide show
  1. package/dist/components/badge-tag.d.ts +1 -1
  2. package/dist/components/badge-tag.d.ts.map +1 -1
  3. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +1 -1
  4. package/dist/components/header-navigation/header-navigation-extra.stories.js +5 -5
  5. package/dist/components/header-navigation/header-navigation-extra.stories.js.map +1 -1
  6. package/dist/components/header-navigation/header-navigation-links.d.ts.map +1 -1
  7. package/dist/components/header-navigation/header-navigation-links.js +2 -2
  8. package/dist/components/header-navigation/header-navigation-links.js.map +1 -1
  9. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +1 -1
  10. package/dist/components/header-navigation/header-navigation-stacked.stories.js +1 -1
  11. package/dist/components/header-navigation/header-navigation-stacked.stories.js.map +1 -1
  12. package/dist/components/header-navigation/header-navigation.stories.d.ts.map +1 -1
  13. package/dist/components/header-navigation/header-navigation.stories.js +2 -2
  14. package/dist/components/header-navigation/header-navigation.stories.js.map +1 -1
  15. package/dist/components/header-navigation/with-tooltip.d.ts +1 -1
  16. package/dist/components/header-navigation/with-tooltip.d.ts.map +1 -1
  17. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +1 -1
  18. package/dist/components/left-navigation/header-navigation-tiny.stories.js +2 -2
  19. package/dist/components/left-navigation/header-navigation-tiny.stories.js.map +1 -1
  20. package/dist/components/links.d.ts.map +1 -1
  21. package/dist/components/links.js +7 -7
  22. package/dist/components/links.js.map +1 -1
  23. package/dist/components/logo/logo-company-title.d.ts +1 -0
  24. package/dist/components/logo/logo-company-title.d.ts.map +1 -1
  25. package/dist/components/logo/logo-company-title.js +2 -2
  26. package/dist/components/logo/logo-company-title.js.map +1 -1
  27. package/dist/components/logo/logo-titan-text.d.ts +1 -1
  28. package/dist/components/logo/logo-titan-text.d.ts.map +1 -1
  29. package/dist/components/profile-dropdown/profile-dropdown.d.ts +17 -9
  30. package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +1 -1
  31. package/dist/components/profile-dropdown/profile-dropdown.js +11 -9
  32. package/dist/components/profile-dropdown/profile-dropdown.js.map +1 -1
  33. package/dist/components/profile-dropdown/profile-dropdown.module.less +24 -6
  34. package/dist/components/profile-dropdown/profile-dropdown.stories.js +2 -2
  35. package/dist/components/profile-dropdown/profile-dropdown.stories.js.map +1 -1
  36. package/dist/components/titan-layout/index.d.ts +6 -0
  37. package/dist/components/titan-layout/index.d.ts.map +1 -0
  38. package/dist/components/titan-layout/index.js +6 -0
  39. package/dist/components/titan-layout/index.js.map +1 -0
  40. package/dist/components/titan-layout/interface-internal.d.ts +6 -0
  41. package/dist/components/titan-layout/interface-internal.d.ts.map +1 -0
  42. package/dist/components/titan-layout/interface-internal.js +2 -0
  43. package/dist/components/titan-layout/interface-internal.js.map +1 -0
  44. package/dist/components/titan-layout/interface.d.ts +21 -0
  45. package/dist/components/titan-layout/interface.d.ts.map +1 -0
  46. package/dist/components/titan-layout/interface.js +2 -0
  47. package/dist/components/titan-layout/interface.js.map +1 -0
  48. package/dist/components/titan-layout/layout-context.d.ts +20 -0
  49. package/dist/components/titan-layout/layout-context.d.ts.map +1 -0
  50. package/dist/components/titan-layout/layout-context.js +12 -0
  51. package/dist/components/titan-layout/layout-context.js.map +1 -0
  52. package/dist/components/titan-layout/layout-header-links.d.ts +7 -0
  53. package/dist/components/titan-layout/layout-header-links.d.ts.map +1 -0
  54. package/dist/components/titan-layout/layout-header-links.js +32 -0
  55. package/dist/components/titan-layout/layout-header-links.js.map +1 -0
  56. package/dist/components/titan-layout/layout-header.d.ts +22 -0
  57. package/dist/components/titan-layout/layout-header.d.ts.map +1 -0
  58. package/dist/components/titan-layout/layout-header.js +10 -0
  59. package/dist/components/titan-layout/layout-header.js.map +1 -0
  60. package/dist/components/titan-layout/layout-header.module.less +193 -0
  61. package/dist/components/titan-layout/layout-logo.d.ts +12 -0
  62. package/dist/components/titan-layout/layout-logo.d.ts.map +1 -0
  63. package/dist/components/titan-layout/layout-logo.js +16 -0
  64. package/dist/components/titan-layout/layout-logo.js.map +1 -0
  65. package/dist/components/titan-layout/layout-logo.stories.d.ts +13 -0
  66. package/dist/components/titan-layout/layout-logo.stories.d.ts.map +1 -0
  67. package/dist/components/titan-layout/layout-logo.stories.js +17 -0
  68. package/dist/components/titan-layout/layout-logo.stories.js.map +1 -0
  69. package/dist/components/titan-layout/layout-profile.d.ts +9 -0
  70. package/dist/components/titan-layout/layout-profile.d.ts.map +1 -0
  71. package/dist/components/titan-layout/layout-profile.js +72 -0
  72. package/dist/components/titan-layout/layout-profile.js.map +1 -0
  73. package/dist/components/titan-layout/layout-profile.stories.d.ts +13 -0
  74. package/dist/components/titan-layout/layout-profile.stories.d.ts.map +1 -0
  75. package/dist/components/titan-layout/layout-profile.stories.js +13 -0
  76. package/dist/components/titan-layout/layout-profile.stories.js.map +1 -0
  77. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts +46 -0
  78. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map +1 -0
  79. package/dist/components/titan-layout/layout-sidebar-links-internal.js +61 -0
  80. package/dist/components/titan-layout/layout-sidebar-links-internal.js.map +1 -0
  81. package/dist/components/titan-layout/layout-sidebar-links.d.ts +6 -0
  82. package/dist/components/titan-layout/layout-sidebar-links.d.ts.map +1 -0
  83. package/dist/components/titan-layout/layout-sidebar-links.js +28 -0
  84. package/dist/components/titan-layout/layout-sidebar-links.js.map +1 -0
  85. package/dist/components/titan-layout/layout-sidebar.d.ts +19 -0
  86. package/dist/components/titan-layout/layout-sidebar.d.ts.map +1 -0
  87. package/dist/components/titan-layout/layout-sidebar.js +67 -0
  88. package/dist/components/titan-layout/layout-sidebar.js.map +1 -0
  89. package/dist/components/titan-layout/layout-sidebar.module.less +536 -0
  90. package/dist/components/titan-layout/notifications-context.d.ts +13 -0
  91. package/dist/components/titan-layout/notifications-context.d.ts.map +1 -0
  92. package/dist/components/titan-layout/notifications-context.js +23 -0
  93. package/dist/components/titan-layout/notifications-context.js.map +1 -0
  94. package/dist/components/titan-layout/titan-layout.d.ts +40 -0
  95. package/dist/components/titan-layout/titan-layout.d.ts.map +1 -0
  96. package/dist/components/titan-layout/titan-layout.js +192 -0
  97. package/dist/components/titan-layout/titan-layout.js.map +1 -0
  98. package/dist/components/titan-layout/titan-layout.module.less +106 -0
  99. package/dist/components/titan-layout/titan-layout.stories.d.ts +22 -0
  100. package/dist/components/titan-layout/titan-layout.stories.d.ts.map +1 -0
  101. package/dist/components/titan-layout/titan-layout.stories.js +83 -0
  102. package/dist/components/titan-layout/titan-layout.stories.js.map +1 -0
  103. package/dist/components/titan-layout/with-tooltip.d.ts +4 -0
  104. package/dist/components/titan-layout/with-tooltip.d.ts.map +1 -0
  105. package/dist/components/titan-layout/with-tooltip.js +4 -0
  106. package/dist/components/titan-layout/with-tooltip.js.map +1 -0
  107. package/dist/index.d.ts +2 -1
  108. package/dist/index.d.ts.map +1 -1
  109. package/dist/index.js +2 -1
  110. package/dist/index.js.map +1 -1
  111. package/dist/test/data.d.ts +4 -1
  112. package/dist/test/data.d.ts.map +1 -1
  113. package/dist/test/data.js +5 -6
  114. package/dist/test/data.js.map +1 -1
  115. package/dist/utils/navigation-legacy.d.ts +3 -1
  116. package/dist/utils/navigation-legacy.d.ts.map +1 -1
  117. package/dist/utils/use-breakpoint.d.ts +8 -0
  118. package/dist/utils/use-breakpoint.d.ts.map +1 -0
  119. package/dist/utils/use-breakpoint.js +14 -0
  120. package/dist/utils/use-breakpoint.js.map +1 -0
  121. package/package.json +5 -6
  122. package/src/components/badge-tag.tsx +1 -1
  123. package/src/components/header-navigation/header-navigation-extra.stories.tsx +7 -0
  124. package/src/components/header-navigation/header-navigation-links.tsx +2 -0
  125. package/src/components/header-navigation/header-navigation-stacked.stories.tsx +5 -1
  126. package/src/components/header-navigation/header-navigation.stories.tsx +6 -1
  127. package/src/components/left-navigation/header-navigation-tiny.stories.tsx +8 -2
  128. package/src/components/left-navigation/side-navigation-links.tsx +1 -1
  129. package/src/components/links.tsx +33 -13
  130. package/src/components/logo/logo-company-title.tsx +8 -6
  131. package/src/components/logo/logo-titan-text.tsx +1 -1
  132. package/src/components/profile-dropdown/profile-dropdown.module.less +24 -6
  133. package/src/components/profile-dropdown/profile-dropdown.module.less.d.ts +2 -0
  134. package/src/components/profile-dropdown/profile-dropdown.stories.tsx +4 -4
  135. package/src/components/profile-dropdown/profile-dropdown.tsx +87 -55
  136. package/src/components/titan-layout/index.ts +5 -0
  137. package/src/components/titan-layout/interface-internal.ts +6 -0
  138. package/src/components/titan-layout/interface.ts +26 -0
  139. package/src/components/titan-layout/layout-context.tsx +30 -0
  140. package/src/components/titan-layout/layout-header-links.tsx +145 -0
  141. package/src/components/titan-layout/layout-header.module.less +193 -0
  142. package/src/components/titan-layout/layout-header.module.less.d.ts +18 -0
  143. package/src/components/titan-layout/layout-header.tsx +97 -0
  144. package/src/components/titan-layout/layout-logo.stories.tsx +31 -0
  145. package/src/components/titan-layout/layout-logo.tsx +64 -0
  146. package/src/components/titan-layout/layout-profile.stories.tsx +46 -0
  147. package/src/components/titan-layout/layout-profile.tsx +180 -0
  148. package/src/components/titan-layout/layout-sidebar-links-internal.tsx +278 -0
  149. package/src/components/titan-layout/layout-sidebar-links.tsx +72 -0
  150. package/src/components/titan-layout/layout-sidebar.module.less +536 -0
  151. package/src/components/titan-layout/layout-sidebar.module.less.d.ts +49 -0
  152. package/src/components/titan-layout/layout-sidebar.tsx +304 -0
  153. package/src/components/titan-layout/notifications-context.tsx +44 -0
  154. package/src/components/titan-layout/titan-layout.module.less +106 -0
  155. package/src/components/titan-layout/titan-layout.module.less.d.ts +16 -0
  156. package/src/components/titan-layout/titan-layout.stories.tsx +346 -0
  157. package/src/components/titan-layout/titan-layout.tsx +457 -0
  158. package/src/components/titan-layout/with-tooltip.tsx +16 -0
  159. package/src/index.ts +2 -1
  160. package/src/test/data.tsx +5 -5
  161. package/src/utils/navigation-legacy.ts +3 -1
  162. package/src/utils/use-breakpoint.ts +21 -0
@@ -0,0 +1,72 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import SvgAccountActive from '@servicetitan/anvil2/assets/icons/st/gnav_account_active.svg';
3
+ import SvgAccountInactive from '@servicetitan/anvil2/assets/icons/st/gnav_account_inactive.svg';
4
+ import { useEffect, useState } from 'react';
5
+ import { NavigationComponentContext } from '../../utils/navigation-context';
6
+ import { ProfileDropdown as DesktopProfileDropdown, } from '../profile-dropdown/profile-dropdown';
7
+ import { useTitanLayoutContext } from './layout-context';
8
+ import { InternalSideNavigationGroup, InternalSideNavigationGroupDivider, InternalSideNavigationGroupLink, InternalSideNavigationGroupTrigger, } from './layout-sidebar-links-internal';
9
+ import { useNotificationsContext, useNotificationsState } from './notifications-context';
10
+ const ExternalNavComponent = ({ children, isActive, to, activeClassName, ...props }) => (_jsx("a", { ...props, href: to, children: children }));
11
+ const ProfileDropdownContent = props => {
12
+ const { isTitanLayout, breakpoint, NavigationComponent } = useTitanLayoutContext();
13
+ return breakpoint.isMobile ? (_jsx(MobileProfileDropdown, { ...props, navigationComponent: NavigationComponent })) : isTitanLayout ? (_jsx(NavigationComponentContext.Provider, { value: NavigationComponent, children: _jsx(DesktopProfileDropdown, { ...props }) })) : (_jsx(DesktopProfileDropdown, { ...props }));
14
+ };
15
+ ProfileDropdownContent.displayName = 'ProfileDropdown';
16
+ const MobileProfileDropdown = ({ children, ...props }) => {
17
+ const id = '__profile';
18
+ const [expanded, setExpanded] = useState(false);
19
+ const { hasNotifications, NotificationsContextProvider } = useNotificationsState();
20
+ const { onNotificationsUpdate } = useNotificationsContext();
21
+ const onExpandToggle = (e) => {
22
+ e.stopPropagation();
23
+ setExpanded(!expanded);
24
+ };
25
+ useEffect(() => {
26
+ onNotificationsUpdate(id, hasNotifications);
27
+ }, [hasNotifications, onNotificationsUpdate]);
28
+ return (_jsx(NotificationsContextProvider, { children: _jsx(InternalSideNavigationGroup, { id: id, to: undefined, title: "Profile", icon: SvgAccountInactive, iconActive: SvgAccountActive, isActive: expanded, ...props, submenuExpanded: expanded, onExpandToggle: onExpandToggle, onClick: onExpandToggle, tag: { value: hasNotifications }, children: children }) }));
29
+ };
30
+ const ProfileDropdownDivider = () => {
31
+ const { breakpoint } = useTitanLayoutContext();
32
+ return breakpoint.isMobile ? (_jsx(InternalSideNavigationGroupDivider, {})) : (_jsx(DesktopProfileDropdown.Divider, {}));
33
+ };
34
+ const getText = (children, text) => {
35
+ if (typeof children === 'string') {
36
+ return children;
37
+ }
38
+ if (typeof text === 'string') {
39
+ return text;
40
+ }
41
+ return undefined;
42
+ };
43
+ const getTag = (tag, counter) => {
44
+ return !!(tag === null || tag === void 0 ? void 0 : tag.value) || !!counter;
45
+ };
46
+ const ProfileDropdownSection = props => {
47
+ const { breakpoint } = useTitanLayoutContext();
48
+ return breakpoint.isMobile ? (_jsx(MobileProfileDropdownSection, { ...props })) : (_jsx(DesktopProfileDropdown.Section, { ...props }));
49
+ };
50
+ const MobileProfileDropdownSection = ({ children, text, tooltip, title, ...props }) => {
51
+ const sectionText = getText(children, text);
52
+ const { onNotificationsUpdate } = useNotificationsContext();
53
+ onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
54
+ return sectionText ? (_jsx(InternalSideNavigationGroupTrigger, { ...props, title: sectionText })) : null;
55
+ };
56
+ const ProfileDropdownLink = props => {
57
+ const { breakpoint, NavigationComponent } = useTitanLayoutContext();
58
+ return breakpoint.isMobile ? (_jsx(MobileProfileDropdownLink, { ...props, navigationComponent: NavigationComponent })) : (_jsx(DesktopProfileDropdown.Link, { ...props }));
59
+ };
60
+ const MobileProfileDropdownLink = ({ external, to, tooltip, text, children, navigationComponent, ...props }) => {
61
+ const { onNotificationsUpdate } = useNotificationsContext();
62
+ const linkText = getText(children, text);
63
+ const isExternalLink = external !== null && external !== void 0 ? external : to === null || to === void 0 ? void 0 : to.startsWith('http');
64
+ onNotificationsUpdate(props.id, getTag(props.tag, props.counter));
65
+ return linkText ? (_jsx(InternalSideNavigationGroupLink, { ...props, to: to, title: linkText, navigationComponent: isExternalLink ? ExternalNavComponent : navigationComponent })) : null;
66
+ };
67
+ export const ProfileDropdown = Object.assign(ProfileDropdownContent, {
68
+ Divider: ProfileDropdownDivider,
69
+ Link: ProfileDropdownLink,
70
+ Section: ProfileDropdownSection,
71
+ });
72
+ //# sourceMappingURL=layout-profile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-profile.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ title: string;
3
+ component: import("react").FC<import("./layout-profile").ProfileDropdownProps> & {
4
+ Divider: import("react").FC;
5
+ Link: import("react").FC<import("./layout-profile").ProfileDropdownLinkProps>;
6
+ Section: import("react").FC<import("./layout-profile").ProfileDropdownSectionProps>;
7
+ };
8
+ decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
9
+ parameters: {};
10
+ };
11
+ export default _default;
12
+ export declare const ProfileDefault: () => import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=layout-profile.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-profile.stories.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAWA,wBAKE;AAEF,eAAO,MAAM,cAAc,+CA2B1B,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { withAnvil, withDefaultRedirects, withMemoryRouter } from '../../test/data';
3
+ import { ProfileDropdown } from './layout-profile';
4
+ import { TitanLayout } from './titan-layout';
5
+ const withTitanLayout = (element) => () => (_jsx(TitanLayout, { navigationMainItems: [], profile: element, children: _jsx(TitanLayout.Content, { children: "profile" }) }));
6
+ export default {
7
+ title: 'Navigation/TitanLayoutProfile',
8
+ component: ProfileDropdown,
9
+ decorators: [withDefaultRedirects, withMemoryRouter, withAnvil],
10
+ parameters: {},
11
+ };
12
+ export const ProfileDefault = withTitanLayout(_jsxs(ProfileDropdown, { children: [_jsx(ProfileDropdown.Link, { id: "first", to: "https://google.com", external: true, children: "first link" }), _jsx(ProfileDropdown.Section, { id: "second", onClick: () => alert('second click'), children: "second link" }), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Section, { id: "content", children: "some content" }), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Link, { id: "third", to: "third", children: "third link" }), _jsx(ProfileDropdown.Divider, {}), _jsxs(ProfileDropdown.Section, { id: "forth", onClick: () => alert('forth click'), text: "Sign Out user", children: ["Sign Out", _jsx("span", { className: "c-neutral-60 m-l-1", children: "user" })] }), _jsx(ProfileDropdown.Divider, {})] }));
13
+ //# sourceMappingURL=layout-profile.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-profile.stories.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-profile.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,eAAe,GAAG,CAAC,OAAqB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CACrD,KAAC,WAAW,IAAC,mBAAmB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,YAClD,KAAC,WAAW,CAAC,OAAO,0BAA8B,GACxC,CACjB,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,SAAS,CAAC;IAC/D,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CACzC,MAAC,eAAe,eACZ,KAAC,eAAe,CAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,oBAAoB,EAAC,QAAQ,iCAE1C,EACvB,KAAC,eAAe,CAAC,OAAO,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,4BAE/C,EAC1B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,IAAC,EAAE,EAAC,SAAS,6BAAuC,EAC5E,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,KAAC,eAAe,CAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,2BAEpB,EACvB,KAAC,eAAe,CAAC,OAAO,KAAG,EAC3B,MAAC,eAAe,CAAC,OAAO,IACpB,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EACnC,IAAI,EAAC,eAAe,yBAGpB,eAAM,SAAS,EAAC,oBAAoB,qBAAY,IAC1B,EAC1B,KAAC,eAAe,CAAC,OAAO,KAAG,IACb,CACrB,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { FC, MouseEvent, ReactNode } from 'react';
2
+ import { NavigationItemData, NavigationSubmenuItemData } from '../../utils/navigation';
3
+ import { BadgeTagProps } from '../badge-tag';
4
+ import { TitanLayoutSidebarTriggerProps } from './interface';
5
+ import { NavigationComponentProps } 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 {
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, isLink, }: Omit<TitanLayoutSidebarTriggerProps, "isActive" | "tag"> & {
19
+ prefix: string;
20
+ isActive?: any;
21
+ isLink: boolean;
22
+ }) => {
23
+ 'data-cy': string;
24
+ 'data-pendo': string;
25
+ className: string;
26
+ };
27
+ /** Side Navigation menu item (for internal usage) */
28
+ export declare const InternalSideNavigationLink: FC<InternalSideNavigationLinkProps>;
29
+ /** Side Navigation menu trigger (for internal usage) */
30
+ export declare const InternalSideNavigationTrigger: FC<Omit<InternalSideNavigationLinkProps, 'to' | 'navigationComponent'> & {
31
+ onClick?: (e: MouseEvent<never>) => void;
32
+ }>;
33
+ export declare const InternalSideNavigationGroupLink: FC<NavigationSubmenuItemData & NavigationComponentProps>;
34
+ export declare const InternalSideNavigationGroupTrigger: FC<Omit<NavigationSubmenuItemData, 'to'> & {
35
+ onClick?: (e: MouseEvent<any>) => void;
36
+ }>;
37
+ export declare const InternalSideNavigationGroupDivider: () => import("react/jsx-runtime").JSX.Element;
38
+ export declare const InternalSideNavigationGroup: FC<Omit<NavigationItemData, 'tag' | 'counter' | 'to'> & NavigationComponentProps & {
39
+ children: ReactNode;
40
+ submenuExpanded: boolean;
41
+ onExpandToggle?: (e: MouseEvent<never>) => void;
42
+ tag: BadgeTagProps | undefined;
43
+ to: NavigationItemData['to'] | undefined;
44
+ onClick?: (e: MouseEvent<never>) => void;
45
+ }>;
46
+ //# sourceMappingURL=layout-sidebar-links-internal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar-links-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAY,aAAa,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,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,CAqExF,CAAC;AAEF,MAAM,WAAW,+BACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,EAC5D,wBAAwB;IAC5B,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,+EASrD,IAAI,CAAC,8BAA8B,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACnB;;;;CAQC,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CA8B1E,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC1C,IAAI,CAAC,+BAA+B,EAAE,IAAI,GAAG,qBAAqB,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CAoBJ,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,EAAE,CAC5C,yBAAyB,GAAG,wBAAwB,CA4BvD,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAC/C,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CAAE,CAkBrF,CAAC;AAEF,eAAO,MAAM,kCAAkC,+CAE9C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAC9C,wBAAwB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD,GAAG,EAAE,aAAa,GAAG,SAAS,CAAC;IAC/B,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CAC5C,CA8BR,CAAC"}
@@ -0,0 +1,61 @@
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 { getCounterTag } from '../../utils/side-nav';
8
+ import { BadgeTag } from '../badge-tag';
9
+ import * as Styles from './layout-sidebar.module.less';
10
+ export const InternalSideNavigationItemContent = ({ icon, iconActive, iconClassName, iconComponent: IconComponent, tag, title, submenuExpanded, onExpandToggle, }) => (_jsxs(Fragment, { children: [_jsxs("div", { className: Styles.navItemIconWrapper, children: [IconComponent ? (_jsx("i", { className: classNames(Styles.navIcon, iconClassName), children: _jsx(IconComponent, {}) })) : (_jsxs(Fragment, { children: [icon && (_jsx(Icon, { svg: icon, className: classNames(Styles.navIcon, Styles.navIconInactive, iconClassName) })), iconActive && (_jsx(Icon, { svg: iconActive, className: classNames(Styles.navIcon, Styles.navIconActive, iconClassName) }))] })), _jsx("div", { className: Styles.navItemTextExpanded, children: title }), !!tag && (_jsx(BadgeTag, { data: tag, className: Styles.navItemCounter, longClassName: Styles.navItemCounterLong })), typeof submenuExpanded === 'boolean' && (_jsxs("div", { className: Styles.navItemGroupToggleWrapper, children: [_jsx(Icon, { svg: submenuExpanded ? SvgGroupCollapse : SvgGroupExpand, className: Styles.navItemGroupToggle, onClick: onExpandToggle }), _jsx("div", { className: Styles.navItemGroupToggleClick, onClick: onExpandToggle })] }))] }), _jsx("div", { className: classNames(Styles.navItemTextCollapsed, {
11
+ [Styles.navItemTextSmall]: !!title && title.length >= 10,
12
+ }), children: title })] }));
13
+ export const internalNavigationContentContainerProps = ({ className, icon, iconActive, iconComponent, id, isActive, prefix, isLink, }) => ({
14
+ 'data-cy': `${prefix}-${id}`,
15
+ 'data-pendo': `${prefix}-${id}`,
16
+ 'className': classNames(Styles.navItem, className, {
17
+ [Styles.navLink]: isLink,
18
+ [Styles.navItemActive]: isActive === true,
19
+ [Styles.navItemIconSwitch]: !!icon && !!iconActive && !iconComponent,
20
+ }),
21
+ });
22
+ /** Side Navigation menu item (for internal usage) */
23
+ export const InternalSideNavigationLink = ({ to, className, dataPrefix, isActive, navigationComponent: NavigationComponent, submenuExpanded, onExpandToggle, ...props }) => {
24
+ return (_jsx(NavigationComponent, { ...internalNavigationContentContainerProps({
25
+ ...props,
26
+ prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
27
+ className,
28
+ isActive,
29
+ isLink: true,
30
+ }), to: to, isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.navItemActive, children: _jsx(InternalSideNavigationItemContent, { submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, ...props }) }));
31
+ };
32
+ /** Side Navigation menu trigger (for internal usage) */
33
+ export const InternalSideNavigationTrigger = ({ className, dataPrefix, isActive, submenuExpanded, onExpandToggle, onClick, ...props }) => {
34
+ return (_jsx("div", { ...internalNavigationContentContainerProps({
35
+ ...props,
36
+ prefix: dataPrefix !== null && dataPrefix !== void 0 ? dataPrefix : 'navigation-item',
37
+ className,
38
+ isActive,
39
+ isLink: !!onClick,
40
+ }), onClick: onClick, children: _jsx(InternalSideNavigationItemContent, { submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, ...props }) }));
41
+ };
42
+ export const InternalSideNavigationGroupLink = ({ id, counter, tag, title, to, isActive, navigationComponent: NavigationComponent, ...rest }) => {
43
+ return (_jsxs(NavigationComponent, { "data-cy": `navigation-item-${id}`, "data-pendo": `navigation-item-${id}`, ...rest, to: to, className: classNames(Styles.submenuItem, Styles.submenuLink, {
44
+ [Styles.submenuLinkActive]: isActive === true,
45
+ }), isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.submenuLinkActive, children: [_jsx("span", { children: title }), _jsx(BadgeTag, { data: getCounterTag(counter, tag), className: Styles.submenuLinkCounter })] }, id));
46
+ };
47
+ export const InternalSideNavigationGroupTrigger = ({ id, counter, onClick, tag, title, isActive, ...rest }) => {
48
+ return (_jsxs("div", { "data-cy": `navigation-item-${id}`, "data-pendo": `navigation-item-${id}`, ...rest, className: classNames(Styles.submenuItem, {
49
+ [Styles.submenuLink]: !!onClick,
50
+ [Styles.submenuLinkActive]: isActive === true,
51
+ }), onClick: onClick, children: [_jsx("span", { children: title }), _jsx(BadgeTag, { data: getCounterTag(counter, tag), className: Styles.submenuLinkCounter })] }, id));
52
+ };
53
+ export const InternalSideNavigationGroupDivider = () => {
54
+ return _jsx("div", { className: Styles.divider });
55
+ };
56
+ export const InternalSideNavigationGroup = ({ children, submenuExpanded, to, onExpandToggle, onClick, ...props }) => {
57
+ return (_jsxs("div", { className: classNames(Styles.navGroupWrapper), children: [_jsx("div", { className: Styles.navGroupItem, children: to ? (_jsx(InternalSideNavigationLink, { ...props, to: to, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle })) : (_jsx(InternalSideNavigationTrigger, { ...props, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, onClick: onClick })) }), _jsx("div", { className: classNames(Styles.submenuWrapper, {
58
+ [Styles.submenuWrapperCollapsed]: !submenuExpanded,
59
+ }), children: _jsx("div", { className: Styles.submenu, children: children }) })] }));
60
+ };
61
+ //# sourceMappingURL=layout-sidebar-links-internal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar-links-internal.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links-internal.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { TitanLayoutSidebarLinkProps, TitanLayoutSidebarTriggerProps } from './interface';
2
+ /** Side Navigation menu link */
3
+ export declare function TitanLayoutSidebarLink({ wrapper, ...props }: TitanLayoutSidebarLinkProps): import("react/jsx-runtime").JSX.Element;
4
+ /** Side Navigation menu trigger */
5
+ export declare function TitanLayoutSidebarTrigger({ wrapper, onMobileClick, onClick, ...props }: TitanLayoutSidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=layout-sidebar-links.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAgB1F,gCAAgC;AAChC,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAqBxF;AAED,mCAAmC;AACnC,wBAAgB,yBAAyB,CAAC,EACtC,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACX,EAAE,8BAA8B,2CAuBhC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { getCounterTag } from '../../utils/side-nav';
3
+ import { useTitanLayoutContext } from './layout-context';
4
+ import { InternalSideNavigationLink, InternalSideNavigationTrigger, } from './layout-sidebar-links-internal';
5
+ import { useNotificationsContext } from './notifications-context';
6
+ const WrappedLink = ({ children, wrapper: WrapperComponent }) => {
7
+ const { sidebar } = useTitanLayoutContext();
8
+ return _jsx(WrapperComponent, { context: sidebar, children: children });
9
+ };
10
+ /** Side Navigation menu link */
11
+ export function TitanLayoutSidebarLink({ wrapper, ...props }) {
12
+ const { NavigationComponent, breakpoint: { isMobile }, } = useTitanLayoutContext();
13
+ const { onNotificationsUpdate } = useNotificationsContext();
14
+ const tag = getCounterTag(props.counter, props.tag);
15
+ onNotificationsUpdate(props.id, !!tag);
16
+ const element = (_jsx(InternalSideNavigationLink, { ...props, navigationComponent: NavigationComponent, submenuExpanded: undefined, dataPrefix: "navigation-link", tag: tag }));
17
+ return wrapper && !isMobile ? _jsx(WrappedLink, { wrapper: wrapper, children: element }) : element;
18
+ }
19
+ /** Side Navigation menu trigger */
20
+ export function TitanLayoutSidebarTrigger({ wrapper, onMobileClick, onClick, ...props }) {
21
+ const { breakpoint: { isMobile }, } = useTitanLayoutContext();
22
+ const { onNotificationsUpdate } = useNotificationsContext();
23
+ const tag = getCounterTag(props.counter, props.tag);
24
+ onNotificationsUpdate(props.id, !!tag);
25
+ const element = (_jsx(InternalSideNavigationTrigger, { ...props, submenuExpanded: undefined, dataPrefix: "navigation-trigger", tag: tag, onClick: isMobile && !!onMobileClick ? onMobileClick : onClick }));
26
+ return wrapper && (!isMobile || !onMobileClick) ? (_jsx(WrappedLink, { wrapper: wrapper, children: element })) : (element);
27
+ }
28
+ //# sourceMappingURL=layout-sidebar-links.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar-links.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar-links.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACH,0BAA0B,EAC1B,6BAA6B,GAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,GAGZ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC5C,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAoB,CAAC;AAC7E,CAAC,CAAC;AAEF,gCAAgC;AAChC,MAAM,UAAU,sBAAsB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAA+B;IACrF,MAAM,EACF,mBAAmB,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpD,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CACZ,KAAC,0BAA0B,OACnB,KAAK,EACT,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,iBAAiB,EAC5B,GAAG,EAAE,GAAG,GACV,CACL,CAAC;IAEF,OAAO,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CAAC,CAAC,CAAC,OAAO,CAAC;AACnG,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,yBAAyB,CAAC,EACtC,OAAO,EACP,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACqB;IAC7B,MAAM,EACF,UAAU,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAEpD,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CACZ,KAAC,6BAA6B,OACtB,KAAK,EACT,eAAe,EAAE,SAAS,EAC1B,UAAU,EAAC,oBAAoB,EAC/B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,GAChE,CACL,CAAC;IACF,OAAO,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC9C,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAe,CACzD,CAAC,CAAC,CAAC,CACA,OAAO,CACV,CAAC;AACN,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { FC, ReactElement } from 'react';
2
+ import { NavigationItemData } from '../../utils/navigation';
3
+ import { NavLinkComponentProps } from '../../utils/navigation-context';
4
+ export interface LayoutSidebarProps {
5
+ className?: string;
6
+ top?: ReactElement[];
7
+ bottom?: ReactElement;
8
+ mainItems?: NavigationItemData[];
9
+ barExpanded: boolean;
10
+ submenuExpanded: string | undefined;
11
+ drawerOpened: boolean;
12
+ mobile: boolean;
13
+ navigationComponent: FC<NavLinkComponentProps>;
14
+ onBarExpandChange(expanded: boolean): void;
15
+ onDrawerOpenChange(expanded: boolean): void;
16
+ onSubmenuExpandChange(id: string, expanded: boolean): void;
17
+ }
18
+ export declare const LayoutSidebar: FC<LayoutSidebarProps>;
19
+ //# sourceMappingURL=layout-sidebar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEH,EAAE,EAGF,YAAY,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAyB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAavE,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,iBAAiB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9D;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4FhD,CAAC"}
@@ -0,0 +1,67 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Icon, Popover, Text, ThemeProvider } from '@servicetitan/anvil2';
3
+ import SvgClose from '@servicetitan/anvil2/assets/icons/material/round/close.svg';
4
+ import SvgCollapse from '@servicetitan/anvil2/assets/icons/st/gnav_menu_collapse.svg';
5
+ import SvgExpand from '@servicetitan/anvil2/assets/icons/st/gnav_menu_expand.svg';
6
+ import classNames from 'classnames';
7
+ import { Children, Fragment, isValidElement, useCallback, } from 'react';
8
+ import { getCounterTag, getSubmenuGroupTag } from '../../utils/side-nav';
9
+ import { LayoutPlacementContext, useTitanLayoutContext } from './layout-context';
10
+ import { InternalSideNavigationGroup, InternalSideNavigationGroupLink, InternalSideNavigationLink, } from './layout-sidebar-links-internal';
11
+ import * as Styles from './layout-sidebar.module.less';
12
+ import { withTooltip } from './with-tooltip';
13
+ export const LayoutSidebar = ({ className, mobile, barExpanded, submenuExpanded, drawerOpened, onBarExpandChange, onSubmenuExpandChange, onDrawerOpenChange, mainItems, top, bottom, navigationComponent, }) => {
14
+ const closeDrawer = () => {
15
+ if (mobile) {
16
+ onDrawerOpenChange === null || onDrawerOpenChange === void 0 ? void 0 : onDrawerOpenChange(false);
17
+ }
18
+ };
19
+ return (_jsxs(LayoutPlacementContext.Provider, { value: "side", children: [mobile && drawerOpened && (_jsx("div", { className: Styles.navDrawerBackdrop, onClick: closeDrawer })), _jsxs("div", { className: classNames(Styles.nav, mobile && Styles.navDrawer, mobile && drawerOpened && Styles.navDrawerOpened, !mobile && (barExpanded ? Styles.navWide : Styles.navSlim), className), "data-cy": "side-navigation", onClick: closeDrawer, children: [_jsxs(ThemeProvider, { mode: "dark", className: Styles.navMain, children: [mobile && (_jsx("div", { className: Styles.navCloseWrapper, children: _jsx("div", { className: Styles.navClose, onClick: () => onBarExpandChange(false), children: _jsx(Icon, { svg: SvgClose, size: "large" }) }) })), !!(top === null || top === void 0 ? void 0 : top.length) && _jsx(SidebarTop, { children: top }), _jsx("div", { "data-cy": "navigation-items", children: mainItems === null || mainItems === void 0 ? void 0 : mainItems.map(item => item.submenu ? (_jsx(SideNavigationGroupItem, { barExpanded: mobile ? drawerOpened : barExpanded, submenuExpanded: !!item.id && submenuExpanded === item.id, onSubmenuExpand: onSubmenuExpandChange, navigationComponent: navigationComponent, ...item }, item.id)) : (_jsx(InternalSideNavigationLink, { submenuExpanded: undefined, navigationComponent: navigationComponent, ...item, tag: getSubmenuGroupTag(item.submenu, getCounterTag(item.counter, item.tag)) }, item.id))) }), !!bottom && _jsx(SidebarBottom, { children: bottom })] }), !mobile && (_jsxs("div", { className: Styles.navFooter, children: [_jsx("div", { className: Styles.divider }), _jsx("div", { className: Styles.toggleWrapper, children: _jsx(SideNavigationOptionsToggle, { appearance: barExpanded ? 'collapse-button' : 'expand', onExpandedChange: () => onBarExpandChange(!barExpanded) }) })] }))] })] }));
20
+ };
21
+ LayoutSidebar.displayName = 'LayoutSidebar';
22
+ /** Side Navigation options toggle */
23
+ const SideNavigationOptionsToggle = ({ appearance, onExpandedChange }) => withTooltip(_jsx("div", { "data-cy": "navigation-left-options", "data-pendo": "navigation-left-options", className: classNames(Styles.toggle), onClick: () => onExpandedChange === null || onExpandedChange === void 0 ? void 0 : onExpandedChange(appearance === 'expand'), children: _jsxs("div", { className: Styles.toggleContent, children: [_jsx("div", { className: Styles.toggleIconWrapper, children: _jsx(Icon, { className: Styles.toggleIcon, svg: appearance === 'expand' ? SvgExpand : SvgCollapse }) }), appearance === 'collapse-button' && (_jsx("span", { className: Styles.toggleText, children: "Collapse Menu" }))] }) }), appearance === 'expand'
24
+ ? 'Expand Menu'
25
+ : appearance === 'collapse'
26
+ ? 'Collapse Menu'
27
+ : undefined, 'right');
28
+ /** Side Navigation menu item */
29
+ const SideNavigationGroupItem = ({ onSubmenuExpand, barExpanded, submenuExpanded, ...props }) => {
30
+ var _a, _b, _c, _d;
31
+ const onExpandToggle = useCallback((e) => {
32
+ e.preventDefault();
33
+ e.stopPropagation();
34
+ if (props.id) {
35
+ onSubmenuExpand === null || onSubmenuExpand === void 0 ? void 0 : onSubmenuExpand(props.id, !submenuExpanded);
36
+ }
37
+ }, [props.id, submenuExpanded, onSubmenuExpand]);
38
+ const { sidebar: { styles: { popoverContent }, }, } = useTitanLayoutContext();
39
+ const tag = getSubmenuGroupTag(props.submenu, getCounterTag(props.counter, props.tag));
40
+ return barExpanded ? (_jsx(InternalSideNavigationGroup, { ...props, submenuExpanded: submenuExpanded, onExpandToggle: onExpandToggle, tag: tag, children: _jsx(SideNavigationGroupContent, { groups: (_b = (_a = props.submenu) === null || _a === void 0 ? void 0 : _a.groups) !== null && _b !== void 0 ? _b : [], navigationComponent: props.navigationComponent }) })) : (_jsxs(Popover, { placement: "right-start", openOnHover: true, delay: 500, children: [_jsx(Popover.Trigger, { children: (triggerProps) => (_jsx("div", { ...triggerProps, children: _jsx(InternalSideNavigationLink, { ...props, submenuExpanded: undefined, tag: tag }) })) }), _jsx(Popover.Content, { style: popoverContent, className: "z-global-nav-i", children: _jsxs("div", { className: Styles.submenuPopover, children: [_jsx(Text, { variant: "headline", el: "h4", size: "small", className: "c-white m-b-half-i m-t-1", children: props.title }), _jsx(SideNavigationGroupContent, { groups: (_d = (_c = props.submenu) === null || _c === void 0 ? void 0 : _c.groups) !== null && _d !== void 0 ? _d : [], navigationComponent: props.navigationComponent })] }) })] }));
41
+ };
42
+ const SideNavigationGroupContent = ({ groups, navigationComponent, }) => {
43
+ return (_jsx(Fragment, { children: groups.reduce((out, group, index) => {
44
+ var _a, _b;
45
+ if (!group.links.length) {
46
+ return out;
47
+ }
48
+ const title = (_b = (_a = group.title) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
49
+ /* eslint-disable react/no-array-index-key */
50
+ out.push(_jsx(Text, { variant: "eyebrow", className: classNames(Styles.submenuGroupHeader, {
51
+ [Styles.submenuGroupHeaderEmpty]: !title,
52
+ }), children: title }, `:group:${index}:title`));
53
+ out.push(...group.links.map((link, index) => (_jsx(InternalSideNavigationGroupLink, { ...link, navigationComponent: navigationComponent }, `:${link.id}:${index}`))));
54
+ /* eslint-enable react/no-array-index-key */
55
+ return out;
56
+ }, []) }));
57
+ };
58
+ function SidebarTop({ children }) {
59
+ const list = Children.map(children, child => {
60
+ return child && isValidElement(child) ? child : null;
61
+ });
62
+ return (list === null || list === void 0 ? void 0 : list.length) ? (_jsxs(ThemeProvider, { mode: "dark", className: Styles.navTop, "data-cy": "navigation-items-top", children: [list, _jsx("div", { className: Styles.divider })] })) : null;
63
+ }
64
+ function SidebarBottom({ children }) {
65
+ return (_jsxs(ThemeProvider, { mode: "dark", className: Styles.navBottom, "data-cy": "navigation-items-bottom", children: [_jsx("div", { className: Styles.divider }), children] }));
66
+ }
67
+ //# sourceMappingURL=layout-sidebar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout-sidebar.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-sidebar.tsx"],"names":[],"mappings":"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"}