@servicetitan/navigation 11.0.0-canary.237.4d902dc.0 → 11.0.0-canary.237.c90556e.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 (259) hide show
  1. package/package.json +4 -3
  2. package/src/components/left-navigation/side-navigation-links.tsx +1 -1
  3. package/src/components/titan-layout/layout-sidebar-links.tsx +1 -1
  4. package/dist/components/badge-tag.d.ts +0 -12
  5. package/dist/components/badge-tag.d.ts.map +0 -1
  6. package/dist/components/badge-tag.js +0 -8
  7. package/dist/components/badge-tag.js.map +0 -1
  8. package/dist/components/counter-tag.d.ts +0 -12
  9. package/dist/components/counter-tag.d.ts.map +0 -1
  10. package/dist/components/counter-tag.js +0 -8
  11. package/dist/components/counter-tag.js.map +0 -1
  12. package/dist/components/header-navigation/header-navigation-content.d.ts +0 -30
  13. package/dist/components/header-navigation/header-navigation-content.d.ts.map +0 -1
  14. package/dist/components/header-navigation/header-navigation-content.js +0 -22
  15. package/dist/components/header-navigation/header-navigation-content.js.map +0 -1
  16. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts +0 -9
  17. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.d.ts.map +0 -1
  18. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js +0 -13
  19. package/dist/components/header-navigation/header-navigation-extra-stacked.stories.js.map +0 -1
  20. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts +0 -12
  21. package/dist/components/header-navigation/header-navigation-extra.stories.d.ts.map +0 -1
  22. package/dist/components/header-navigation/header-navigation-extra.stories.js +0 -29
  23. package/dist/components/header-navigation/header-navigation-extra.stories.js.map +0 -1
  24. package/dist/components/header-navigation/header-navigation-links.d.ts +0 -11
  25. package/dist/components/header-navigation/header-navigation-links.d.ts.map +0 -1
  26. package/dist/components/header-navigation/header-navigation-links.js +0 -26
  27. package/dist/components/header-navigation/header-navigation-links.js.map +0 -1
  28. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts +0 -12
  29. package/dist/components/header-navigation/header-navigation-stacked.stories.d.ts.map +0 -1
  30. package/dist/components/header-navigation/header-navigation-stacked.stories.js +0 -50
  31. package/dist/components/header-navigation/header-navigation-stacked.stories.js.map +0 -1
  32. package/dist/components/header-navigation/header-navigation-stories.module.less +0 -6
  33. package/dist/components/header-navigation/header-navigation.d.ts +0 -59
  34. package/dist/components/header-navigation/header-navigation.d.ts.map +0 -1
  35. package/dist/components/header-navigation/header-navigation.js +0 -96
  36. package/dist/components/header-navigation/header-navigation.js.map +0 -1
  37. package/dist/components/header-navigation/header-navigation.module.less +0 -260
  38. package/dist/components/header-navigation/header-navigation.stories.d.ts +0 -12
  39. package/dist/components/header-navigation/header-navigation.stories.d.ts.map +0 -1
  40. package/dist/components/header-navigation/header-navigation.stories.js +0 -54
  41. package/dist/components/header-navigation/header-navigation.stories.js.map +0 -1
  42. package/dist/components/header-navigation/index.d.ts +0 -2
  43. package/dist/components/header-navigation/index.d.ts.map +0 -1
  44. package/dist/components/header-navigation/index.js +0 -2
  45. package/dist/components/header-navigation/index.js.map +0 -1
  46. package/dist/components/header-navigation/with-tooltip.d.ts +0 -4
  47. package/dist/components/header-navigation/with-tooltip.d.ts.map +0 -1
  48. package/dist/components/header-navigation/with-tooltip.js +0 -4
  49. package/dist/components/header-navigation/with-tooltip.js.map +0 -1
  50. package/dist/components/layout.stories.d.ts +0 -13
  51. package/dist/components/layout.stories.d.ts.map +0 -1
  52. package/dist/components/layout.stories.js +0 -29
  53. package/dist/components/layout.stories.js.map +0 -1
  54. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts +0 -9
  55. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.d.ts.map +0 -1
  56. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js +0 -13
  57. package/dist/components/left-navigation/header-navigation-extra-tiny.stories.js.map +0 -1
  58. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts +0 -18
  59. package/dist/components/left-navigation/header-navigation-tiny-links.d.ts.map +0 -1
  60. package/dist/components/left-navigation/header-navigation-tiny-links.js +0 -32
  61. package/dist/components/left-navigation/header-navigation-tiny-links.js.map +0 -1
  62. package/dist/components/left-navigation/header-navigation-tiny.d.ts +0 -23
  63. package/dist/components/left-navigation/header-navigation-tiny.d.ts.map +0 -1
  64. package/dist/components/left-navigation/header-navigation-tiny.js +0 -7
  65. package/dist/components/left-navigation/header-navigation-tiny.js.map +0 -1
  66. package/dist/components/left-navigation/header-navigation-tiny.module.less +0 -117
  67. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts +0 -12
  68. package/dist/components/left-navigation/header-navigation-tiny.stories.d.ts.map +0 -1
  69. package/dist/components/left-navigation/header-navigation-tiny.stories.js +0 -30
  70. package/dist/components/left-navigation/header-navigation-tiny.stories.js.map +0 -1
  71. package/dist/components/left-navigation/index.d.ts +0 -5
  72. package/dist/components/left-navigation/index.d.ts.map +0 -1
  73. package/dist/components/left-navigation/index.js +0 -5
  74. package/dist/components/left-navigation/index.js.map +0 -1
  75. package/dist/components/left-navigation/interface-internal.d.ts +0 -10
  76. package/dist/components/left-navigation/interface-internal.d.ts.map +0 -1
  77. package/dist/components/left-navigation/interface-internal.js +0 -2
  78. package/dist/components/left-navigation/interface-internal.js.map +0 -1
  79. package/dist/components/left-navigation/interface.d.ts +0 -20
  80. package/dist/components/left-navigation/interface.d.ts.map +0 -1
  81. package/dist/components/left-navigation/interface.js +0 -2
  82. package/dist/components/left-navigation/interface.js.map +0 -1
  83. package/dist/components/left-navigation/side-navigation-context.d.ts +0 -8
  84. package/dist/components/left-navigation/side-navigation-context.d.ts.map +0 -1
  85. package/dist/components/left-navigation/side-navigation-context.js +0 -7
  86. package/dist/components/left-navigation/side-navigation-context.js.map +0 -1
  87. package/dist/components/left-navigation/side-navigation-links-internal.d.ts +0 -28
  88. package/dist/components/left-navigation/side-navigation-links-internal.d.ts.map +0 -1
  89. package/dist/components/left-navigation/side-navigation-links-internal.js +0 -29
  90. package/dist/components/left-navigation/side-navigation-links-internal.js.map +0 -1
  91. package/dist/components/left-navigation/side-navigation-links.d.ts +0 -6
  92. package/dist/components/left-navigation/side-navigation-links.d.ts.map +0 -1
  93. package/dist/components/left-navigation/side-navigation-links.js +0 -27
  94. package/dist/components/left-navigation/side-navigation-links.js.map +0 -1
  95. package/dist/components/left-navigation/side-navigation.d.ts +0 -29
  96. package/dist/components/left-navigation/side-navigation.d.ts.map +0 -1
  97. package/dist/components/left-navigation/side-navigation.js +0 -182
  98. package/dist/components/left-navigation/side-navigation.js.map +0 -1
  99. package/dist/components/left-navigation/side-navigation.module.less +0 -530
  100. package/dist/components/left-navigation/side-navigation.stories.d.ts +0 -17
  101. package/dist/components/left-navigation/side-navigation.stories.d.ts.map +0 -1
  102. package/dist/components/left-navigation/side-navigation.stories.js +0 -115
  103. package/dist/components/left-navigation/side-navigation.stories.js.map +0 -1
  104. package/dist/components/left-navigation/with-tooltip.d.ts +0 -4
  105. package/dist/components/left-navigation/with-tooltip.d.ts.map +0 -1
  106. package/dist/components/left-navigation/with-tooltip.js +0 -4
  107. package/dist/components/left-navigation/with-tooltip.js.map +0 -1
  108. package/dist/components/links.d.ts +0 -5
  109. package/dist/components/links.d.ts.map +0 -1
  110. package/dist/components/links.js +0 -14
  111. package/dist/components/links.js.map +0 -1
  112. package/dist/components/logo/logo-company-title.d.ts +0 -8
  113. package/dist/components/logo/logo-company-title.d.ts.map +0 -1
  114. package/dist/components/logo/logo-company-title.js +0 -6
  115. package/dist/components/logo/logo-company-title.js.map +0 -1
  116. package/dist/components/logo/logo-titan-text.d.ts +0 -29
  117. package/dist/components/logo/logo-titan-text.d.ts.map +0 -1
  118. package/dist/components/logo/logo-titan-text.js +0 -13
  119. package/dist/components/logo/logo-titan-text.js.map +0 -1
  120. package/dist/components/logo/logo-titan-text.module.less +0 -31
  121. package/dist/components/logo/logo-titan.d.ts +0 -9
  122. package/dist/components/logo/logo-titan.d.ts.map +0 -1
  123. package/dist/components/logo/logo-titan.js +0 -13
  124. package/dist/components/logo/logo-titan.js.map +0 -1
  125. package/dist/components/logo/logo.stories.d.ts +0 -14
  126. package/dist/components/logo/logo.stories.d.ts.map +0 -1
  127. package/dist/components/logo/logo.stories.js +0 -20
  128. package/dist/components/logo/logo.stories.js.map +0 -1
  129. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts +0 -9
  130. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.d.ts.map +0 -1
  131. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js +0 -13
  132. package/dist/components/profile-dropdown/profile-dropdown-stacked.stories.js.map +0 -1
  133. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts +0 -9
  134. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.d.ts.map +0 -1
  135. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js +0 -13
  136. package/dist/components/profile-dropdown/profile-dropdown-tiny.stories.js.map +0 -1
  137. package/dist/components/profile-dropdown/profile-dropdown.d.ts +0 -77
  138. package/dist/components/profile-dropdown/profile-dropdown.d.ts.map +0 -1
  139. package/dist/components/profile-dropdown/profile-dropdown.js +0 -85
  140. package/dist/components/profile-dropdown/profile-dropdown.js.map +0 -1
  141. package/dist/components/profile-dropdown/profile-dropdown.module.less +0 -171
  142. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts +0 -16
  143. package/dist/components/profile-dropdown/profile-dropdown.stories.d.ts.map +0 -1
  144. package/dist/components/profile-dropdown/profile-dropdown.stories.js +0 -51
  145. package/dist/components/profile-dropdown/profile-dropdown.stories.js.map +0 -1
  146. package/dist/components/profile-dropdown/profile-icon.d.ts +0 -3
  147. package/dist/components/profile-dropdown/profile-icon.d.ts.map +0 -1
  148. package/dist/components/profile-dropdown/profile-icon.js +0 -5
  149. package/dist/components/profile-dropdown/profile-icon.js.map +0 -1
  150. package/dist/components/titan-layout/index.d.ts +0 -6
  151. package/dist/components/titan-layout/index.d.ts.map +0 -1
  152. package/dist/components/titan-layout/index.js +0 -6
  153. package/dist/components/titan-layout/index.js.map +0 -1
  154. package/dist/components/titan-layout/interface-internal.d.ts +0 -6
  155. package/dist/components/titan-layout/interface-internal.d.ts.map +0 -1
  156. package/dist/components/titan-layout/interface-internal.js +0 -2
  157. package/dist/components/titan-layout/interface-internal.js.map +0 -1
  158. package/dist/components/titan-layout/interface.d.ts +0 -21
  159. package/dist/components/titan-layout/interface.d.ts.map +0 -1
  160. package/dist/components/titan-layout/interface.js +0 -2
  161. package/dist/components/titan-layout/interface.js.map +0 -1
  162. package/dist/components/titan-layout/layout-context.d.ts +0 -20
  163. package/dist/components/titan-layout/layout-context.d.ts.map +0 -1
  164. package/dist/components/titan-layout/layout-context.js +0 -12
  165. package/dist/components/titan-layout/layout-context.js.map +0 -1
  166. package/dist/components/titan-layout/layout-header-links.d.ts +0 -7
  167. package/dist/components/titan-layout/layout-header-links.d.ts.map +0 -1
  168. package/dist/components/titan-layout/layout-header-links.js +0 -32
  169. package/dist/components/titan-layout/layout-header-links.js.map +0 -1
  170. package/dist/components/titan-layout/layout-header.d.ts +0 -20
  171. package/dist/components/titan-layout/layout-header.d.ts.map +0 -1
  172. package/dist/components/titan-layout/layout-header.js +0 -11
  173. package/dist/components/titan-layout/layout-header.js.map +0 -1
  174. package/dist/components/titan-layout/layout-header.module.less +0 -153
  175. package/dist/components/titan-layout/layout-logo.d.ts +0 -12
  176. package/dist/components/titan-layout/layout-logo.d.ts.map +0 -1
  177. package/dist/components/titan-layout/layout-logo.js +0 -15
  178. package/dist/components/titan-layout/layout-logo.js.map +0 -1
  179. package/dist/components/titan-layout/layout-logo.stories.d.ts +0 -13
  180. package/dist/components/titan-layout/layout-logo.stories.d.ts.map +0 -1
  181. package/dist/components/titan-layout/layout-logo.stories.js +0 -17
  182. package/dist/components/titan-layout/layout-logo.stories.js.map +0 -1
  183. package/dist/components/titan-layout/layout-profile.d.ts +0 -9
  184. package/dist/components/titan-layout/layout-profile.d.ts.map +0 -1
  185. package/dist/components/titan-layout/layout-profile.js +0 -44
  186. package/dist/components/titan-layout/layout-profile.js.map +0 -1
  187. package/dist/components/titan-layout/layout-profile.stories.d.ts +0 -13
  188. package/dist/components/titan-layout/layout-profile.stories.d.ts.map +0 -1
  189. package/dist/components/titan-layout/layout-profile.stories.js +0 -13
  190. package/dist/components/titan-layout/layout-profile.stories.js.map +0 -1
  191. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts +0 -46
  192. package/dist/components/titan-layout/layout-sidebar-links-internal.d.ts.map +0 -1
  193. package/dist/components/titan-layout/layout-sidebar-links-internal.js +0 -61
  194. package/dist/components/titan-layout/layout-sidebar-links-internal.js.map +0 -1
  195. package/dist/components/titan-layout/layout-sidebar-links.d.ts +0 -6
  196. package/dist/components/titan-layout/layout-sidebar-links.d.ts.map +0 -1
  197. package/dist/components/titan-layout/layout-sidebar-links.js +0 -21
  198. package/dist/components/titan-layout/layout-sidebar-links.js.map +0 -1
  199. package/dist/components/titan-layout/layout-sidebar.d.ts +0 -18
  200. package/dist/components/titan-layout/layout-sidebar.d.ts.map +0 -1
  201. package/dist/components/titan-layout/layout-sidebar.js +0 -65
  202. package/dist/components/titan-layout/layout-sidebar.js.map +0 -1
  203. package/dist/components/titan-layout/layout-sidebar.module.less +0 -528
  204. package/dist/components/titan-layout/titan-layout.d.ts +0 -36
  205. package/dist/components/titan-layout/titan-layout.d.ts.map +0 -1
  206. package/dist/components/titan-layout/titan-layout.js +0 -109
  207. package/dist/components/titan-layout/titan-layout.js.map +0 -1
  208. package/dist/components/titan-layout/titan-layout.module.less +0 -53
  209. package/dist/components/titan-layout/titan-layout.stories.d.ts +0 -18
  210. package/dist/components/titan-layout/titan-layout.stories.d.ts.map +0 -1
  211. package/dist/components/titan-layout/titan-layout.stories.js +0 -62
  212. package/dist/components/titan-layout/titan-layout.stories.js.map +0 -1
  213. package/dist/components/titan-layout/with-tooltip.d.ts +0 -4
  214. package/dist/components/titan-layout/with-tooltip.d.ts.map +0 -1
  215. package/dist/components/titan-layout/with-tooltip.js +0 -4
  216. package/dist/components/titan-layout/with-tooltip.js.map +0 -1
  217. package/dist/index.d.ts +0 -13
  218. package/dist/index.d.ts.map +0 -1
  219. package/dist/index.js +0 -13
  220. package/dist/index.js.map +0 -1
  221. package/dist/test/data-stories.module.less +0 -8
  222. package/dist/test/data.d.ts +0 -32
  223. package/dist/test/data.d.ts.map +0 -1
  224. package/dist/test/data.js +0 -244
  225. package/dist/test/data.js.map +0 -1
  226. package/dist/utils/counter-tag.d.ts +0 -5
  227. package/dist/utils/counter-tag.d.ts.map +0 -1
  228. package/dist/utils/counter-tag.js +0 -2
  229. package/dist/utils/counter-tag.js.map +0 -1
  230. package/dist/utils/navigation-context.d.ts +0 -27
  231. package/dist/utils/navigation-context.d.ts.map +0 -1
  232. package/dist/utils/navigation-context.js +0 -10
  233. package/dist/utils/navigation-context.js.map +0 -1
  234. package/dist/utils/navigation-legacy.d.ts +0 -88
  235. package/dist/utils/navigation-legacy.d.ts.map +0 -1
  236. package/dist/utils/navigation-legacy.js +0 -2
  237. package/dist/utils/navigation-legacy.js.map +0 -1
  238. package/dist/utils/navigation.d.ts +0 -48
  239. package/dist/utils/navigation.d.ts.map +0 -1
  240. package/dist/utils/navigation.js +0 -2
  241. package/dist/utils/navigation.js.map +0 -1
  242. package/dist/utils/side-nav.d.ts +0 -6
  243. package/dist/utils/side-nav.d.ts.map +0 -1
  244. package/dist/utils/side-nav.js +0 -28
  245. package/dist/utils/side-nav.js.map +0 -1
  246. package/dist/utils/use-breakpoint.d.ts +0 -7
  247. package/dist/utils/use-breakpoint.d.ts.map +0 -1
  248. package/dist/utils/use-breakpoint.js +0 -13
  249. package/dist/utils/use-breakpoint.js.map +0 -1
  250. package/src/components/header-navigation/header-navigation-stories.module.less.d.ts +0 -3
  251. package/src/components/header-navigation/header-navigation.module.less.d.ts +0 -22
  252. package/src/components/left-navigation/header-navigation-tiny.module.less.d.ts +0 -15
  253. package/src/components/left-navigation/side-navigation.module.less.d.ts +0 -48
  254. package/src/components/logo/logo-titan-text.module.less.d.ts +0 -6
  255. package/src/components/profile-dropdown/profile-dropdown.module.less.d.ts +0 -21
  256. package/src/components/titan-layout/layout-header.module.less.d.ts +0 -16
  257. package/src/components/titan-layout/layout-sidebar.module.less.d.ts +0 -50
  258. package/src/components/titan-layout/titan-layout.module.less.d.ts +0 -11
  259. package/src/test/data-stories.module.less.d.ts +0 -3
