@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.
Files changed (252) hide show
  1. package/dist/components/counter-tag.d.ts +1 -1
  2. package/dist/components/counter-tag.d.ts.map +1 -1
  3. package/dist/components/counter-tag.js.map +1 -1
  4. package/dist/components/profile-dropdown/interface.d.ts +55 -0
  5. package/dist/components/profile-dropdown/interface.d.ts.map +1 -0
  6. package/dist/components/profile-dropdown/interface.js.map +1 -0
  7. package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts +13 -0
  8. package/dist/components/profile-dropdown/profile-dropdown-legacy.stories.d.ts.map +1 -0
  9. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts +5 -1
  10. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map +1 -1
  11. package/dist/components/profile-dropdown/profile-dropdown.d.ts +9 -79
  12. package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +1 -1
  13. package/dist/components/profile-dropdown/profile-dropdown.js +22 -22
  14. package/dist/components/profile-dropdown/profile-dropdown.js.map +1 -1
  15. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts +5 -1
  16. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map +1 -1
  17. package/dist/components/titan-layout/interface-internal.d.ts +12 -0
  18. package/dist/components/titan-layout/interface-internal.d.ts.map +1 -1
  19. package/dist/components/titan-layout/interface-internal.js.map +1 -1
  20. package/dist/components/titan-layout/interface.d.ts +67 -14
  21. package/dist/components/titan-layout/interface.d.ts.map +1 -1
  22. package/dist/components/titan-layout/interface.js.map +1 -1
  23. package/dist/components/titan-layout/layout-header-dark.d.ts.map +1 -1
  24. package/dist/components/titan-layout/layout-header-dark.js +24 -12
  25. package/dist/components/titan-layout/layout-header-dark.js.map +1 -1
  26. package/dist/components/titan-layout/layout-header-links-internal.d.ts +22 -3
  27. package/dist/components/titan-layout/layout-header-links-internal.d.ts.map +1 -1
  28. package/dist/components/titan-layout/layout-header-links-internal.js +15 -18
  29. package/dist/components/titan-layout/layout-header-links-internal.js.map +1 -1
  30. package/dist/components/titan-layout/layout-header-links.d.ts +3 -4
  31. package/dist/components/titan-layout/layout-header-links.d.ts.map +1 -1
  32. package/dist/components/titan-layout/layout-header-links.js +25 -5
  33. package/dist/components/titan-layout/layout-header-links.js.map +1 -1
  34. package/dist/components/titan-layout/layout-header.d.ts +4 -2
  35. package/dist/components/titan-layout/layout-header.d.ts.map +1 -1
  36. package/dist/components/titan-layout/layout-header.js +25 -16
  37. package/dist/components/titan-layout/layout-header.js.map +1 -1
  38. package/dist/components/titan-layout/layout-header.module.less +37 -1
  39. package/dist/components/titan-layout/layout-header.module.less.d.ts +3 -0
  40. package/dist/components/titan-layout/layout-profile.d.ts +8 -5
  41. package/dist/components/titan-layout/layout-profile.d.ts.map +1 -1
  42. package/dist/components/titan-layout/layout-profile.js +30 -28
  43. package/dist/components/titan-layout/layout-profile.js.map +1 -1
  44. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts +48 -31
  45. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map +1 -1
  46. package/dist/components/titan-layout/layout-sidebar-links-internal.js +87 -83
  47. package/dist/components/titan-layout/layout-sidebar-links-internal.js.map +1 -1
  48. package/dist/components/titan-layout/layout-sidebar-links.d.ts +3 -3
  49. package/dist/components/titan-layout/layout-sidebar-links.d.ts.map +1 -1
  50. package/dist/components/titan-layout/layout-sidebar-links.js +32 -19
  51. package/dist/components/titan-layout/layout-sidebar-links.js.map +1 -1
  52. package/dist/components/titan-layout/layout-sidebar.d.ts +1 -1
  53. package/dist/components/titan-layout/layout-sidebar.d.ts.map +1 -1
  54. package/dist/components/titan-layout/layout-sidebar.js +81 -102
  55. package/dist/components/titan-layout/layout-sidebar.js.map +1 -1
  56. package/dist/components/titan-layout/layout-sidebar.module.less +74 -22
  57. package/dist/components/titan-layout/titan-layout-default.stories.d.ts +16 -0
  58. package/dist/components/titan-layout/titan-layout-default.stories.d.ts.map +1 -0
  59. package/dist/components/titan-layout/titan-layout-legacy.stories.d.ts +10 -0
  60. package/dist/components/titan-layout/titan-layout-legacy.stories.d.ts.map +1 -0
  61. package/dist/components/titan-layout/titan-layout-links.d.ts +5 -0
  62. package/dist/components/titan-layout/titan-layout-links.d.ts.map +1 -0
  63. package/dist/components/titan-layout/titan-layout-links.js +34 -0
  64. package/dist/components/titan-layout/titan-layout-links.js.map +1 -0
  65. package/dist/components/titan-layout/titan-layout-stacked.stories.d.ts +10 -0
  66. package/dist/components/titan-layout/titan-layout-stacked.stories.d.ts.map +1 -0
  67. package/dist/components/titan-layout/titan-layout.d.ts +5 -4
  68. package/dist/components/titan-layout/titan-layout.d.ts.map +1 -1
  69. package/dist/components/titan-layout/titan-layout.js +33 -14
  70. package/dist/components/titan-layout/titan-layout.js.map +1 -1
  71. package/dist/index.d.ts +1 -6
  72. package/dist/index.d.ts.map +1 -1
  73. package/dist/index.js +0 -4
  74. package/dist/index.js.map +1 -1
  75. package/dist/test/data.d.ts +26 -23
  76. package/dist/test/data.d.ts.map +1 -1
  77. package/dist/test/data.js +26 -69
  78. package/dist/test/data.js.map +1 -1
  79. package/dist/test/titan-layout.d.ts +16 -0
  80. package/dist/test/titan-layout.d.ts.map +1 -0
  81. package/dist/test/titan-layout.js +21 -0
  82. package/dist/test/titan-layout.js.map +1 -0
  83. package/dist/utils/navigation-context.d.ts +3 -22
  84. package/dist/utils/navigation-context.d.ts.map +1 -1
  85. package/dist/utils/navigation-context.js +2 -10
  86. package/dist/utils/navigation-context.js.map +1 -1
  87. package/dist/utils/navigation.d.ts +2 -7
  88. package/dist/utils/navigation.d.ts.map +1 -1
  89. package/dist/utils/navigation.js.map +1 -1
  90. package/package.json +4 -4
  91. package/src/components/counter-tag.tsx +1 -1
  92. package/src/components/profile-dropdown/interface.ts +47 -0
  93. package/src/components/profile-dropdown/profile-dropdown-legacy.stories.tsx +25 -0
  94. package/src/components/profile-dropdown/profile-dropdown-stacked.stories.tsx +15 -7
  95. package/src/components/profile-dropdown/profile-dropdown.stories.tsx +50 -43
  96. package/src/components/profile-dropdown/profile-dropdown.tsx +39 -115
  97. package/src/components/titan-layout/interface-internal.ts +13 -0
  98. package/src/components/titan-layout/interface.ts +73 -17
  99. package/src/components/titan-layout/layout-header-dark.tsx +21 -5
  100. package/src/components/titan-layout/layout-header-links-internal.tsx +41 -54
  101. package/src/components/titan-layout/layout-header-links.tsx +65 -12
  102. package/src/components/titan-layout/layout-header.module.less +37 -1
  103. package/src/components/titan-layout/layout-header.module.less.d.ts +3 -0
  104. package/src/components/titan-layout/layout-header.tsx +28 -15
  105. package/src/components/titan-layout/layout-profile.tsx +53 -34
  106. package/src/components/titan-layout/layout-sidebar-links-internal.tsx +188 -147
  107. package/src/components/titan-layout/layout-sidebar-links.tsx +73 -26
  108. package/src/components/titan-layout/layout-sidebar.module.less +74 -22
  109. package/src/components/titan-layout/layout-sidebar.tsx +55 -80
  110. package/src/components/titan-layout/{titan-layout.stories.tsx → titan-layout-default.stories.tsx} +131 -114
  111. package/src/components/titan-layout/titan-layout-legacy.stories.tsx +24 -0
  112. package/src/components/titan-layout/titan-layout-links.tsx +34 -0
  113. package/src/components/titan-layout/titan-layout-stacked.stories.tsx +30 -0
  114. package/src/components/titan-layout/titan-layout.tsx +39 -15
  115. package/src/index.ts +1 -12
  116. package/src/test/data.tsx +31 -83
  117. package/src/test/titan-layout.tsx +34 -0
  118. package/src/utils/navigation-context.tsx +9 -35
  119. package/src/utils/navigation.ts +3 -10
  120. package/dist/components/header-navigation/header-navigation-content.d.ts +0 -30
  121. package/dist/components/header-navigation/header-navigation-content.d.ts.map +0 -1
  122. package/dist/components/header-navigation/header-navigation-content.js +0 -58
  123. package/dist/components/header-navigation/header-navigation-content.js.map +0 -1
  124. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts +0 -9
  125. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts.map +0 -1
  126. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts +0 -12
  127. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +0 -1
  128. package/dist/components/header-navigation/header-navigation-links.d.ts +0 -11
  129. package/dist/components/header-navigation/header-navigation-links.d.ts.map +0 -1
  130. package/dist/components/header-navigation/header-navigation-links.js +0 -62
  131. package/dist/components/header-navigation/header-navigation-links.js.map +0 -1
  132. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts +0 -12
  133. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +0 -1
  134. package/dist/components/header-navigation/header-navigation-stories.module.less +0 -6
  135. package/dist/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
  136. package/dist/components/header-navigation/header-navigation.d.ts +0 -59
  137. package/dist/components/header-navigation/header-navigation.d.ts.map +0 -1
  138. package/dist/components/header-navigation/header-navigation.js +0 -228
  139. package/dist/components/header-navigation/header-navigation.js.map +0 -1
  140. package/dist/components/header-navigation/header-navigation.module.less +0 -260
  141. package/dist/components/header-navigation/header-navigation.module.less.d.ts +0 -22
  142. package/dist/components/header-navigation/header-navigation.stories.d.ts +0 -12
  143. package/dist/components/header-navigation/header-navigation.stories.d.ts.map +0 -1
  144. package/dist/components/header-navigation/index.d.ts +0 -2
  145. package/dist/components/header-navigation/index.d.ts.map +0 -1
  146. package/dist/components/header-navigation/index.js +0 -3
  147. package/dist/components/header-navigation/index.js.map +0 -1
  148. package/dist/components/header-navigation/with-tooltip.d.ts +0 -4
  149. package/dist/components/header-navigation/with-tooltip.d.ts.map +0 -1
  150. package/dist/components/header-navigation/with-tooltip.js +0 -10
  151. package/dist/components/header-navigation/with-tooltip.js.map +0 -1
  152. package/dist/components/layout.stories.d.ts +0 -13
  153. package/dist/components/layout.stories.d.ts.map +0 -1
  154. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts +0 -9
  155. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts.map +0 -1
  156. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts +0 -18
  157. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map +0 -1
  158. package/dist/components/left-navigation/header-navigation-tiny-links.js +0 -79
  159. package/dist/components/left-navigation/header-navigation-tiny-links.js.map +0 -1
  160. package/dist/components/left-navigation/header-navigation-tiny.d.ts +0 -23
  161. package/dist/components/left-navigation/header-navigation-tiny.d.ts.map +0 -1
  162. package/dist/components/left-navigation/header-navigation-tiny.js +0 -32
  163. package/dist/components/left-navigation/header-navigation-tiny.js.map +0 -1
  164. package/dist/components/left-navigation/header-navigation-tiny.module.less +0 -117
  165. package/dist/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
  166. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts +0 -12
  167. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +0 -1
  168. package/dist/components/left-navigation/index.d.ts +0 -5
  169. package/dist/components/left-navigation/index.d.ts.map +0 -1
  170. package/dist/components/left-navigation/index.js +0 -5
  171. package/dist/components/left-navigation/index.js.map +0 -1
  172. package/dist/components/left-navigation/interface-internal.d.ts +0 -10
  173. package/dist/components/left-navigation/interface-internal.d.ts.map +0 -1
  174. package/dist/components/left-navigation/interface-internal.js +0 -3
  175. package/dist/components/left-navigation/interface-internal.js.map +0 -1
  176. package/dist/components/left-navigation/interface.d.ts +0 -20
  177. package/dist/components/left-navigation/interface.d.ts.map +0 -1
  178. package/dist/components/left-navigation/interface.js.map +0 -1
  179. package/dist/components/left-navigation/side-navigation-context.d.ts +0 -8
  180. package/dist/components/left-navigation/side-navigation-context.d.ts.map +0 -1
  181. package/dist/components/left-navigation/side-navigation-context.js +0 -8
  182. package/dist/components/left-navigation/side-navigation-context.js.map +0 -1
  183. package/dist/components/left-navigation/side-navigation-links-internal.d.ts +0 -28
  184. package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map +0 -1
  185. package/dist/components/left-navigation/side-navigation-links-internal.js +0 -89
  186. package/dist/components/left-navigation/side-navigation-links-internal.js.map +0 -1
  187. package/dist/components/left-navigation/side-navigation-links.d.ts +0 -6
  188. package/dist/components/left-navigation/side-navigation-links.d.ts.map +0 -1
  189. package/dist/components/left-navigation/side-navigation-links.js +0 -48
  190. package/dist/components/left-navigation/side-navigation-links.js.map +0 -1
  191. package/dist/components/left-navigation/side-navigation.d.ts +0 -29
  192. package/dist/components/left-navigation/side-navigation.d.ts.map +0 -1
  193. package/dist/components/left-navigation/side-navigation.js +0 -411
  194. package/dist/components/left-navigation/side-navigation.js.map +0 -1
  195. package/dist/components/left-navigation/side-navigation.module.less +0 -530
  196. package/dist/components/left-navigation/side-navigation.module.less.d.ts +0 -48
  197. package/dist/components/left-navigation/side-navigation.stories.d.ts +0 -17
  198. package/dist/components/left-navigation/side-navigation.stories.d.ts.map +0 -1
  199. package/dist/components/left-navigation/with-tooltip.d.ts +0 -4
  200. package/dist/components/left-navigation/with-tooltip.d.ts.map +0 -1
  201. package/dist/components/left-navigation/with-tooltip.js +0 -15
  202. package/dist/components/left-navigation/with-tooltip.js.map +0 -1
  203. package/dist/components/links.d.ts +0 -5
  204. package/dist/components/links.d.ts.map +0 -1
  205. package/dist/components/links.js +0 -35
  206. package/dist/components/links.js.map +0 -1
  207. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts +0 -9
  208. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts.map +0 -1
  209. package/dist/components/titan-layout/layout-profile.stories.d.ts +0 -13
  210. package/dist/components/titan-layout/layout-profile.stories.d.ts.map +0 -1
  211. package/dist/components/titan-layout/titan-layout.stories.d.ts +0 -29
  212. package/dist/components/titan-layout/titan-layout.stories.d.ts.map +0 -1
  213. package/dist/utils/navigation-legacy.d.ts +0 -88
  214. package/dist/utils/navigation-legacy.d.ts.map +0 -1
  215. package/dist/utils/navigation-legacy.js +0 -3
  216. package/dist/utils/navigation-legacy.js.map +0 -1
  217. package/src/components/header-navigation/header-navigation-content.tsx +0 -120
  218. package/src/components/header-navigation/header-navigation-extra-stacked.stories.tsx +0 -19
  219. package/src/components/header-navigation/header-navigation-extra.stories.tsx +0 -142
  220. package/src/components/header-navigation/header-navigation-links.tsx +0 -141
  221. package/src/components/header-navigation/header-navigation-stacked.stories.tsx +0 -146
  222. package/src/components/header-navigation/header-navigation-stories.module.less +0 -6
  223. package/src/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
  224. package/src/components/header-navigation/header-navigation.module.less +0 -260
  225. package/src/components/header-navigation/header-navigation.module.less.d.ts +0 -22
  226. package/src/components/header-navigation/header-navigation.stories.tsx +0 -165
  227. package/src/components/header-navigation/header-navigation.tsx +0 -327
  228. package/src/components/header-navigation/index.ts +0 -1
  229. package/src/components/header-navigation/with-tooltip.tsx +0 -15
  230. package/src/components/layout.stories.tsx +0 -103
  231. package/src/components/left-navigation/header-navigation-extra-tiny.stories.tsx +0 -21
  232. package/src/components/left-navigation/header-navigation-tiny-links.tsx +0 -145
  233. package/src/components/left-navigation/header-navigation-tiny.module.less +0 -117
  234. package/src/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
  235. package/src/components/left-navigation/header-navigation-tiny.stories.tsx +0 -178
  236. package/src/components/left-navigation/header-navigation-tiny.tsx +0 -65
  237. package/src/components/left-navigation/index.ts +0 -4
  238. package/src/components/left-navigation/interface-internal.ts +0 -11
  239. package/src/components/left-navigation/interface.ts +0 -26
  240. package/src/components/left-navigation/side-navigation-context.tsx +0 -13
  241. package/src/components/left-navigation/side-navigation-links-internal.tsx +0 -151
  242. package/src/components/left-navigation/side-navigation-links.tsx +0 -57
  243. package/src/components/left-navigation/side-navigation.module.less +0 -530
  244. package/src/components/left-navigation/side-navigation.module.less.d.ts +0 -48
  245. package/src/components/left-navigation/side-navigation.stories.tsx +0 -226
  246. package/src/components/left-navigation/side-navigation.tsx +0 -543
  247. package/src/components/left-navigation/with-tooltip.tsx +0 -16
  248. package/src/components/links.tsx +0 -54
  249. package/src/components/profile-dropdown/profile-dropdown-tiny.stories.tsx +0 -25
  250. package/src/components/titan-layout/layout-profile.stories.tsx +0 -46
  251. package/src/utils/navigation-legacy.ts +0 -106
  252. /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,5 +0,0 @@
1
- export * from './header-navigation-tiny';
2
- export * from './side-navigation';
3
- export * from './side-navigation-links';
4
- export type * from './interface';
5
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- export * from './header-navigation-tiny';
2
- export * from './side-navigation';
3
- export * from './side-navigation-links';
4
-
5
- //# sourceMappingURL=index.js.map
@@ -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,3 +0,0 @@
1
- export { };
2
-
3
- //# sourceMappingURL=interface-internal.js.map
@@ -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,8 +0,0 @@
1
- import { createContext } from 'react';
2
- export const SideNavigationContext = /*#__PURE__*/ createContext({
3
- styles: {
4
- popoverContent: {}
5
- }
6
- });
7
-
8
- //# sourceMappingURL=side-navigation-context.js.map
@@ -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