@servicetitan/marketing-ui 1.14.0 → 1.17.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 (163) hide show
  1. package/CHANGELOG.md +340 -0
  2. package/dist/components/ads/ads-stat.js +13 -18
  3. package/dist/components/ads/ads-stat.js.map +1 -1
  4. package/dist/components/charts/funnel-chart/components/funnel-chart.js +15 -41
  5. package/dist/components/charts/funnel-chart/components/funnel-chart.js.map +1 -1
  6. package/dist/components/charts/funnel-chart/components/funnel-svg.js +9 -16
  7. package/dist/components/charts/funnel-chart/components/funnel-svg.js.map +1 -1
  8. package/dist/components/charts/funnel-chart/funnel-chart.stories.js +11 -14
  9. package/dist/components/charts/funnel-chart/funnel-chart.stories.js.map +1 -1
  10. package/dist/components/charts/funnel-chart/index.js +2 -16
  11. package/dist/components/charts/funnel-chart/index.js.map +1 -1
  12. package/dist/components/charts/funnel-chart/utils/const.js +2 -5
  13. package/dist/components/charts/funnel-chart/utils/const.js.map +1 -1
  14. package/dist/components/charts/funnel-chart/utils/interface.js +1 -2
  15. package/dist/components/charts/line-chart/components/body.js +26 -51
  16. package/dist/components/charts/line-chart/components/body.js.map +1 -1
  17. package/dist/components/charts/line-chart/components/container.js +12 -15
  18. package/dist/components/charts/line-chart/components/container.js.map +1 -1
  19. package/dist/components/charts/line-chart/components/hover-popover.js +20 -45
  20. package/dist/components/charts/line-chart/components/hover-popover.js.map +1 -1
  21. package/dist/components/charts/line-chart/components/sidebar.js +9 -35
  22. package/dist/components/charts/line-chart/components/sidebar.js.map +1 -1
  23. package/dist/components/charts/line-chart/components/stuff.js +13 -41
  24. package/dist/components/charts/line-chart/components/stuff.js.map +1 -1
  25. package/dist/components/charts/line-chart/components/svg-bars.js +14 -17
  26. package/dist/components/charts/line-chart/components/svg-bars.js.map +1 -1
  27. package/dist/components/charts/line-chart/components/svg-body.js +15 -41
  28. package/dist/components/charts/line-chart/components/svg-body.js.map +1 -1
  29. package/dist/components/charts/line-chart/components/svg-lines.js +11 -33
  30. package/dist/components/charts/line-chart/components/svg-lines.js.map +1 -1
  31. package/dist/components/charts/line-chart/index.js +2 -14
  32. package/dist/components/charts/line-chart/index.js.map +1 -1
  33. package/dist/components/charts/line-chart/line-chart.stories.js +19 -27
  34. package/dist/components/charts/line-chart/line-chart.stories.js.map +1 -1
  35. package/dist/components/charts/line-chart/stores/line-chart.store.js +20 -23
  36. package/dist/components/charts/line-chart/stores/line-chart.store.js.map +1 -1
  37. package/dist/components/charts/line-chart/stores/svg.store.js +10 -13
  38. package/dist/components/charts/line-chart/stores/svg.store.js.map +1 -1
  39. package/dist/components/charts/line-chart/utils/const.js +2 -6
  40. package/dist/components/charts/line-chart/utils/const.js.map +1 -1
  41. package/dist/components/charts/line-chart/utils/formatters.js +7 -11
  42. package/dist/components/charts/line-chart/utils/formatters.js.map +1 -1
  43. package/dist/components/charts/line-chart/utils/interfaces.js +1 -2
  44. package/dist/components/charts/line-chart/utils/internal-interfaces.js +1 -2
  45. package/dist/components/charts/line-chart/utils/key.js +1 -5
  46. package/dist/components/charts/line-chart/utils/key.js.map +1 -1
  47. package/dist/components/charts/line-chart/utils/labels.js +19 -26
  48. package/dist/components/charts/line-chart/utils/labels.js.map +1 -1
  49. package/dist/components/charts/pie-chart/components/pie-chart.js +12 -38
  50. package/dist/components/charts/pie-chart/components/pie-chart.js.map +1 -1
  51. package/dist/components/charts/pie-chart/components/pie.js +20 -27
  52. package/dist/components/charts/pie-chart/components/pie.js.map +1 -1
  53. package/dist/components/charts/pie-chart/index.js +1 -5
  54. package/dist/components/charts/pie-chart/index.js.map +1 -1
  55. package/dist/components/charts/pie-chart/pie-chart.stories.js +11 -18
  56. package/dist/components/charts/pie-chart/pie-chart.stories.js.map +1 -1
  57. package/dist/components/charts/pie-chart/utils/const.js +4 -8
  58. package/dist/components/charts/pie-chart/utils/const.js.map +1 -1
  59. package/dist/components/charts/pie-chart/utils/interface.js +1 -2
  60. package/dist/components/image-cropper/image-cropper.js +17 -23
  61. package/dist/components/image-cropper/image-cropper.js.map +1 -1
  62. package/dist/components/image-cropper/image-cropper.stories.js +10 -14
  63. package/dist/components/image-cropper/image-cropper.stories.js.map +1 -1
  64. package/dist/components/stat/stat-card.js +15 -42
  65. package/dist/components/stat/stat-card.js.map +1 -1
  66. package/dist/components/stat/stat-cards.stories.js +10 -13
  67. package/dist/components/stat/stat-cards.stories.js.map +1 -1
  68. package/dist/components/stat/stat-extended-card.js +9 -35
  69. package/dist/components/stat/stat-extended-card.js.map +1 -1
  70. package/dist/components/stat/stat-extended-card.stories.js +8 -11
  71. package/dist/components/stat/stat-extended-card.stories.js.map +1 -1
  72. package/dist/components/ui/action-button/action-button.d.ts +14 -0
  73. package/dist/components/ui/action-button/action-button.d.ts.map +1 -0
  74. package/dist/components/ui/action-button/action-button.js +32 -0
  75. package/dist/components/ui/action-button/action-button.js.map +1 -0
  76. package/dist/components/ui/action-button/action-button.module.less +51 -0
  77. package/dist/components/ui/action-button/action-button.stories.d.ts +10 -0
  78. package/dist/components/ui/action-button/action-button.stories.d.ts.map +1 -0
  79. package/dist/components/ui/action-button/action-button.stories.js +11 -0
  80. package/dist/components/ui/action-button/action-button.stories.js.map +1 -0
  81. package/dist/components/ui/action-button/index.d.ts +2 -0
  82. package/dist/components/ui/action-button/index.d.ts.map +1 -0
  83. package/dist/components/ui/action-button/index.js +2 -0
  84. package/dist/components/ui/action-button/index.js.map +1 -0
  85. package/dist/components/ui/centered-spinner.js +5 -12
  86. package/dist/components/ui/centered-spinner.js.map +1 -1
  87. package/dist/components/ui/centered-spinner.stories.js +8 -11
  88. package/dist/components/ui/centered-spinner.stories.js.map +1 -1
  89. package/dist/components/ui/date-range-picker/date-range-picker.js +11 -36
  90. package/dist/components/ui/date-range-picker/date-range-picker.js.map +1 -1
  91. package/dist/components/ui/date-range-picker/date-range-picker.stories.js +9 -12
  92. package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map +1 -1
  93. package/dist/components/ui/disabled-button.js +4 -8
  94. package/dist/components/ui/disabled-button.js.map +1 -1
  95. package/dist/components/ui/line-text/index.js +1 -13
  96. package/dist/components/ui/line-text/index.js.map +1 -1
  97. package/dist/components/ui/line-text/line-text-body.stories.js +7 -10
  98. package/dist/components/ui/line-text/line-text-body.stories.js.map +1 -1
  99. package/dist/components/ui/line-text/line-text-head.stories.js +7 -10
  100. package/dist/components/ui/line-text/line-text-head.stories.js.map +1 -1
  101. package/dist/components/ui/line-text/line-text.js +15 -42
  102. package/dist/components/ui/line-text/line-text.js.map +1 -1
  103. package/dist/components/ui/title-popover/index.d.ts +2 -0
  104. package/dist/components/ui/title-popover/index.d.ts.map +1 -0
  105. package/dist/components/ui/title-popover/index.js +2 -0
  106. package/dist/components/ui/title-popover/index.js.map +1 -0
  107. package/dist/components/ui/title-popover/title-popover.d.ts +17 -0
  108. package/dist/components/ui/title-popover/title-popover.d.ts.map +1 -0
  109. package/dist/components/ui/title-popover/title-popover.js +96 -0
  110. package/dist/components/ui/title-popover/title-popover.js.map +1 -0
  111. package/dist/components/ui/title-popover/title-popover.module.less +10 -0
  112. package/dist/components/ui/title-popover/title-popover.stories.d.ts +11 -0
  113. package/dist/components/ui/title-popover/title-popover.stories.d.ts.map +1 -0
  114. package/dist/components/ui/title-popover/title-popover.stories.js +17 -0
  115. package/dist/components/ui/title-popover/title-popover.stories.js.map +1 -0
  116. package/dist/index.d.ts +3 -0
  117. package/dist/index.d.ts.map +1 -1
  118. package/dist/index.js +15 -24
  119. package/dist/index.js.map +1 -1
  120. package/dist/utils/ads-texts.d.ts +1 -1
  121. package/dist/utils/ads-texts.d.ts.map +1 -1
  122. package/dist/utils/ads-texts.js +3 -5
  123. package/dist/utils/ads-texts.js.map +1 -1
  124. package/dist/utils/date/__mocks__/date-mock.js +1 -5
  125. package/dist/utils/date/__mocks__/date-mock.js.map +1 -1
  126. package/dist/utils/date/date-range-picker-options.js +7 -12
  127. package/dist/utils/date/date-range-picker-options.js.map +1 -1
  128. package/dist/utils/date/date-range-picker-state.js +6 -10
  129. package/dist/utils/date/date-range-picker-state.js.map +1 -1
  130. package/dist/utils/date/date-tenant.js +1 -5
  131. package/dist/utils/date/date-tenant.js.map +1 -1
  132. package/dist/utils/date/date.js +3 -9
  133. package/dist/utils/date/date.js.map +1 -1
  134. package/dist/utils/date/index.js +4 -16
  135. package/dist/utils/date/index.js.map +1 -1
  136. package/dist/utils/format-big-numbers.js +1 -5
  137. package/dist/utils/format-big-numbers.js.map +1 -1
  138. package/dist/utils/formatters.js +13 -41
  139. package/dist/utils/formatters.js.map +1 -1
  140. package/dist/utils/helpers.js +2 -7
  141. package/dist/utils/helpers.js.map +1 -1
  142. package/dist/utils/string-case.js +2 -7
  143. package/dist/utils/string-case.js.map +1 -1
  144. package/dist/utils/use-client-rect.js +7 -11
  145. package/dist/utils/use-client-rect.js.map +1 -1
  146. package/dist/utils/use-target-range-store.d.ts +7 -0
  147. package/dist/utils/use-target-range-store.d.ts.map +1 -0
  148. package/dist/utils/use-target-range-store.js +9 -0
  149. package/dist/utils/use-target-range-store.js.map +1 -0
  150. package/package.json +2 -2
  151. package/src/components/ui/action-button/action-button.module.less +51 -0
  152. package/src/components/ui/action-button/action-button.module.less.d.ts +9 -0
  153. package/src/components/ui/action-button/action-button.stories.tsx +19 -0
  154. package/src/components/ui/action-button/action-button.tsx +82 -0
  155. package/src/components/ui/action-button/index.tsx +1 -0
  156. package/src/components/ui/title-popover/index.tsx +1 -0
  157. package/src/components/ui/title-popover/title-popover.module.less +10 -0
  158. package/src/components/ui/title-popover/title-popover.module.less.d.ts +3 -0
  159. package/src/components/ui/title-popover/title-popover.stories.tsx +28 -0
  160. package/src/components/ui/title-popover/title-popover.tsx +86 -0
  161. package/src/index.ts +3 -0
  162. package/src/utils/ads-texts.tsx +4 -1
  163. package/src/utils/use-target-range-store.ts +17 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,340 @@