@@ -1,171 +0,0 @@
1
- /* stylelint-disable no-descending-specificity */
2
- @import (reference) '@servicetitan/tokens/core/tokens.less';
3
-
4
- .trigger-container {
5
- height: 40px;
6
- position: relative;
7
-
8
- .profile-image {
9
- border-radius: @border-radius-circular;
10
- }
11
-
12
- .info {
13
- margin-left: @spacing-1;
14
- max-width: 80px;
15
- }
16
-
17
- .avatar-badge {
18
- position: absolute;
19
- top: 8px;
20
- left: 4px;
21
- height: 12px;
22
- width: 12px;
23
- border-radius: @border-radius-circular;
24
- }
25
-
26
- .badge {
27
- position: absolute;
28
- right: 16px;
29
- color: @color-white;
30
- font-size: @typescale-1;
31
- display: flex;
32
- justify-content: center;
33
- align-items: center;
34
- font-weight: @font-weight-semibold;
35
- }
36
-
37
- .badge-no-content {
38
- top: 8px;
39
- height: 12px;
40
- width: 12px;
41
- border-radius: @border-radius-2;
42
- }
43
-
44
- .badge-with-content {
45
- top: 4px;
46
- height: 16px;
47
- min-width: 12px;
48
- padding-left: 2px;
49
- padding-right: 2px;
50
- border-radius: 8px;
51
- }
52
-
53
- .expand-icon[data-anv][data-anv] {
54
- color: inherit;
55
- display: flex;
56
- align-items: center;
57
- }
58
-
59
- &.trigger-container-legacy {
60
- .avatar-badge {
61
- left: 0;
62
- }
63
- .badge {
64
- right: 12px;
65
- }
66
- }
67
-
68
- &.trigger-container-hint-arrow:first-child:before {
69
- display: none;
70
- content: '';
71
- position: absolute;
72
- background-color: @color-white;
73
- height: 12px;
74
- width: 12px;
75
- bottom: -11px;
76
- left: 14px;
77
- z-index: (@z-index-popover + 2);
78
- transform: rotateY(0deg) rotate(45deg);
79
- border-left: 1px solid var(--colorsBorderGrey, @color-neutral-60);
80
- border-top: 1px solid var(--colorsBorderGrey, @color-neutral-60);
81
- }
82
- }
83
-
84
- .dropdown {
85
- :global(.Popover__content) {
86
- padding: @spacing-0;
87
- }
88
-
89
- :global(.Popover__divider) {
90
- margin: @spacing-half @spacing-0;
91
- width: 100%;
92
- }
93
-
94
- :global(.Popover__divider) + :global(.Popover__divider) {
95
- display: none;
96
- }
97
-
98
- :global(.Popover__divider):last-child {
99
- display: none;
100
- }
101
-
102
- :global(.Popover__content).dropdown-content {
103
- padding: @spacing-1 @spacing-0;
104
- font-size: @typescale-2;
105
- position: relative;
106
- }
107
-
108
- .dropdown-content-wrapper > span {
109
- display: block !important;
110
- }
111
-
112
- .dropdown-content-bottom-left {
113
- .dropdown-content-wrapper::before {
114
- content: '';
115
- position: absolute;
116
- top: -8px;
117
- right: 8px;
118
- height: 8px;
119
- width: 8px;
120
- background-color: coral;
121
- }
122
- }
123
-
124
- .dropdown-section {
125
- padding: @spacing-1 @spacing-2;
126
- }
127
-
128
- .dropdown-link {
129
- display: block;
130
- cursor: pointer;
131
- color: @color-black;
132
- position: relative;
133
-
134
- &:hover {
135
- background-color: rgba(0, 0, 0, 0.05);
136
- }
137
- }
138
-
139
- .counter {
140
- color: @color-white;
141
- font-size: @typescale-0;
142
- font-weight: @font-weight-semibold;
143
- position: absolute;
144
- top: @spacing-half;
145
- margin-left: @spacing-half;
146
- }
147
- }
148
-
149
- .hint {
150
- background-color: @color-white;
151
- padding: @spacing-0 !important;
152
-
153
- .hint-content {
154
- padding: @spacing-1 @spacing-2;
155
- background-color: inherit;
156
-
157
- &::before {
158
- content: '';
159
- position: absolute;
160
- top: -6px;
161
- right: 29px;
162
- height: 12px;
163
- width: 12px;
164
- background-color: inherit;
165
- transform: rotateY(0deg) rotate(45deg);
166
- border-left: 1px solid @color-neutral-60;
167
- border-top: 1px solid @color-neutral-60;
168
- z-index: (@z-index-popover + 2);
169
- }
170
- }
171
- }
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import("./profile-dropdown").ProfileDropdownType;
4
- parameters: {};
5
- decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
6
- };
7
- export default _default;
8
- export declare const ProfileDropdownDefault: () => import("react/jsx-runtime").JSX.Element;
9
- export declare const ProfileDropdownWithLogo: () => import("react/jsx-runtime").JSX.Element;
10
- export declare const ProfileDropdownWithErrorLogo: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const ProfileDropdownWithInfo: () => import("react/jsx-runtime").JSX.Element;
12
- export declare const ProfileDropdownWithCounter: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const ProfileDropdownWithBothBadges: () => import("react/jsx-runtime").JSX.Element;
14
- export declare const ProfileDropdownWithHintPopup: () => import("react/jsx-runtime").JSX.Element;
15
- export declare const ProfileDropdownWithHintAndInfoPopup: () => import("react/jsx-runtime").JSX.Element;
16
- //# sourceMappingURL=profile-dropdown.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":";;;;;;AAWA,wBAKE;AAEF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAanC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAMxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,+CAQtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAOzC,CAAC;AAKF,eAAO,MAAM,4BAA4B,+CA+BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,+CAW/C,CAAC"}
@@ -1,51 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button } from '@servicetitan/design-system';
3
- import { withAnvil, withMemoryRouter } from '../../test/data';
4
- import { HeaderNavigation } from '../header-navigation';
5
- import { ProfileDropdown } from './profile-dropdown';
6
- const withHeaderNavigation = (Story) => (_jsx(HeaderNavigation, { children: _jsx(Story, {}) }));
7
- export default {
8
- title: 'Navigation/ProfileDropdown/Legacy',
9
- component: ProfileDropdown,
10
- parameters: {},
11
- decorators: [withMemoryRouter, withAnvil, withHeaderNavigation],
12
- };
13
- export const ProfileDropdownDefault = () => (_jsxs(ProfileDropdown, { children: [_jsx(ProfileDropdown.Link, { id: "first", to: "https://google.com", 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, {})] }));
14
- export const ProfileDropdownWithLogo = () => (_jsxs(ProfileDropdown, { trigger: {
15
- imageSrc: 'https://upload.wikimedia.org/wikipedia/en/1/11/Milhouse_Van_Houten.png',
16
- }, children: [_jsx(ProfileDropdown.Link, { id: "first", to: "https://google.com", children: "first link" }), _jsx(ProfileDropdown.Section, { id: "second", onClick: () => alert('second click'), children: "second link" })] }));
17
- export const ProfileDropdownWithErrorLogo = () => (_jsx(ProfileDropdown, { trigger: {
18
- imageSrc: 'https://some.incorrect.url/logo.png',
19
- } }));
20
- export const ProfileDropdownWithInfo = () => (_jsx(ProfileDropdown, { trigger: {
21
- info: { text: 'first', title: 'tenant user' },
22
- avatarBadge: true,
23
- } }));
24
- export const ProfileDropdownWithCounter = () => (_jsx(ProfileDropdown, { trigger: {
25
- info: { text: 'first', title: 'tenant user' },
26
- avatarBadge: true,
27
- badge: { content: 3, className: 'bg-red-500' },
28
- } }));
29
- export const ProfileDropdownWithBothBadges = () => (_jsx(ProfileDropdown, { trigger: {
30
- avatarBadge: 'yellow-500',
31
- badge: { className: 'bg-red-400' },
32
- } }));
33
- // eslint-disable-next-line no-console
34
- const log = (text) => console.log(text);
35
- export const ProfileDropdownWithHintPopup = () => (_jsxs(ProfileDropdown, { trigger: {
36
- avatarBadge: 'yellow-500',
37
- badge: { className: 'bg-red-400' },
38
- }, hintPopup: {
39
- className: 'bg-blue-500-i c-white',
40
- content: ({ openProfile }) => (_jsxs("div", { children: ["hello", ' ', _jsx(Button, { onClick: openProfile, size: "xsmall", children: "show me" })] })),
41
- width: 's',
42
- onClose: () => log('close profile dropdown hint'),
43
- }, onOpen: () => log('open profile dropdown'), onClose: () => log('close profile dropdown'), children: [_jsx(ProfileDropdown.Link, { id: "first", to: "https://google.com", counter: 12, children: "first item" }), _jsx(ProfileDropdown.Divider, {}), _jsx(ProfileDropdown.Section, { id: "second", children: "second item" }), _jsx(ProfileDropdown.Link, { id: "third", to: "https://google.com", tag: { value: 1 }, children: "third item" })] }));
44
- export const ProfileDropdownWithHintAndInfoPopup = () => (_jsx(ProfileDropdown, { trigger: {
45
- avatarBadge: 'yellow-500',
46
- badge: { className: 'bg-red-400' },
47
- info: { title: 'some text', text: 'qq' },
48
- }, hintPopup: {
49
- content: () => _jsx("div", { children: "hello" }),
50
- } }));
51
- //# sourceMappingURL=profile-dropdown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile-dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-dropdown.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const ProfileLogo: FC;
3
- //# sourceMappingURL=profile-icon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile-icon.d.ts","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,WAAW,EAAE,EAkDzB,CAAC"}
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export const ProfileLogo = () => (_jsx("svg", { className: "profile-dropdown-svg", xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "1em", height: "1em", viewBox: "0 0 256 256", children: _jsxs("g", { stroke: "none", strokeWidth: "0", strokeDasharray: "none", strokeLinecap: "butt", strokeLinejoin: "miter", strokeMiterlimit: "10", fill: "currentColor", fillRule: "nonzero", opacity: "1", transform: "translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)", children: [_jsx("path", { d: "M 45 53.718 c -10.022 0 -18.175 -8.153 -18.175 -18.175 S 34.978 17.368 45 17.368 c 10.021 0 18.175 8.153 18.175 18.175 S 55.021 53.718 45 53.718 z", stroke: "none", strokeWidth: "1", strokeDasharray: "none", strokeLinecap: "round", strokeLinejoin: "miter", strokeMiterlimit: "10",
3
- // fill="currentColor"
4
- fillRule: "nonzero", opacity: "1", transform: " matrix(1 0 0 1 0 0) " }), _jsx("path", { d: "M 45 0 C 20.187 0 0 20.187 0 45 c 0 24.813 20.187 45 45 45 c 24.813 0 45 -20.187 45 -45 C 90 20.187 69.813 0 45 0 z M 74.821 70.096 c -3.543 -5.253 -8.457 -9.568 -14.159 -12.333 c -2.261 -1.096 -4.901 -1.08 -7.247 0.047 c -2.638 1.268 -5.47 1.91 -8.415 1.91 c -2.945 0 -5.776 -0.643 -8.415 -1.91 c -2.343 -1.125 -4.984 -1.143 -7.247 -0.047 c -5.702 2.765 -10.616 7.08 -14.16 12.333 C 9.457 63.308 6 54.552 6 45 C 6 23.495 23.495 6 45 6 s 39 17.495 39 39 C 84 54.552 80.543 63.308 74.821 70.096 z", stroke: "none", strokeWidth: "1", strokeDasharray: "none", strokeLinecap: "round", strokeLinejoin: "miter", strokeMiterlimit: "10", fill: "currentColor", fillRule: "nonzero", opacity: "1", transform: " matrix(1 0 0 1 0 0) " })] }) }));
5
- //# sourceMappingURL=profile-icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile-icon.js","sourceRoot":"","sources":["../../../src/components/profile-dropdown/profile-icon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE,CAAC,CACjC,cACI,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,YAErB,aACI,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,MAAM,EACtB,aAAa,EAAC,MAAM,EACpB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,EACrB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAC,mEAAmE,aAE7E,eACI,CAAC,EAAC,oJAAoJ,EACtJ,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,MAAM,EACtB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI;gBACrB,sBAAsB;gBACtB,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAC,uBAAuB,GACnC,EAEF,eACI,CAAC,EAAC,ifAAif,EACnf,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,MAAM,EACtB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,gBAAgB,EAAC,IAAI,EACrB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAC,uBAAuB,GACnC,IACF,GACF,CACT,CAAC"}
@@ -1,6 +0,0 @@
1
- export * from './titan-layout';
2
- export * from './layout-profile';
3
- export * from './layout-context';
4
- export * from './layout-logo';
5
- export * from './interface';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
@@ -1,6 +0,0 @@
1
- export * from './titan-layout';
2
- export * from './layout-profile';
3
- export * from './layout-context';
4
- export * from './layout-logo';
5
- export * from './interface';
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/titan-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
@@ -1,6 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavLinkComponentProps } from '../../utils/navigation-context';
3
- export interface NavigationComponentProps {
4
- navigationComponent: FC<NavLinkComponentProps>;
5
- }
6
- //# sourceMappingURL=interface-internal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface-internal.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/interface-internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;CAClD"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=interface-internal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface-internal.js","sourceRoot":"","sources":["../../../src/components/titan-layout/interface-internal.ts"],"names":[],"mappings":""}
@@ -1,21 +0,0 @@
1
- import { FC, ReactElement } from 'react';
2
- import { NavigationItemData } from '../../utils/navigation';
3
- import { TitanLayoutSidebarContextType } from './layout-context';
4
- export interface TitanLayoutSidebarLinkWrapperProps {
5
- children: ReactElement<TitanLayoutSidebarLinkProps> | ReactElement<TitanLayoutSidebarTriggerProps>;
6
- context: TitanLayoutSidebarContextType;
7
- }
8
- export interface TitanLayoutSidebarLinkProps extends Omit<NavigationItemData, 'submenu'> {
9
- wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;
10
- }
11
- export interface TitanLayoutSidebarTriggerProps extends Omit<TitanLayoutSidebarLinkProps, 'to' | 'isActive'> {
12
- isActive?: boolean;
13
- wrapper?: FC<TitanLayoutSidebarLinkWrapperProps>;
14
- onClick?: () => void;
15
- onMobileClick?: () => void;
16
- }
17
- export interface TitanLayoutState {
18
- navCollapsed: boolean;
19
- submenuExpanded?: string;
20
- }
21
- //# sourceMappingURL=interface.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/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,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,kCAAkC;IAC/C,QAAQ,EACF,YAAY,CAAC,2BAA2B,CAAC,GACzC,YAAY,CAAC,8BAA8B,CAAC,CAAC;IACnD,OAAO,EAAE,6BAA6B,CAAC;CAC1C;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACpF,OAAO,CAAC,EAAE,EAAE,CAAC,kCAAkC,CAAC,CAAC;CACpD;AACD,MAAM,WAAW,8BACb,SAAQ,IAAI,CAAC,2BAA2B,EAAE,IAAI,GAAG,UAAU,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,EAAE,CAAC,kCAAkC,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=interface.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/components/titan-layout/interface.ts"],"names":[],"mappings":""}
@@ -1,20 +0,0 @@
1
- import { CSSProperties, FC } from 'react';
2
- import { NavLinkComponentProps } from '../../utils/navigation-context';
3
- import { TitanBreakpoint } from '../../utils/use-breakpoint';
4
- export interface TitanLayoutSidebarContextType {
5
- styles: {
6
- popoverContent: CSSProperties;
7
- };
8
- }
9
- export type TitanLayoutPlacement = 'top' | 'side' | 'unset';
10
- export interface TitanLayoutContextType {
11
- NavigationComponent: FC<NavLinkComponentProps>;
12
- breakpoint: TitanBreakpoint;
13
- isTitanLayout: boolean;
14
- sidebar: TitanLayoutSidebarContextType;
15
- }
16
- export declare const LayoutContext: import("react").Context<TitanLayoutContextType>;
17
- export declare const useTitanLayoutContext: () => TitanLayoutContextType;
18
- export declare const LayoutPlacementContext: import("react").Context<TitanLayoutPlacement | undefined>;
19
- export declare const useTitanLayoutPlacementContext: () => TitanLayoutPlacement | undefined;
20
- //# sourceMappingURL=layout-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-context.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAA6B,MAAM,OAAO,CAAC;AACrE,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,WAAW,6BAA6B;IAC1C,MAAM,EAAE;QACJ,cAAc,EAAE,aAAa,CAAC;KACjC,CAAC;CACL;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,sBAAsB;IACnC,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC/C,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,6BAA6B,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,iDAKxB,CAAC;AAEH,eAAO,MAAM,qBAAqB,8BAAkC,CAAC;AAErE,eAAO,MAAM,sBAAsB,2DAA6D,CAAC;AACjG,eAAO,MAAM,8BAA8B,wCAA2C,CAAC"}
@@ -1,12 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
- import { DefaultNavLinkComponent } from '../../utils/navigation-context';
3
- export const LayoutContext = createContext({
4
- NavigationComponent: DefaultNavLinkComponent,
5
- breakpoint: { name: 'lg', isMobile: false },
6
- isTitanLayout: false,
7
- sidebar: { styles: { popoverContent: {} } },
8
- });
9
- export const useTitanLayoutContext = () => useContext(LayoutContext);
10
- export const LayoutPlacementContext = createContext(undefined);
11
- export const useTitanLayoutPlacementContext = () => useContext(LayoutPlacementContext);
12
- //# sourceMappingURL=layout-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-context.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAyB,MAAM,gCAAgC,CAAC;AAkBhG,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAyB;IAC/D,mBAAmB,EAAE,uBAAuB;IAC5C,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC3C,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE;CAC9C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { HeaderNavigationLinkProps, HeaderNavigationTriggerProps } from '../../utils/navigation-legacy';
3
- /** Navigation extra item with link */
4
- export declare const LayoutHeaderNavigationLink: FC<HeaderNavigationLinkProps>;
5
- /** Navigation extra item with icon button */
6
- export declare const LayoutHeaderNavigationTrigger: FC<HeaderNavigationTriggerProps>;
7
- //# sourceMappingURL=layout-header-links.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-header-links.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EACH,yBAAyB,EACzB,4BAA4B,EAC/B,MAAM,+BAA+B,CAAC;AA4CvC,sCAAsC;AACtC,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,yBAAyB,CA+CpE,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,4BAA4B,CA0C1E,CAAC"}
@@ -1,32 +0,0 @@
1
- import { createElement as _createElement } from "react";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Icon } from '@servicetitan/anvil2';
4
- import classNames from 'classnames';
5
- import { Fragment } from 'react';
6
- import { getCounterTag } from '../../utils/side-nav';
7
- import { CounterTag } from '../counter-tag';
8
- // use v1 tooltips due to bug with v2 in monolith
9
- import { withTooltip } from '../header-navigation/with-tooltip';
10
- import { useTitanLayoutContext } from './layout-context';
11
- import * as Styles from './layout-header.module.less';
12
- /** Content for navigation items */
13
- const HeaderNavigationItemContent = ({ counterClassName, icon, iconActive, label, labelClassName, tag }) => {
14
- return (_jsxs(Fragment, { children: [!!icon && _jsx(Icon, { svg: icon, className: Styles.navigationIcon }), !!iconActive && (_jsx(Icon, { svg: iconActive, className: classNames(Styles.navigationIcon, Styles.navigationIconActive) })), !!label && (_jsx("span", { className: classNames(Styles.navigationItemLabel, labelClassName), children: label })), !!tag && (_jsx(CounterTag, { data: tag, className: classNames(Styles.navigationItemCounter, counterClassName), longClassName: Styles.navigationItemCounterLong }))] }));
15
- };
16
- /** Navigation extra item with link */
17
- export const LayoutHeaderNavigationLink = ({ id, to, hint, tooltip, className, counter, icon, iconActive, iconClassName, iconComponent, iconName, isActive, label, labelClassName, tag, target, ...rest }) => {
18
- const { NavigationComponent } = useTitanLayoutContext();
19
- return withTooltip(_createElement(NavigationComponent, { "data-cy": `navigation-link-${id}`, "data-pendo": `navigation-link-${id}`, ...rest, key: id, to: to, title: hint, className: classNames(Styles.navigationLink, className, {
20
- [Styles.navigationItemActive]: isActive === true,
21
- [Styles.navigationItemIconState]: !!icon && !!iconActive,
22
- }), isActive: typeof isActive === 'function' ? isActive : undefined, activeClassName: Styles.navigationItemActive, target: target },
23
- _jsx(HeaderNavigationItemContent, { tag: getCounterTag(counter, tag), icon: icon, iconActive: iconActive, label: label, labelClassName: labelClassName })), tooltip);
24
- };
25
- /** Navigation extra item with icon button */
26
- export const LayoutHeaderNavigationTrigger = ({ id, className, counter, icon, iconActive, iconName, isActive, hint, label, labelClassName, tag, tooltip, title, titleClassName, ...rest }) => {
27
- return withTooltip(_jsx("div", { "data-cy": `navigation-trigger-${id}`, "data-pendo": `navigation-trigger-${id}`, ...rest, title: hint, className: classNames(Styles.navigationLink, {
28
- [Styles.navigationItemActive]: isActive === true,
29
- [Styles.navigationItemIconState]: !!icon && !!iconActive,
30
- }, 'cursor-pointer', className), children: _jsx(HeaderNavigationItemContent, { tag: getCounterTag(counter, tag), icon: isActive && iconActive ? iconActive : icon, label: label, labelClassName: labelClassName }) }), tooltip);
31
- };
32
- //# sourceMappingURL=layout-header-links.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-header-links.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header-links.tsx"],"names":[],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
2
- import { TitanLayoutLogoProps } from './layout-logo';
3
- export interface TitanLayoutHeaderLogoProps {
4
- title?: true | string;
5
- mantleFill?: string;
6
- to?: string;
7
- }
8
- export type LayoutHeaderProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
9
- right?: ReactNode;
10
- rightText?: string;
11
- rightClassName?: string;
12
- id?: string;
13
- center?: ReactElement;
14
- centerClassName?: string;
15
- logo: ReactElement<TitanLayoutLogoProps>;
16
- profile?: ReactElement;
17
- onBurgerClick?: (e: MouseEvent) => void;
18
- };
19
- export declare const LayoutHeader: FC<LayoutHeaderProps>;
20
- //# sourceMappingURL=layout-header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-header.d.ts","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,IAAI,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAuD9C,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import SvgBurgerMenu from '@servicetitan/anvil2/assets/icons/material/round/menu.svg';
3
- import classNames from 'classnames';
4
- import { LayoutPlacementContext, useTitanLayoutContext } from './layout-context';
5
- import { LayoutHeaderNavigationTrigger } from './layout-header-links';
6
- import * as Styles from './layout-header.module.less';
7
- export const LayoutHeader = ({ className, right, rightText, rightClassName, center, centerClassName, logo, profile, onBurgerClick, ...rest }) => {
8
- const { breakpoint } = useTitanLayoutContext();
9
- return (_jsx(LayoutPlacementContext.Provider, { value: "top", children: _jsxs("div", { className: classNames(Styles.header, className), ...rest, "data-cy": "header-navigation", children: [_jsxs("div", { className: classNames(Styles.heTopLeft), "data-cy": "navigation-left", children: [breakpoint.isMobile && (_jsx(LayoutHeaderNavigationTrigger, { id: "burger", title: "", icon: SvgBurgerMenu, iconActive: SvgBurgerMenu, className: "m-r-1", onClick: onBurgerClick })), logo] }), _jsx("div", { className: classNames(Styles.heTopCenter, centerClassName), "data-cy": "navigation-center", children: center }), _jsxs("div", { className: classNames('d-f flex-row justify-content-end align-items-center', Styles.heTopRight, rightClassName), "data-cy": "navigation-right", children: [!!rightText && _jsx("div", { className: Styles.heTopRightText, children: rightText }), right, profile] })] }) }));
10
- };
11
- //# sourceMappingURL=layout-header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"layout-header.js","sourceRoot":"","sources":["../../../src/components/titan-layout/layout-header.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,2DAA2D,CAAC;AACtF,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAyBtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,KAAK,EACL,SAAS,EACT,cAAc,EACd,MAAM,EACN,eAAe,EACf,IAAI,EACJ,OAAO,EACP,aAAa,EACb,GAAG,IAAI,EACV,EAAE,EAAE;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE/C,OAAO,CACH,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,YACxC,eACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,KAC3C,IAAI,aACA,mBAAmB,aAE3B,eAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,aAAU,iBAAiB,aAClE,UAAU,CAAC,QAAQ,IAAI,CACpB,KAAC,6BAA6B,IAC1B,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,EAAE,EACR,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,aAAa,EACzB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,aAAa,GACxB,CACL,EACA,IAAI,IACH,EACN,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,aAClD,mBAAmB,YAE1B,MAAM,GACL,EACN,eACI,SAAS,EAAE,UAAU,CACjB,qDAAqD,EACrD,MAAM,CAAC,UAAU,EACjB,cAAc,CACjB,aACO,kBAAkB,aAEzB,CAAC,CAAC,SAAS,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,SAAS,GAAO,EACvE,KAAK,EACL,OAAO,IACN,IACJ,GACwB,CACrC,CAAC;AACN,CAAC,CAAC"}