@servicetitan/navigation 10.6.1 → 11.0.0-canary.237.4cefc6a.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 (219) hide show
  1. package/package.json +4 -4
  2. package/src/components/header-navigation/header-navigation-extra.stories.tsx +7 -0
  3. package/src/components/header-navigation/header-navigation-links.tsx +2 -0
  4. package/src/components/header-navigation/header-navigation-stacked.stories.tsx +4 -0
  5. package/src/components/header-navigation/header-navigation.stories.tsx +5 -0
  6. package/src/components/left-navigation/header-navigation-tiny.stories.tsx +6 -0
  7. package/src/components/left-navigation/interface.ts +2 -2
  8. package/src/components/left-navigation/side-navigation-links-internal.tsx +21 -6
  9. package/src/components/left-navigation/side-navigation.module.less +21 -19
  10. package/src/components/left-navigation/side-navigation.tsx +15 -8
  11. package/src/components/links.tsx +33 -13
  12. package/src/components/logo/logo-company-title.tsx +8 -6
  13. package/src/components/profile-dropdown/profile-dropdown.module.less +4 -0
  14. package/src/components/profile-dropdown/profile-dropdown.stories.tsx +4 -4
  15. package/src/components/profile-dropdown/profile-dropdown.tsx +43 -46
  16. package/src/components/titan-layout/index.ts +5 -0
  17. package/src/components/titan-layout/interface-internal.ts +6 -0
  18. package/src/components/titan-layout/interface.ts +26 -0
  19. package/src/components/titan-layout/layout-context.tsx +30 -0
  20. package/src/components/titan-layout/layout-header-links.tsx +144 -0
  21. package/{dist/components/left-navigation/header-navigation-tiny.module.less → src/components/titan-layout/layout-header.module.less} +41 -5
  22. package/src/components/titan-layout/layout-header.tsx +86 -0
  23. package/src/components/titan-layout/layout-logo.stories.tsx +31 -0
  24. package/src/components/titan-layout/layout-logo.tsx +57 -0
  25. package/src/components/titan-layout/layout-profile.stories.tsx +37 -0
  26. package/src/components/titan-layout/layout-profile.tsx +116 -0
  27. package/src/components/titan-layout/layout-sidebar-links-internal.tsx +265 -0
  28. package/src/components/titan-layout/layout-sidebar-links.tsx +56 -0
  29. package/src/components/titan-layout/layout-sidebar.module.less +528 -0
  30. package/src/components/titan-layout/layout-sidebar.tsx +298 -0
  31. package/src/components/titan-layout/titan-layout.module.less +53 -0
  32. package/src/components/titan-layout/titan-layout.stories.tsx +194 -0
  33. package/src/components/titan-layout/titan-layout.tsx +270 -0
  34. package/src/components/titan-layout/with-tooltip.tsx +16 -0
  35. package/src/index.ts +2 -1
  36. package/src/test/data.tsx +3 -2
  37. package/src/utils/navigation-legacy.ts +3 -1
  38. package/src/utils/use-breakpoint.ts +19 -0
  39. package/dist/components/badge-tag.d.ts +0 -12
  40. package/dist/components/badge-tag.d.ts.map +0 -1
  41. package/dist/components/badge-tag.js +0 -8
  42. package/dist/components/badge-tag.js.map +0 -1
  43. package/dist/components/counter-tag.d.ts +0 -12
  44. package/dist/components/counter-tag.d.ts.map +0 -1
  45. package/dist/components/counter-tag.js +0 -8
  46. package/dist/components/counter-tag.js.map +0 -1
  47. package/dist/components/header-navigation/header-navigation-content.d.ts +0 -30
  48. package/dist/components/header-navigation/header-navigation-content.d.ts.map +0 -1
  49. package/dist/components/header-navigation/header-navigation-content.js +0 -22
  50. package/dist/components/header-navigation/header-navigation-content.js.map +0 -1
  51. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts +0 -9
  52. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts.map +0 -1
  53. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js +0 -13
  54. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js.map +0 -1
  55. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts +0 -12
  56. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +0 -1
  57. package/dist/components/header-navigation/header-navigation-extra.stories.js +0 -29
  58. package/dist/components/header-navigation/header-navigation-extra.stories.js.map +0 -1
  59. package/dist/components/header-navigation/header-navigation-links.d.ts +0 -11
  60. package/dist/components/header-navigation/header-navigation-links.d.ts.map +0 -1
  61. package/dist/components/header-navigation/header-navigation-links.js +0 -26
  62. package/dist/components/header-navigation/header-navigation-links.js.map +0 -1
  63. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts +0 -12
  64. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +0 -1
  65. package/dist/components/header-navigation/header-navigation-stacked.stories.js +0 -50
  66. package/dist/components/header-navigation/header-navigation-stacked.stories.js.map +0 -1
  67. package/dist/components/header-navigation/header-navigation-stories.module.less +0 -6
  68. package/dist/components/header-navigation/header-navigation.d.ts +0 -59
  69. package/dist/components/header-navigation/header-navigation.d.ts.map +0 -1
  70. package/dist/components/header-navigation/header-navigation.js +0 -96
  71. package/dist/components/header-navigation/header-navigation.js.map +0 -1
  72. package/dist/components/header-navigation/header-navigation.module.less +0 -260
  73. package/dist/components/header-navigation/header-navigation.stories.d.ts +0 -12
  74. package/dist/components/header-navigation/header-navigation.stories.d.ts.map +0 -1
  75. package/dist/components/header-navigation/header-navigation.stories.js +0 -54
  76. package/dist/components/header-navigation/header-navigation.stories.js.map +0 -1
  77. package/dist/components/header-navigation/index.d.ts +0 -2
  78. package/dist/components/header-navigation/index.d.ts.map +0 -1
  79. package/dist/components/header-navigation/index.js +0 -2
  80. package/dist/components/header-navigation/index.js.map +0 -1
  81. package/dist/components/header-navigation/with-tooltip.d.ts +0 -4
  82. package/dist/components/header-navigation/with-tooltip.d.ts.map +0 -1
  83. package/dist/components/header-navigation/with-tooltip.js +0 -4
  84. package/dist/components/header-navigation/with-tooltip.js.map +0 -1
  85. package/dist/components/layout.stories.d.ts +0 -13
  86. package/dist/components/layout.stories.d.ts.map +0 -1
  87. package/dist/components/layout.stories.js +0 -29
  88. package/dist/components/layout.stories.js.map +0 -1
  89. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts +0 -9
  90. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts.map +0 -1
  91. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js +0 -13
  92. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js.map +0 -1
  93. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts +0 -18
  94. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map +0 -1
  95. package/dist/components/left-navigation/header-navigation-tiny-links.js +0 -32
  96. package/dist/components/left-navigation/header-navigation-tiny-links.js.map +0 -1
  97. package/dist/components/left-navigation/header-navigation-tiny.d.ts +0 -23
  98. package/dist/components/left-navigation/header-navigation-tiny.d.ts.map +0 -1
  99. package/dist/components/left-navigation/header-navigation-tiny.js +0 -7
  100. package/dist/components/left-navigation/header-navigation-tiny.js.map +0 -1
  101. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts +0 -12
  102. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +0 -1
  103. package/dist/components/left-navigation/header-navigation-tiny.stories.js +0 -30
  104. package/dist/components/left-navigation/header-navigation-tiny.stories.js.map +0 -1
  105. package/dist/components/left-navigation/index.d.ts +0 -5
  106. package/dist/components/left-navigation/index.d.ts.map +0 -1
  107. package/dist/components/left-navigation/index.js +0 -5
  108. package/dist/components/left-navigation/index.js.map +0 -1
  109. package/dist/components/left-navigation/interface-internal.d.ts +0 -10
  110. package/dist/components/left-navigation/interface-internal.d.ts.map +0 -1
  111. package/dist/components/left-navigation/interface-internal.js +0 -2
  112. package/dist/components/left-navigation/interface-internal.js.map +0 -1
  113. package/dist/components/left-navigation/interface.d.ts +0 -20
  114. package/dist/components/left-navigation/interface.d.ts.map +0 -1
  115. package/dist/components/left-navigation/interface.js +0 -2
  116. package/dist/components/left-navigation/interface.js.map +0 -1
  117. package/dist/components/left-navigation/side-navigation-context.d.ts +0 -8
  118. package/dist/components/left-navigation/side-navigation-context.d.ts.map +0 -1
  119. package/dist/components/left-navigation/side-navigation-context.js +0 -7
  120. package/dist/components/left-navigation/side-navigation-context.js.map +0 -1
  121. package/dist/components/left-navigation/side-navigation-links-internal.d.ts +0 -26
  122. package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map +0 -1
  123. package/dist/components/left-navigation/side-navigation-links-internal.js +0 -29
  124. package/dist/components/left-navigation/side-navigation-links-internal.js.map +0 -1
  125. package/dist/components/left-navigation/side-navigation-links.d.ts +0 -6
  126. package/dist/components/left-navigation/side-navigation-links.d.ts.map +0 -1
  127. package/dist/components/left-navigation/side-navigation-links.js +0 -27
  128. package/dist/components/left-navigation/side-navigation-links.js.map +0 -1
  129. package/dist/components/left-navigation/side-navigation.d.ts +0 -29
  130. package/dist/components/left-navigation/side-navigation.d.ts.map +0 -1
  131. package/dist/components/left-navigation/side-navigation.js +0 -181
  132. package/dist/components/left-navigation/side-navigation.js.map +0 -1
  133. package/dist/components/left-navigation/side-navigation.module.less +0 -528
  134. package/dist/components/left-navigation/side-navigation.stories.d.ts +0 -17
  135. package/dist/components/left-navigation/side-navigation.stories.d.ts.map +0 -1
  136. package/dist/components/left-navigation/side-navigation.stories.js +0 -115
  137. package/dist/components/left-navigation/side-navigation.stories.js.map +0 -1
  138. package/dist/components/left-navigation/with-tooltip.d.ts +0 -4
  139. package/dist/components/left-navigation/with-tooltip.d.ts.map +0 -1
  140. package/dist/components/left-navigation/with-tooltip.js +0 -4
  141. package/dist/components/left-navigation/with-tooltip.js.map +0 -1
  142. package/dist/components/links.d.ts +0 -5
  143. package/dist/components/links.d.ts.map +0 -1
  144. package/dist/components/links.js +0 -14
  145. package/dist/components/links.js.map +0 -1
  146. package/dist/components/logo/logo-company-title.d.ts +0 -7
  147. package/dist/components/logo/logo-company-title.d.ts.map +0 -1
  148. package/dist/components/logo/logo-company-title.js +0 -6
  149. package/dist/components/logo/logo-company-title.js.map +0 -1
  150. package/dist/components/logo/logo-titan-text.d.ts +0 -29
  151. package/dist/components/logo/logo-titan-text.d.ts.map +0 -1
  152. package/dist/components/logo/logo-titan-text.js +0 -13
  153. package/dist/components/logo/logo-titan-text.js.map +0 -1
  154. package/dist/components/logo/logo-titan-text.module.less +0 -31
  155. package/dist/components/logo/logo-titan.d.ts +0 -9
  156. package/dist/components/logo/logo-titan.d.ts.map +0 -1
  157. package/dist/components/logo/logo-titan.js +0 -13
  158. package/dist/components/logo/logo-titan.js.map +0 -1
  159. package/dist/components/logo/logo.stories.d.ts +0 -14
  160. package/dist/components/logo/logo.stories.d.ts.map +0 -1
  161. package/dist/components/logo/logo.stories.js +0 -20
  162. package/dist/components/logo/logo.stories.js.map +0 -1
  163. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts +0 -9
  164. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map +0 -1
  165. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js +0 -13
  166. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js.map +0 -1
  167. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts +0 -9
  168. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts.map +0 -1
  169. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js +0 -13
  170. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js.map +0 -1
  171. package/dist/components/profile-dropdown/profile-dropdown.d.ts +0 -74
  172. package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +0 -1
  173. package/dist/components/profile-dropdown/profile-dropdown.js +0 -86
  174. package/dist/components/profile-dropdown/profile-dropdown.js.map +0 -1
  175. package/dist/components/profile-dropdown/profile-dropdown.module.less +0 -167
  176. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts +0 -16
  177. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map +0 -1
  178. package/dist/components/profile-dropdown/profile-dropdown.stories.js +0 -51
  179. package/dist/components/profile-dropdown/profile-dropdown.stories.js.map +0 -1
  180. package/dist/components/profile-dropdown/profile-icon.d.ts +0 -3
  181. package/dist/components/profile-dropdown/profile-icon.d.ts.map +0 -1
  182. package/dist/components/profile-dropdown/profile-icon.js +0 -5
  183. package/dist/components/profile-dropdown/profile-icon.js.map +0 -1
  184. package/dist/index.d.ts +0 -12
  185. package/dist/index.d.ts.map +0 -1
  186. package/dist/index.js +0 -12
  187. package/dist/index.js.map +0 -1
  188. package/dist/test/data-stories.module.less +0 -8
  189. package/dist/test/data.d.ts +0 -32
  190. package/dist/test/data.d.ts.map +0 -1
  191. package/dist/test/data.js +0 -244
  192. package/dist/test/data.js.map +0 -1
  193. package/dist/utils/counter-tag.d.ts +0 -5
  194. package/dist/utils/counter-tag.d.ts.map +0 -1
  195. package/dist/utils/counter-tag.js +0 -2
  196. package/dist/utils/counter-tag.js.map +0 -1
  197. package/dist/utils/navigation-context.d.ts +0 -27
  198. package/dist/utils/navigation-context.d.ts.map +0 -1
  199. package/dist/utils/navigation-context.js +0 -10
  200. package/dist/utils/navigation-context.js.map +0 -1
  201. package/dist/utils/navigation-legacy.d.ts +0 -86
  202. package/dist/utils/navigation-legacy.d.ts.map +0 -1
  203. package/dist/utils/navigation-legacy.js +0 -2
  204. package/dist/utils/navigation-legacy.js.map +0 -1
  205. package/dist/utils/navigation.d.ts +0 -48
  206. package/dist/utils/navigation.d.ts.map +0 -1
  207. package/dist/utils/navigation.js +0 -2
  208. package/dist/utils/navigation.js.map +0 -1
  209. package/dist/utils/side-nav.d.ts +0 -6
  210. package/dist/utils/side-nav.d.ts.map +0 -1
  211. package/dist/utils/side-nav.js +0 -28
  212. package/dist/utils/side-nav.js.map +0 -1
  213. package/src/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
  214. package/src/components/header-navigation/header-navigation.module.less.d.ts +0 -22
  215. package/src/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
  216. package/src/components/left-navigation/side-navigation.module.less.d.ts +0 -47
  217. package/src/components/logo/logo-titan-text.module.less.d.ts +0 -6
  218. package/src/components/profile-dropdown/profile-dropdown.module.less.d.ts +0 -21
  219. package/src/test/data-stories.module.less.d.ts +0 -3