1
+ # v1.17.0 (Tue Aug 09 2022)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - MRK-6019: Export components [#144](https://github.com/servicetitan/anvil-uikit-contrib/pull/144) ([@withnorush](https://github.com/withnorush))
6
+
7
+ #### Authors: 1
8
+
9
+ - Andreev Pavel ([@withnorush](https://github.com/withnorush))
10
+
11
+ ---
12
+
13
+ # v1.16.0 (Mon Aug 08 2022)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - MRK-6019: Move common components to marketing-ui [#141](https://github.com/servicetitan/anvil-uikit-contrib/pull/141) ([@withnorush](https://github.com/withnorush))
18
+
19
+ #### Authors: 1
20
+
21
+ - Andreev Pavel ([@withnorush](https://github.com/withnorush))
22
+
23
+ ---
24
+
25
+ # v1.15.0 (Thu May 19 2022)
26
+
27
+ #### 🚀 Enhancement
28
+
29
+ - update ran rate description, added description for callBookingRate, MAD-1314 [#101](https://github.com/servicetitan/anvil-uikit-contrib/pull/101) ([@venmelkonian](https://github.com/venmelkonian))
30
+
31
+ #### Authors: 1
32
+
33
+ - Venera Melkonyan ([@venmelkonian](https://github.com/venmelkonian))
34
+
35
+ ---
36
+
37
+ # v1.14.0 (Wed Mar 02 2022)
38
+
39
+ #### 🚀 Enhancement
40
+
41
+ - Round to the nearest integer for value formatting [#94](https://github.com/servicetitan/anvil-uikit-contrib/pull/94) ([@VenMelkonyan](https://github.com/VenMelkonyan))
42
+
43
+ #### Authors: 1
44
+
45
+ - Venera Melkonyan ([@VenMelkonyan](https://github.com/VenMelkonyan))
46
+
47
+ ---
48
+
49
+ # v1.13.0 (Thu Feb 24 2022)
50
+
51
+ #### 🚀 Enhancement
52
+
53
+ - MPA-290: useAsyncLazyDropdownState [marketing-ui] [#83](https://github.com/servicetitan/anvil-uikit-contrib/pull/83) ([@aschumahua](https://github.com/aschumahua))
54
+
55
+ #### Authors: 1
56
+
57
+ - Anzar Schumahua ([@aschumahua](https://github.com/aschumahua))
58
+
59
+ ---
60
+
61
+ # v1.12.0 (Sat Feb 19 2022)
62
+
63
+ #### 🚀 Enhancement
64
+
65
+ - MPA-290: findSubstrIndexes [marketing-ui] [#82](https://github.com/servicetitan/anvil-uikit-contrib/pull/82) ([@aschumahua](https://github.com/aschumahua))
66
+ - MPA-290: formatBigNumber [marketing-ui] [#78](https://github.com/servicetitan/anvil-uikit-contrib/pull/78) ([@aschumahua](https://github.com/aschumahua))
67
+
68
+ #### Authors: 1
69
+
70
+ - Anzar Schumahua ([@aschumahua](https://github.com/aschumahua))
71
+
72
+ ---
73
+
74
+ # v1.11.0 (Wed Jan 26 2022)
75
+
76
+ #### 🚀 Enhancement
77
+
78
+ - all conversion definition [#73](https://github.com/servicetitan/anvil-uikit-contrib/pull/73) ([@VenMelkonyan](https://github.com/VenMelkonyan))
79
+
80
+ #### Authors: 1
81
+
82
+ - Venera Melkonyan ([@VenMelkonyan](https://github.com/VenMelkonyan))
83
+
84
+ ---
85
+
86
+ # v1.10.0 (Fri Jan 21 2022)
87
+
88
+ #### 🚀 Enhancement
89
+
90
+ - MAD-1189 [#72](https://github.com/servicetitan/anvil-uikit-contrib/pull/72) ([@VenMelkonyan](https://github.com/VenMelkonyan))
91
+
92
+ #### Authors: 1
93
+
94
+ - Venera Melkonyan ([@VenMelkonyan](https://github.com/VenMelkonyan))
95
+
96
+ ---
97
+
98
+ # v1.8.0 (Mon Dec 27 2021)
99
+
100
+ #### 🚀 Enhancement
101
+
102
+ - Update useFormatPhone [#69](https://github.com/servicetitan/anvil-uikit-contrib/pull/69) ([@aschumahua](https://github.com/aschumahua) [@fnkear](https://github.com/fnkear))
103
+
104
+ #### Authors: 2
105
+
106
+ - Anzar Schumahua ([@aschumahua](https://github.com/aschumahua))
107
+ - Oleg Mikhalkov ([@fnkear](https://github.com/fnkear))
108
+
109
+ ---
110
+
111
+ # v1.7.0 (Fri Dec 24 2021)
112
+
113
+ #### 🚀 Enhancement
114
+
115
+ - updated styles - MAD-1131 [#68](https://github.com/servicetitan/anvil-uikit-contrib/pull/68) ([@VenMelkonyan](https://github.com/VenMelkonyan))
116
+
117
+ #### Authors: 1
118
+
119
+ - Venera Melkonyan ([@VenMelkonyan](https://github.com/VenMelkonyan))
120
+
121
+ ---
122
+
123
+ # v1.6.1 (Fri Dec 10 2021)
124
+
125
+ #### 🐛 Bug Fix
126
+
127
+ - Round to the nearest integer for percent formatting MAD-1117 [#64](https://github.com/servicetitan/anvil-uikit-contrib/pull/64) ([@VenMelkonyan](https://github.com/VenMelkonyan))
128
+
129
+ #### Authors: 1
130
+
131
+ - Venera Melkonyan ([@VenMelkonyan](https://github.com/VenMelkonyan))
132
+
133
+ ---
134
+
135
+ # v1.6.0 (Fri Nov 19 2021)
136
+
137
+ #### 🚀 Enhancement
138
+
139
+ - fix: considering metric values empty array case [#52](https://github.com/servicetitan/anvil-uikit-contrib/pull/52) ([@venmelkonyan](https://github.com/venmelkonyan))
140
+
141
+ #### Authors: 1
142
+
143
+ - Venera Melkonyan ([@venmelkonyan](https://github.com/venmelkonyan))
144
+
145
+ ---
146
+
147
+ # v1.5.0 (Thu Nov 18 2021)
148
+
149
+ :tada: This release contains work from a new contributor! :tada:
150
+
151
+ Thank you, Venera Melkonyan ([@venmelkonyan](https://github.com/venmelkonyan)), for all your work!
152
+
153
+ #### 🚀 Enhancement
154
+
155
+ - Master marketing UI mad 916 [#50](https://github.com/servicetitan/anvil-uikit-contrib/pull/50) ([@venmelkonyan](https://github.com/venmelkonyan))
156
+
157
+ #### Authors: 1
158
+
159
+ - Venera Melkonyan ([@venmelkonyan](https://github.com/venmelkonyan))
160
+
161
+ ---
162
+
163
+ # v1.4.0 (Wed Oct 13 2021)
164
+
165
+ #### 🚀 Enhancement
166
+
167
+ - [marketing-ui] fix line chart layering and labels positions [#38](https://github.com/servicetitan/anvil-uikit-contrib/pull/38) ([@karpoff-titan](https://github.com/karpoff-titan))
168
+
169
+ #### Authors: 1
170
+
171
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
172
+
173
+ ---
174
+
175
+ # v1.3.0 (Wed Oct 06 2021)
176
+
177
+ #### 🚀 Enhancement
178
+
179
+ - [marketing-ui] add loading prop to funnel chart [#35](https://github.com/servicetitan/anvil-uikit-contrib/pull/35) ([@karpoff-titan](https://github.com/karpoff-titan))
180
+
181
+ #### Authors: 1
182
+
183
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
184
+
185
+ ---
186
+
187
+ # v1.2.0 (Tue Oct 05 2021)
188
+
189
+ #### 🚀 Enhancement
190
+
191
+ - [marketing-ui] add funnel chart [#32](https://github.com/servicetitan/anvil-uikit-contrib/pull/32) ([@karpoff-titan](https://github.com/karpoff-titan))
192
+
193
+ #### Authors: 1
194
+
195
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
196
+
197
+ ---
198
+
199
+ # v1.1.0 (Mon Oct 04 2021)
200
+
201
+ #### 🚀 Enhancement
202
+
203
+ - [marketing-ui] add new ads stats and stat card [#30](https://github.com/servicetitan/anvil-uikit-contrib/pull/30) ([@karpoff-titan](https://github.com/karpoff-titan))
204
+
205
+ #### Authors: 1
206
+
207
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
208
+
209
+ ---
210
+
211
+ # v1.0.0 (Thu Sep 30 2021)
212
+
213
+ #### 💥 Breaking Change
214
+
215
+ - [marketing-ui] move hooks to react-hooks package [#28](https://github.com/servicetitan/anvil-uikit-contrib/pull/28) ([@karpoff-titan](https://github.com/karpoff-titan))
216
+
217
+ #### Authors: 1
218
+
219
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
220
+
221
+ ---
222
+
223
+ # v0.8.0 (Mon Sep 27 2021)
224
+
225
+ #### 🚀 Enhancement
226
+
227
+ - [marketing-ui] history hooks - fix string enum parser [#24](https://github.com/servicetitan/anvil-uikit-contrib/pull/24) ([@karpoff-titan](https://github.com/karpoff-titan))
228
+
229
+ #### Authors: 1
230
+
231
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
232
+
233
+ ---
234
+
235
+ # v0.7.0 (Fri Sep 17 2021)
236
+
237
+ #### 🚀 Enhancement
238
+
239
+ - [marketing-ui] extend history hooks - optional urlParams when all params are not required [#19](https://github.com/servicetitan/anvil-uikit-contrib/pull/19) ([@karpoff-titan](https://github.com/karpoff-titan))
240
+
241
+ #### Authors: 1
242
+
243
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
244
+
245
+ ---
246
+
247
+ # v0.6.1 (Wed Sep 15 2021)
248
+
249
+ #### 🐛 Bug Fix
250
+
251
+ - [marketing-ui] fix history hooks [#17](https://github.com/servicetitan/anvil-uikit-contrib/pull/17) ([@karpoff-titan](https://github.com/karpoff-titan))
252
+
253
+ #### Authors: 1
254
+
255
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
256
+
257
+ ---
258
+
259
+ # v0.6.0 (Mon Sep 13 2021)
260
+
261
+ #### 🚀 Enhancement
262
+
263
+ - Marketing UI: ImageCropper [#14](https://github.com/servicetitan/anvil-uikit-contrib/pull/14) ([@aschumahua](https://github.com/aschumahua) [@karpoff-titan](https://github.com/karpoff-titan))
264
+ - [marketing-ui] add handlers for parsing url params [#15](https://github.com/servicetitan/anvil-uikit-contrib/pull/15) ([@karpoff-titan](https://github.com/karpoff-titan))
265
+ - MAD-826: [marketing-ui] date-range picker and date helpers [#13](https://github.com/servicetitan/anvil-uikit-contrib/pull/13) ([@karpoff-titan](https://github.com/karpoff-titan))
266
+
267
+ #### Authors: 2
268
+
269
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
270
+ - Anzar Schumahua ([@aschumahua](https://github.com/aschumahua))
271
+
272
+ ---
273
+
274
+ # v0.5.0 (Thu Sep 09 2021)
275
+
276
+ #### 🚀 Enhancement
277
+
278
+ - [marketing-ui] add hook for typed parsing url parameters [#11](https://github.com/servicetitan/anvil-uikit-contrib/pull/11) ([@karpoff-titan](https://github.com/karpoff-titan))
279
+
280
+ #### Authors: 1
281
+
282
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
283
+
284
+ ---
285
+
286
+ # v0.4.0 (Wed Sep 08 2021)
287
+
288
+ #### 🚀 Enhancement
289
+
290
+ - [marketing-ui] fix history helpers, add hook for query params [#10](https://github.com/servicetitan/anvil-uikit-contrib/pull/10) ([@karpoff-titan](https://github.com/karpoff-titan))
291
+
292
+ #### Authors: 1
293
+
294
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
295
+
296
+ ---
297
+
298
+ # v0.3.0 (Tue Sep 07 2021)
299
+
300
+ #### 🚀 Enhancement
301
+
302
+ - [marketing-ui] add history helpers [#9](https://github.com/servicetitan/anvil-uikit-contrib/pull/9) ([@karpoff-titan](https://github.com/karpoff-titan))
303
+
304
+ #### Authors: 1
305
+
306
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
307
+
308
+ ---
309
+
310
+ # v0.2.0 (Fri Aug 27 2021)
311
+
312
+ #### 🚀 Enhancement
313
+
314
+ - [marketing-ui] fix ads stat descriptions, add init effect hook [#8](https://github.com/servicetitan/anvil-uikit-contrib/pull/8) ([@karpoff-titan](https://github.com/karpoff-titan))
315
+
316
+ #### Authors: 1
317
+
318
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
319
+
320
+ ---
321
+
322
+ # v0.1.0 (Fri Aug 20 2021)
323
+
324
+ :tada: This release contains work from a new contributor! :tada:
325
+
326
+ Thank you, Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan)), for all your work!
327
+
328
+ #### 🚀 Enhancement
329
+
330
+ - update marketing ads texts, add some default exports and components [#7](https://github.com/servicetitan/anvil-uikit-contrib/pull/7) ([@karpoff-titan](https://github.com/karpoff-titan))
331
+
332
+ #### ⚠️ Pushed to `master`
333
+
334
+ - Publish ([@xarety](https://github.com/xarety))
335
+ - Convert package to public ([@xarety](https://github.com/xarety))
336
+
337
+ #### Authors: 2
338
+
339
+ - Anton Karpov ([@karpoff-titan](https://github.com/karpoff-titan))
340
+ - Denis Gordeev ([@xarety](https://github.com/xarety))
@@ -1,23 +1,18 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AdsPerformanceStatExtendedCard = exports.AdsPerformanceStatCard = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const stat_card_1 = require("../stat/stat-card");
6
- const stat_extended_card_1 = require("../stat/stat-extended-card");
7
- const ads_texts_1 = require("../../utils/ads-texts");
8
- const string_case_1 = require("../../utils/string-case");
9
- const AdsPerformanceStatCard = props => {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { StatCard } from '../stat/stat-card';
3
+ import { StatExtendedCard } from '../stat/stat-extended-card';
4
+ import { adsStatDescriptions } from '../../utils/ads-texts';
5
+ import { camelCaseToTitleCase } from '../../utils/string-case';
6
+ export const AdsPerformanceStatCard = props => {
10
7
  var _a, _b;
11
- const titleText = (_a = props.title) !== null && _a !== void 0 ? _a : (0, string_case_1.camelCaseToTitleCase)(props.stat);
12
- const hintText = (_b = props.description) !== null && _b !== void 0 ? _b : ads_texts_1.adsStatDescriptions[props.stat];
13
- return (0, jsx_runtime_1.jsx)(stat_card_1.StatCard, Object.assign({}, props, { title: titleText, description: hintText }), void 0);
8
+ const titleText = (_a = props.title) !== null && _a !== void 0 ? _a : camelCaseToTitleCase(props.stat);
9
+ const hintText = (_b = props.description) !== null && _b !== void 0 ? _b : adsStatDescriptions[props.stat];
10
+ return _jsx(StatCard, Object.assign({}, props, { title: titleText, description: hintText }));
14
11
  };
15
- exports.AdsPerformanceStatCard = AdsPerformanceStatCard;
16
- const AdsPerformanceStatExtendedCard = props => {
12
+ export const AdsPerformanceStatExtendedCard = props => {
17
13
  var _a, _b;
18
- const titleText = (_a = props.title) !== null && _a !== void 0 ? _a : (0, string_case_1.camelCaseToTitleCase)(props.stat);
19
- const hintText = (_b = props.description) !== null && _b !== void 0 ? _b : ads_texts_1.adsStatDescriptions[props.stat];
20
- return (0, jsx_runtime_1.jsx)(stat_extended_card_1.StatExtendedCard, Object.assign({}, props, { title: titleText, description: hintText }), void 0);
14
+ const titleText = (_a = props.title) !== null && _a !== void 0 ? _a : camelCaseToTitleCase(props.stat);
15
+ const hintText = (_b = props.description) !== null && _b !== void 0 ? _b : adsStatDescriptions[props.stat];
16
+ return _jsx(StatExtendedCard, Object.assign({}, props, { title: titleText, description: hintText }));
21
17
  };
22
- exports.AdsPerformanceStatExtendedCard = AdsPerformanceStatExtendedCard;
23
18
  //# sourceMappingURL=ads-stat.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ads-stat.js","sourceRoot":"","sources":["../../../src/components/ads/ads-stat.tsx"],"names":[],"mappings":";;;;AACA,iDAA4D;AAC5D,mEAAqF;AACrF,qDAAyE;AACzE,yDAA+D;AAOxD,MAAM,sBAAsB,GAAgC,KAAK,CAAC,EAAE;;IACvE,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAA,kCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,+BAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtE,OAAO,uBAAC,oBAAQ,oBAAK,KAAK,IAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,YAAI,CAAC;AAC5E,CAAC,CAAC;AALW,QAAA,sBAAsB,0BAKjC;AAQK,MAAM,8BAA8B,GAAwC,KAAK,CAAC,EAAE;;IACvF,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAA,kCAAoB,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,+BAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtE,OAAO,uBAAC,qCAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,YAAI,CAAC;AACpF,CAAC,CAAC;AALW,QAAA,8BAA8B,kCAKzC"}
1
+ {"version":3,"file":"ads-stat.js","sourceRoot":"","sources":["../../../src/components/ads/ads-stat.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAe,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,MAAM,CAAC,MAAM,sBAAsB,GAAgC,KAAK,CAAC,EAAE;;IACvE,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtE,OAAO,KAAC,QAAQ,oBAAK,KAAK,IAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,IAAI,CAAC;AAC5E,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,8BAA8B,GAAwC,KAAK,CAAC,EAAE;;IACvF,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtE,OAAO,KAAC,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,IAAI,CAAC;AACpF,CAAC,CAAC"}
@@ -1,44 +1,18 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __importDefault = (this && this.__importDefault) || function (mod) {
22
- return (mod && mod.__esModule) ? mod : { "default": mod };
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.FunnelChart = void 0;
26
- const jsx_runtime_1 = require("react/jsx-runtime");
27
- const react_1 = require("react");
28
- const classnames_1 = __importDefault(require("classnames"));
29
- const design_system_1 = require("@servicetitan/design-system");
30
- const tokens_1 = __importDefault(require("@servicetitan/tokens"));
31
- const formatters_1 = require("../../../../utils/formatters");
32
- const stat_card_1 = require("../../../stat/stat-card");
33
- const const_1 = require("../utils/const");
34
- const funnel_svg_1 = require("./funnel-svg");
35
- const Styles = __importStar(require("./funnel-chart.module.less"));
36
- const FunnelChart = ({ sections, format, topSideLength = const_1.defaultTopSideLength, bottomSideLength = const_1.defaultBottomSideLength, popoverContent: PopoverContent, loading, className, }) => {
37
- const [popoverShown, setPopoverShown] = (0, react_1.useState)(undefined);
38
- const colors = (0, react_1.useMemo)(() => sections.map(s => s.color), [sections]);
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useMemo, useState } from 'react';
3
+ import classNames from 'classnames';
4
+ import { BodyText, Eyebrow, Headline, Icon, Mask, Popover, Stack, StatusLight, Tooltip, } from '@servicetitan/design-system';
5
+ import tokens from '@servicetitan/tokens';
6
+ import { formatValue } from '../../../../utils/formatters';
7
+ import { StatDiff } from '../../../stat/stat-card';
8
+ import { defaultBottomSideLength, defaultTopSideLength } from '../utils/const';
9
+ import { FunnelPyramidSvg } from './funnel-svg';
10
+ import * as Styles from './funnel-chart.module.less';
11
+ export const FunnelChart = ({ sections, format, topSideLength = defaultTopSideLength, bottomSideLength = defaultBottomSideLength, popoverContent: PopoverContent, loading, className, }) => {
12
+ const [popoverShown, setPopoverShown] = useState(undefined);
13
+ const colors = useMemo(() => sections.map(s => s.color), [sections]);
39
14
  const hidePopover = () => setPopoverShown(undefined);
40
- const pyramidTextsStyles = (0, react_1.useMemo)(() => ({ left: `${100 - topSideLength}%` }), [topSideLength]);
41
- return ((0, jsx_runtime_1.jsxs)(design_system_1.Mask, Object.assign({ className: (0, classnames_1.default)('h-100 bg-white border border-radius-2 p-3 of-hidden position-relative', className), active: !!loading }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: Styles.pyramidWrapper }, { children: (0, jsx_runtime_1.jsx)(funnel_svg_1.FunnelPyramidSvg, { colors: colors, topSideLength: topSideLength, bottomSideLength: bottomSideLength }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('d-f flex-column justify-content-around', Styles.pyramidBoxRight), style: pyramidTextsStyles }, { children: sections.map(({ id, title, value, color, prev, textClass, data }, ind) => ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: Styles.flex1, justifyContent: "center", alignItems: "center", onMouseEnter: () => setPopoverShown(id), onMouseLeave: hidePopover }, { children: (0, jsx_runtime_1.jsxs)(design_system_1.Popover, Object.assign({ className: "of-hidden", trigger: (0, jsx_runtime_1.jsx)(design_system_1.Headline, Object.assign({ size: "small", className: (0, classnames_1.default)('m-x-2 m-b-0-i', textClass) }, { children: (0, formatters_1.formatValue)(value, format) }), void 0), open: popoverShown === id, direction: ind === 0 ? 'lt' : 'lb', padding: "s", width: "auto", portal: true }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center", justifyContent: "flex-start" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.StatusLight, { color: color }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ bold: true, className: "m-r-half" }, { children: (0, formatters_1.formatValue)(value, format) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ bold: true, className: "m-r-1" }, { children: title }), void 0), (0, jsx_runtime_1.jsx)(stat_card_1.StatDiff, { value: value, prev: prev, size: "xsmall", format: format }, void 0)] }), void 0), !!PopoverContent && ((0, jsx_runtime_1.jsx)(PopoverContent, { id: id, value: value, text: (0, formatters_1.formatValue)(value, format), data: data }, void 0))] }), void 0) }), title))) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: Styles.pyramidBoxLeft, direction: "column" }, { children: sections.map(s => ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ className: Styles.flex1, justifyContent: "flex-start", alignItems: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Eyebrow, Object.assign({ size: "small", className: (0, classnames_1.default)(Styles.statTitle, 'm-r-half') }, { children: s.title }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, Object.assign({ direction: "t", portal: true, text: s.description }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Icon, { name: "info", className: "m-r-1", size: "14px", color: tokens_1.default.colorNeutral90 }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(stat_card_1.StatDiff, { value: s.value, prev: s.prev, size: "xsmall", format: format }, void 0)] }), s.id))) }), void 0)] }), void 0));
15
+ const pyramidTextsStyles = useMemo(() => ({ left: `${100 - topSideLength}%` }), [topSideLength]);
16
+ return (_jsxs(Mask, Object.assign({ className: classNames('h-100 bg-white border border-radius-2 p-3 of-hidden position-relative', className), active: !!loading }, { children: [_jsx("div", Object.assign({ className: Styles.pyramidWrapper }, { children: _jsx(FunnelPyramidSvg, { colors: colors, topSideLength: topSideLength, bottomSideLength: bottomSideLength }) })), _jsx("div", Object.assign({ className: classNames('d-f flex-column justify-content-around', Styles.pyramidBoxRight), style: pyramidTextsStyles }, { children: sections.map(({ id, title, value, color, prev, textClass, data }, ind) => (_jsx(Stack, Object.assign({ className: Styles.flex1, justifyContent: "center", alignItems: "center", onMouseEnter: () => setPopoverShown(id), onMouseLeave: hidePopover }, { children: _jsxs(Popover, Object.assign({ className: "of-hidden", trigger: _jsx(Headline, Object.assign({ size: "small", className: classNames('m-x-2 m-b-0-i', textClass) }, { children: formatValue(value, format) })), open: popoverShown === id, direction: ind === 0 ? 'lt' : 'lb', padding: "s", width: "auto", portal: true }, { children: [_jsxs(Stack, Object.assign({ alignItems: "center", justifyContent: "flex-start" }, { children: [_jsx(StatusLight, { color: color }), _jsx(BodyText, Object.assign({ bold: true, className: "m-r-half" }, { children: formatValue(value, format) })), _jsx(BodyText, Object.assign({ bold: true, className: "m-r-1" }, { children: title })), _jsx(StatDiff, { value: value, prev: prev, size: "xsmall", format: format })] })), !!PopoverContent && (_jsx(PopoverContent, { id: id, value: value, text: formatValue(value, format), data: data }))] })) }), title))) })), _jsx(Stack, Object.assign({ className: Styles.pyramidBoxLeft, direction: "column" }, { children: sections.map(s => (_jsxs(Stack, Object.assign({ className: Styles.flex1, justifyContent: "flex-start", alignItems: "flex-end" }, { children: [_jsx(Eyebrow, Object.assign({ size: "small", className: classNames(Styles.statTitle, 'm-r-half') }, { children: s.title })), _jsx(Tooltip, Object.assign({ direction: "t", portal: true, text: s.description }, { children: _jsx(Icon, { name: "info", className: "m-r-1", size: "14px", color: tokens.colorNeutral90 }) })), _jsx(StatDiff, { value: s.value, prev: s.prev, size: "xsmall", format: format })] }), s.id))) }))] })));
42
17
  };
43
- exports.FunnelChart = FunnelChart;
44
18
  //# sourceMappingURL=funnel-chart.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"funnel-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/funnel-chart/components/funnel-chart.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"funnel-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/funnel-chart/components/funnel-chart.tsx"],"names":[],"mappings":"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"}
@@ -1,16 +1,10 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.FunnelPyramidSvg = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const react_1 = require("react");
9
- const tokens_1 = __importDefault(require("@servicetitan/tokens"));
10
- const const_1 = require("../utils/const");
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useMemo } from 'react';
3
+ import tokens from '@servicetitan/tokens';
4
+ import { defaultBottomSideLength, defaultTopSideLength } from '../utils/const';
11
5
  const st = (v) => v.toFixed(2);
12
- const FunnelPyramidSvg = ({ colors, topSideLength = const_1.defaultTopSideLength, bottomSideLength = const_1.defaultBottomSideLength, }) => {
13
- const sections = (0, react_1.useMemo)(() => {
6
+ export const FunnelPyramidSvg = ({ colors, topSideLength = defaultTopSideLength, bottomSideLength = defaultBottomSideLength, }) => {
7
+ const sections = useMemo(() => {
14
8
  if (!colors.length) {
15
9
  return [];
16
10
  }
@@ -30,7 +24,7 @@ const FunnelPyramidSvg = ({ colors, topSideLength = const_1.defaultTopSideLength
30
24
  };
31
25
  });
32
26
  }, [colors, topSideLength, bottomSideLength]);
33
- const paths = (0, react_1.useMemo)(() => {
27
+ const paths = useMemo(() => {
34
28
  if (!sections.length) {
35
29
  return [];
36
30
  }
@@ -48,8 +42,7 @@ const FunnelPyramidSvg = ({ colors, topSideLength = const_1.defaultTopSideLength
48
42
  };
49
43
  });
50
44
  }, [sections]);
51
- const lines = (0, react_1.useMemo)(() => sections.slice(1).map((s, ind) => [ind, s.xtr, s.yt]), [sections]);
52
- return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "100%", height: "100%", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "100%", height: "100%", x: "0%", y: "0", viewBox: "0 0 100 100", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: paths.map(({ key, path, color }) => ((0, jsx_runtime_1.jsx)("path", { d: path, fill: color }, key))) }), void 0), (0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "100%", height: "100%", x: "0", y: "0", viewBox: "0 0 100 100", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: lines.map(([id, x, y]) => ((0, jsx_runtime_1.jsx)("line", { x1: "0", y1: st(y), x2: st(x), y2: st(y), stroke: tokens_1.default.colorNeutral60, strokeWidth: 0.5 }, id))) }), void 0)] }), void 0));
45
+ const lines = useMemo(() => sections.slice(1).map((s, ind) => [ind, s.xtr, s.yt]), [sections]);
46
+ return (_jsxs("svg", Object.assign({ width: "100%", height: "100%", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("svg", Object.assign({ width: "100%", height: "100%", x: "0%", y: "0", viewBox: "0 0 100 100", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: paths.map(({ key, path, color }) => (_jsx("path", { d: path, fill: color }, key))) })), _jsx("svg", Object.assign({ width: "100%", height: "100%", x: "0", y: "0", viewBox: "0 0 100 100", preserveAspectRatio: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: lines.map(([id, x, y]) => (_jsx("line", { x1: "0", y1: st(y), x2: st(x), y2: st(y), stroke: tokens.colorNeutral60, strokeWidth: 0.5 }, id))) }))] })));
53
47
  };
54
- exports.FunnelPyramidSvg = FunnelPyramidSvg;
55
48
  //# sourceMappingURL=funnel-svg.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"funnel-svg.js","sourceRoot":"","sources":["../../../../../src/components/charts/funnel-chart/components/funnel-svg.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"funnel-svg.js","sourceRoot":"","sources":["../../../../../src/components/charts/funnel-chart/components/funnel-svg.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +1,12 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.funnelChartCustomContent = exports.funnelChart4Sections = exports.funnelChart3Sections = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const index_1 = require("./index");
6
- const design_system_1 = require("@servicetitan/design-system");
7
- exports.default = {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { FunnelChart } from './index';
3
+ import { BodyText } from '@servicetitan/design-system';
4
+ export default {
8
5
  title: 'Marketing UI/charts/FunnelChart',
9
- component: index_1.FunnelChart,
6
+ component: FunnelChart,
10
7
  parameters: {},
11
8
  };
12
- const w = (cb) => () => (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: '300px', width: '420px' } }, { children: cb() }), void 0);
9
+ const w = (cb) => () => _jsx("div", Object.assign({ style: { height: '300px', width: '420px' } }, { children: cb() }));
13
10
  const sections3 = () => [
14
11
  {
15
12
  id: 1,
@@ -39,9 +36,9 @@ const sections3 = () => [
39
36
  textClass: 'c-white',
40
37
  },
41
38
  ];
42
- const CustomPopoverContent = ({ data }) => (data === null || data === void 0 ? void 0 : data.info.length) ? ((0, jsx_runtime_1.jsx)("div", { children: data.info.map(t => ((0, jsx_runtime_1.jsx)(design_system_1.BodyText, { children: t }, t))) }, void 0)) : null;
43
- exports.funnelChart3Sections = w(() => ((0, jsx_runtime_1.jsx)(index_1.FunnelChart, { format: "percent", sections: sections3() }, void 0)));
44
- exports.funnelChart4Sections = w(() => ((0, jsx_runtime_1.jsx)(index_1.FunnelChart, { format: "percent", sections: [
39
+ const CustomPopoverContent = ({ data }) => (data === null || data === void 0 ? void 0 : data.info.length) ? (_jsx("div", { children: data.info.map(t => (_jsx(BodyText, { children: t }, t))) })) : null;
40
+ export const funnelChart3Sections = w(() => (_jsx(FunnelChart, { format: "percent", sections: sections3() })));
41
+ export const funnelChart4Sections = w(() => (_jsx(FunnelChart, { format: "percent", sections: [
45
42
  {
46
43
  id: 1,
47
44
  color: '#A9D1FF',
@@ -74,6 +71,6 @@ exports.funnelChart4Sections = w(() => ((0, jsx_runtime_1.jsx)(index_1.FunnelCha
74
71
  value: 0.22,
75
72
  prev: 0.221,
76
73
  },
77
- ] }, void 0)));
78
- exports.funnelChartCustomContent = w(() => ((0, jsx_runtime_1.jsx)(index_1.FunnelChart, { format: "percent", topSideLength: 80, bottomSideLength: 20, sections: sections3(), popoverContent: CustomPopoverContent }, void 0)));
74
+ ] })));
75
+ export const funnelChartCustomContent = w(() => (_jsx(FunnelChart, { format: "percent", topSideLength: 80, bottomSideLength: 20, sections: sections3(), popoverContent: CustomPopoverContent })));
79
76
  //# sourceMappingURL=funnel-chart.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"funnel-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/funnel-chart/funnel-chart.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"funnel-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/funnel-chart/funnel-chart.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,3 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- exports.FunnelChart = void 0;
14
- var funnel_chart_1 = require("./components/funnel-chart");
15
- Object.defineProperty(exports, "FunnelChart", { enumerable: true, get: function () { return funnel_chart_1.FunnelChart; } });
16
- __exportStar(require("./utils/interface"), exports);
1
+ export { FunnelChart } from './components/funnel-chart';
2
+ export * from './utils/interface';
17
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/charts/funnel-chart/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0DAAwD;AAA/C,2GAAA,WAAW,OAAA;AACpB,oDAAkC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/charts/funnel-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,mBAAmB,CAAC"}
@@ -1,6 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.defaultBottomSideLength = exports.defaultTopSideLength = void 0;
4
- exports.defaultTopSideLength = 66;
5
- exports.defaultBottomSideLength = 30;
1
+ export const defaultTopSideLength = 66;
2
+ export const defaultBottomSideLength = 30;
6
3
  //# sourceMappingURL=const.js.map