@@ -1,27 +0,0 @@
1
- import { FC, HTMLAttributeAnchorTarget, ReactNode } from 'react';
2
- import { NavigationLinkData } from './navigation';
3
- export interface NavLinkComponentPropsStrict {
4
- to: string;
5
- title?: string;
6
- className?: string;
7
- activeClassName?: string;
8
- children: ReactNode;
9
- isActive?: (pathname: string) => boolean;
10
- target?: HTMLAttributeAnchorTarget;
11
- }
12
- export interface NavLinkComponentProps extends NavLinkComponentPropsStrict {
13
- [key: string]: any;
14
- }
15
- export declare const DefaultNavLinkComponent: FC<NavLinkComponentProps>;
16
- export interface NavigationLocationInfo {
17
- pathname: string;
18
- }
19
- export type NavigationActiveLinkMatcher = (location: NavigationLocationInfo, link: NavigationLinkData) => boolean;
20
- export interface NavigationLocationContextType {
21
- location: NavigationLocationInfo;
22
- isLinkActive: NavigationActiveLinkMatcher;
23
- }
24
- export declare const NavigationComponentContext: import("react").Context<FC<NavLinkComponentProps>>;
25
- export declare const NavigationLegacyContext: import("react").Context<boolean>;
26
- export declare const NavigationLocationContext: import("react").Context<NavigationLocationContextType>;
27
- //# sourceMappingURL=navigation-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation-context.d.ts","sourceRoot":"","sources":["../../src/utils/navigation-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,WAAW,2BAA2B;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,qBAAsB,SAAQ,2BAA2B;IACtE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,qBAAqB,CAK5B,CAAC;AAEnC,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,2BAA2B,GAAG,CACtC,QAAQ,EAAE,sBAAsB,EAChC,IAAI,EAAE,kBAAkB,KACvB,OAAO,CAAC;AAEb,MAAM,WAAW,6BAA6B;IAC1C,QAAQ,EAAE,sBAAsB,CAAC;IACjC,YAAY,EAAE,2BAA2B,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,oDAC8B,CAAC;AACtE,eAAO,MAAM,uBAAuB,kCAAuB,CAAC;AAC5D,eAAO,MAAM,yBAAyB,wDAGpC,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContext } from 'react';
3
- export const DefaultNavLinkComponent = ({ children, activeClassName, isActive, ...props }) => _jsx("a", { ...props, children: children });
4
- export const NavigationComponentContext = createContext(DefaultNavLinkComponent);
5
- export const NavigationLegacyContext = createContext(false);
6
- export const NavigationLocationContext = createContext({
7
- location: { pathname: '' },
8
- isLinkActive: () => false,
9
- });
10
- //# sourceMappingURL=navigation-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation-context.js","sourceRoot":"","sources":["../../src/utils/navigation-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4C,aAAa,EAAE,MAAM,OAAO,CAAC;AAiBhF,MAAM,CAAC,MAAM,uBAAuB,GAA8B,CAAC,EAC/D,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,eAAO,KAAK,YAAG,QAAQ,GAAK,CAAC;AAgBnC,MAAM,CAAC,MAAM,0BAA0B,GACnC,aAAa,CAA4B,uBAAuB,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAC5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAgC;IAClF,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1B,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;CAC5B,CAAC,CAAC"}
@@ -1,86 +0,0 @@
1
- import { IconProps } from '@servicetitan/anvil2';
2
- import { IconPropsStrict } from '@servicetitan/design-system';
3
- import { FC, HTMLAttributeAnchorTarget } from 'react';
4
- import { CounterTagData, CounterTagValue } from './counter-tag';
5
- import { NavigationSubmenuData } from './navigation';
6
- export interface HeaderNavigationItemData extends HeaderNavigationItemLinkProps {
7
- /** link description */
8
- hint: string;
9
- /** flag if the link is not shown (based on FG and/or user permissions) */
10
- isHidden?: boolean;
11
- /** custom className (can be used for mdi icons) */
12
- iconClassName?: string;
13
- /** anvil's icon name of item */
14
- iconName?: IconPropsStrict['name'];
15
- /** svg icon (anvil2) of inactive item */
16
- icon: IconProps['svg'] | undefined;
17
- /** svg icon (anvil2) of active item */
18
- iconActive: IconProps['svg'] | undefined;
19
- /** icon component of item (<svg />) */
20
- iconComponent?: FC;
21
- /** item tag (optional). shown if it is set and true or greater than 0 */
22
- counter?: CounterTagValue;
23
- tag?: CounterTagData;
24
- /** class name of link item */
25
- className?: string;
26
- /** optional submenu of link item */
27
- submenu?: NavigationSubmenuData;
28
- }
29
- export interface HeaderNavigationItemLinkProps {
30
- /** link id */
31
- id: string;
32
- /** link href */
33
- to: string;
34
- /** link title */
35
- title: string;
36
- /** callback to return active state. By default, it compares link href with current pathname */
37
- isActive?: boolean | ((pathname: string) => boolean);
38
- }
39
- export interface HeaderNavigationTriggerPropsStrict {
40
- /** unique identifier */
41
- id: string;
42
- /** tooltip text */
43
- tooltip?: string;
44
- /** item description */
45
- hint?: string;
46
- /** container class name */
47
- className?: string;
48
- /** item label */
49
- label?: string;
50
- /** label class name */
51
- labelClassName?: string;
52
- /** isActive */
53
- isActive?: boolean;
54
- /** counter value shown for item */
55
- counter?: CounterTagValue;
56
- tag?: CounterTagData;
57
- /** counter component class name */
58
- counterClassName?: string;
59
- /** icon component class name */
60
- iconClassName?: string;
61
- /** IconComponent custom icon component */
62
- iconComponent?: FC;
63
- /** iconName name of anvil icon */
64
- iconName?: IconPropsStrict['name'];
65
- /** svg icon (anvil2) of inactive item */
66
- icon: IconProps['svg'] | undefined;
67
- /** svg icon (anvil2) of active item */
68
- iconActive: IconProps['svg'] | undefined;
69
- }
70
- export interface HeaderNavigationTriggerProps extends HeaderNavigationTriggerPropsStrict {
71
- /** unstrict props */
72
- [key: string]: any;
73
- }
74
- export interface HeaderNavigationLinkPropsStrict extends Omit<HeaderNavigationTriggerPropsStrict, 'isActive'> {
75
- /** link href */
76
- to: string;
77
- /** isActive */
78
- isActive?: boolean | ((pathname: string) => boolean);
79
- /** link html target */
80
- target?: HTMLAttributeAnchorTarget;
81
- }
82
- export interface HeaderNavigationLinkProps extends HeaderNavigationLinkPropsStrict {
83
- /** unstrict props */
84
- [key: string]: any;
85
- }
86
- //# sourceMappingURL=navigation-legacy.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation-legacy.d.ts","sourceRoot":"","sources":["../../src/utils/navigation-legacy.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=navigation-legacy.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation-legacy.js","sourceRoot":"","sources":["../../src/utils/navigation-legacy.ts"],"names":[],"mappings":""}
@@ -1,48 +0,0 @@
1
- import { IconProps } from '@servicetitan/anvil2';
2
- import { FC } from 'react';
3
- import { CounterTagData, CounterTagValue } from './counter-tag';
4
- export interface NavigationItemData extends NavigationLinkData {
5
- /** flag if the link is not shown (based on FG and/or user permissions) */
6
- isHidden?: boolean;
7
- /** custom className (can be used for mdi icons) */
8
- iconClassName?: string;
9
- /** svg icon (anvil2) of inactive item */
10
- icon: IconProps['svg'] | undefined;
11
- /** svg icon (anvil2) of active item */
12
- iconActive: IconProps['svg'] | undefined;
13
- /** icon component of item (<svg />) */
14
- iconComponent?: FC;
15
- /** item tag (optional). shown if it is set and true or greater than 0 */
16
- counter?: CounterTagValue;
17
- tag?: CounterTagData;
18
- /** class name of link item */
19
- className?: string;
20
- /** optional submenu of link item */
21
- submenu?: NavigationSubmenuData;
22
- }
23
- export interface NavigationLinkData {
24
- /** link id */
25
- id: string;
26
- /** link href */
27
- to: string;
28
- /** link title */
29
- title: string;
30
- /** callback to return active state. By default, it compares link href with current pathname */
31
- isActive?: boolean | ((pathname: string) => boolean);
32
- }
33
- export interface NavigationSubmenuData {
34
- /** submenu groups */
35
- groups: NavigationSubmenuGroupData[];
36
- }
37
- export interface NavigationSubmenuItemData extends NavigationLinkData {
38
- /** item tag (optional) value. shown if it is set and true or greater than 0 */
39
- counter?: CounterTagValue;
40
- tag?: CounterTagData;
41
- }
42
- export interface NavigationSubmenuGroupData {
43
- /** submenu group title */
44
- title: string;
45
- /** submenu group links */
46
- links: NavigationSubmenuItemData[];
47
- }
48
- //# sourceMappingURL=navigation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC1D,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,yCAAyC;IACzC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEnC,uCAAuC;IACvC,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAEzC,uCAAuC;IACvC,aAAa,CAAC,EAAE,EAAE,CAAC;IAEnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;IAErB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IAEX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,qBAAqB;IACrB,MAAM,EAAE,0BAA0B,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACjE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACvC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,KAAK,EAAE,yBAAyB,EAAE,CAAC;CACtC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=navigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/utils/navigation.ts"],"names":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- import { CounterTagProps } from '../components/counter-tag';
2
- import { CounterTagData, CounterTagValue } from './counter-tag';
3
- import { NavigationSubmenuData } from './navigation';
4
- export declare function getSubmenuGroupTag(submenu: NavigationSubmenuData | undefined, defaultTag: CounterTagProps | undefined): CounterTagProps | undefined;
5
- export declare const getCounterTag: (counter: CounterTagValue | undefined, tag?: CounterTagData) => CounterTagProps | undefined;
6
- //# sourceMappingURL=side-nav.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../src/utils/side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,qBAAqB,GAAG,SAAS,EAC1C,UAAU,EAAE,eAAe,GAAG,SAAS,GACxC,eAAe,GAAG,SAAS,CAyB7B;AAED,eAAO,MAAM,aAAa,GACtB,SAAS,eAAe,GAAG,SAAS,EACpC,MAAM,cAAc,KACrB,eAAe,GAAG,SAIpB,CAAC"}
@@ -1,28 +0,0 @@
1
- export function getSubmenuGroupTag(submenu, defaultTag) {
2
- if (!submenu) {
3
- return defaultTag;
4
- }
5
- let tagValue = undefined;
6
- for (const group of submenu.groups) {
7
- for (const link of group.links) {
8
- const ltv = link.counter;
9
- if (ltv) {
10
- if (typeof ltv === 'number') {
11
- if (typeof tagValue !== 'number') {
12
- tagValue = 0;
13
- }
14
- tagValue += ltv;
15
- }
16
- else if (typeof tagValue !== 'number') {
17
- tagValue = true;
18
- }
19
- }
20
- }
21
- }
22
- return tagValue ? getCounterTag(tagValue) : defaultTag;
23
- }
24
- export const getCounterTag = (counter, tag) => {
25
- const value = counter !== null && counter !== void 0 ? counter : tag === null || tag === void 0 ? void 0 : tag.value;
26
- return value ? { value, className: '' } : undefined;
27
- };
28
- //# sourceMappingURL=side-nav.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../src/utils/side-nav.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,kBAAkB,CAC9B,OAA0C,EAC1C,UAAuC;IAEvC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,QAAQ,GAAiC,SAAS,CAAC;IAEvD,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QACjC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,GAAG,GAAiC,IAAI,CAAC,OAAO,CAAC;YAEvD,IAAI,GAAG,EAAE,CAAC;gBACN,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC1B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;wBAC/B,QAAQ,GAAG,CAAC,CAAC;oBACjB,CAAC;oBACD,QAAQ,IAAI,GAAG,CAAC;gBACpB,CAAC;qBAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBACtC,QAAQ,GAAG,IAAI,CAAC;gBACpB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,OAAoC,EACpC,GAAoB,EACO,EAAE;IAC7B,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC;IAEpC,OAAO,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- export const __esModule: true;
2
- export const rocketIcon: string;
3
-
@@ -1,22 +0,0 @@
1
- export const __esModule: true;
2
- export const calculating: string;
3
- export const center: string;
4
- export const heBottom: string;
5
- export const heTopCenter: string;
6
- export const heTopLeft: string;
7
- export const heTopRight: string;
8
- export const header: string;
9
- export const headerStacked: string;
10
- export const navigationIcon: string;
11
- export const navigationItem: string;
12
- export const navigationItemActive: string;
13
- export const navigationItemCounter: string;
14
- export const navigationItemCounterLong: string;
15
- export const navigationItemMain: string;
16
- export const navigationItemOverflow: string;
17
- export const navigationItemTitle: string;
18
- export const navigationLink: string;
19
- export const navigationOverflow: string;
20
- export const overflowPopover: string;
21
- export const right: string;
22
-
@@ -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,47 +0,0 @@
1
- export const __esModule: true;
2
- export const divider: string;
3
- export const navigationGroupItem: string;
4
- export const navigationGroupItemCollapse: string;
5
- export const navigationGroupWrapper: string;
6
- export const navigationIcon: string;
7
- export const navigationIconActive: string;
8
- export const navigationIconInactive: string;
9
- export const navigationItem: string;
10
- export const navigationItemActive: string;
11
- export const navigationItemCounter: string;
12
- export const navigationItemCounterLong: string;
13
- export const navigationItemGroupToggle: string;
14
- export const navigationItemIconSwitch: string;
15
- export const navigationItemIconWrapper: string;
16
- export const navigationItemTextCollapsed: string;
17
- export const navigationItemTextExpanded: string;
18
- export const navigationItemTextSmall: string;
19
- export const optionsIcon: string;
20
- export const optionsIconWrapper: string;
21
- export const optionsItem: string;
22
- export const optionsItemContent: string;
23
- export const optionsItemText: string;
24
- export const sideNav: string;
25
- export const sideNavBottom: string;
26
- export const sideNavContent: string;
27
- export const sideNavExpanded: string;
28
- export const sideNavFooter: string;
29
- export const sideNavMain: string;
30
- export const sideNavNavigation: string;
31
- export const sideNavSlim: string;
32
- export const sideNavSubmenuBar: string;
33
- export const sideNavSubmenuDrawer: string;
34
- export const sideNavTop: string;
35
- export const sideNavV1: string;
36
- export const sideNavV2: string;
37
- export const submenu: string;
38
- export const submenuBar: string;
39
- export const submenuGroupHeader: string;
40
- export const submenuGroupHeaderEmpty: string;
41
- export const submenuLink: string;
42
- export const submenuLinkActive: string;
43
- export const submenuLinkCounter: string;
44
- export const submenuPopover: string;
45
- export const submenuWrapper: string;
46
- export const submenuWrapperCollapsed: string;
47
-
@@ -1,6 +0,0 @@
1
- export const __esModule: true;
2
- export const container: string;
3
- export const logoTextDescription: string;
4
- export const logoTextTitle: string;
5
- export const logoWrapper: string;
6
-
@@ -1,21 +0,0 @@
1
- export const __esModule: true;
2
- export const avatarBadge: string;
3
- export const badge: string;
4
- export const badgeNoContent: string;
5
- export const badgeWithContent: string;
6
- export const counter: string;
7
- export const dropdown: string;
8
- export const dropdownContent: string;
9
- export const dropdownContentBottomLeft: string;
10
- export const dropdownContentWrapper: string;
11
- export const dropdownLink: string;
12
- export const dropdownSection: string;
13
- export const expandIcon: string;
14
- export const hint: string;
15
- export const hintContent: string;
16
- export const info: string;
17
- export const profileImage: string;
18
- export const triggerContainer: string;
19
- export const triggerContainerHintArrow: string;
20
- export const triggerContainerLegacy: string;
21
-
@@ -1,3 +0,0 @@
1
- export const __esModule: true;
2
- export const fixIcons: string;
3
-