@servicetitan/marketing-ui 1.6.0 → 1.9.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.
- package/dist/components/ads/ads-stat.d.ts +3 -3
- package/dist/components/ads/ads-stat.d.ts.map +1 -1
- package/dist/components/ads/ads-stat.js +4 -4
- package/dist/components/ads/ads-stat.js.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts +2 -2
- package/dist/components/charts/funnel-chart/components/funnel-chart.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-chart.js +4 -4
- package/dist/components/charts/funnel-chart/components/funnel-chart.js.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts +2 -2
- package/dist/components/charts/funnel-chart/components/funnel-svg.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/components/funnel-svg.js +4 -4
- package/dist/components/charts/funnel-chart/components/funnel-svg.js.map +1 -1
- package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts +2 -2
- package/dist/components/charts/funnel-chart/funnel-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/funnel-chart/funnel-chart.stories.js +5 -5
- package/dist/components/charts/funnel-chart/funnel-chart.stories.js.map +1 -1
- package/dist/components/charts/line-chart/components/body.d.ts +2 -2
- package/dist/components/charts/line-chart/components/body.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/body.js +12 -12
- package/dist/components/charts/line-chart/components/body.js.map +1 -1
- package/dist/components/charts/line-chart/components/body.module.less +1 -1
- package/dist/components/charts/line-chart/components/container.d.ts +2 -2
- package/dist/components/charts/line-chart/components/container.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/container.js +5 -5
- package/dist/components/charts/line-chart/components/container.js.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.d.ts +2 -2
- package/dist/components/charts/line-chart/components/hover-popover.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.js +8 -8
- package/dist/components/charts/line-chart/components/hover-popover.js.map +1 -1
- package/dist/components/charts/line-chart/components/hover-popover.module.less +1 -1
- package/dist/components/charts/line-chart/components/sidebar.d.ts +2 -2
- package/dist/components/charts/line-chart/components/sidebar.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/sidebar.js +3 -3
- package/dist/components/charts/line-chart/components/sidebar.js.map +1 -1
- package/dist/components/charts/line-chart/components/sidebar.module.less +2 -2
- package/dist/components/charts/line-chart/components/stuff.d.ts +4 -4
- package/dist/components/charts/line-chart/components/stuff.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/stuff.js +6 -6
- package/dist/components/charts/line-chart/components/stuff.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-bars.d.ts +3 -3
- package/dist/components/charts/line-chart/components/svg-bars.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-bars.js +9 -9
- package/dist/components/charts/line-chart/components/svg-bars.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-body.d.ts +3 -3
- package/dist/components/charts/line-chart/components/svg-body.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-body.js +6 -6
- package/dist/components/charts/line-chart/components/svg-body.js.map +1 -1
- package/dist/components/charts/line-chart/components/svg-lines.d.ts +2 -2
- package/dist/components/charts/line-chart/components/svg-lines.d.ts.map +1 -1
- package/dist/components/charts/line-chart/components/svg-lines.js +5 -5
- package/dist/components/charts/line-chart/components/svg-lines.js.map +1 -1
- package/dist/components/charts/line-chart/line-chart.stories.d.ts +2 -2
- package/dist/components/charts/line-chart/line-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/line-chart/line-chart.stories.js +7 -7
- package/dist/components/charts/line-chart/line-chart.stories.js.map +1 -1
- package/dist/components/charts/line-chart/stores/line-chart.store.js +5 -5
- package/dist/components/charts/line-chart/stores/line-chart.store.js.map +1 -1
- package/dist/components/charts/line-chart/stores/svg.store.js +2 -2
- package/dist/components/charts/line-chart/stores/svg.store.js.map +1 -1
- package/dist/components/charts/line-chart/utils/formatters.js +2 -2
- package/dist/components/charts/line-chart/utils/formatters.js.map +1 -1
- package/dist/components/charts/line-chart/utils/interfaces.d.ts +2 -2
- package/dist/components/charts/line-chart/utils/interfaces.d.ts.map +1 -1
- package/dist/components/charts/line-chart/utils/labels.js +16 -16
- package/dist/components/charts/line-chart/utils/labels.js.map +1 -1
- package/dist/components/charts/pie-chart/components/pie-chart.d.ts +2 -2
- package/dist/components/charts/pie-chart/components/pie-chart.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/components/pie-chart.js +5 -5
- package/dist/components/charts/pie-chart/components/pie-chart.js.map +1 -1
- package/dist/components/charts/pie-chart/components/pie.d.ts +2 -2
- package/dist/components/charts/pie-chart/components/pie.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/components/pie.js +15 -34
- package/dist/components/charts/pie-chart/components/pie.js.map +1 -1
- package/dist/components/charts/pie-chart/pie-chart.stories.d.ts +2 -2
- package/dist/components/charts/pie-chart/pie-chart.stories.d.ts.map +1 -1
- package/dist/components/charts/pie-chart/pie-chart.stories.js +3 -3
- package/dist/components/charts/pie-chart/pie-chart.stories.js.map +1 -1
- package/dist/components/charts/pie-chart/utils/const.js +1 -1
- package/dist/components/charts/pie-chart/utils/const.js.map +1 -1
- package/dist/components/charts/pie-chart/utils/interface.d.ts +2 -2
- package/dist/components/charts/pie-chart/utils/interface.d.ts.map +1 -1
- package/dist/components/image-cropper/image-cropper.d.ts +2 -2
- package/dist/components/image-cropper/image-cropper.d.ts.map +1 -1
- package/dist/components/image-cropper/image-cropper.js +4 -4
- package/dist/components/image-cropper/image-cropper.js.map +1 -1
- package/dist/components/image-cropper/image-cropper.stories.js +6 -9
- package/dist/components/image-cropper/image-cropper.stories.js.map +1 -1
- package/dist/components/stat/stat-card.d.ts +3 -3
- package/dist/components/stat/stat-card.d.ts.map +1 -1
- package/dist/components/stat/stat-card.js +10 -9
- package/dist/components/stat/stat-card.js.map +1 -1
- package/dist/components/stat/stat-card.module.less +7 -0
- package/dist/components/stat/stat-cards.stories.d.ts +2 -2
- package/dist/components/stat/stat-cards.stories.d.ts.map +1 -1
- package/dist/components/stat/stat-cards.stories.js +5 -5
- package/dist/components/stat/stat-cards.stories.js.map +1 -1
- package/dist/components/stat/stat-extended-card.d.ts.map +1 -1
- package/dist/components/stat/stat-extended-card.js +22 -2
- package/dist/components/stat/stat-extended-card.js.map +1 -1
- package/dist/components/stat/stat-extended-card.stories.d.ts +2 -2
- package/dist/components/stat/stat-extended-card.stories.d.ts.map +1 -1
- package/dist/components/stat/stat-extended-card.stories.js +4 -4
- package/dist/components/stat/stat-extended-card.stories.js.map +1 -1
- package/dist/components/ui/centered-spinner.d.ts +2 -2
- package/dist/components/ui/centered-spinner.d.ts.map +1 -1
- package/dist/components/ui/centered-spinner.js +2 -2
- package/dist/components/ui/centered-spinner.js.map +1 -1
- package/dist/components/ui/centered-spinner.stories.d.ts +2 -2
- package/dist/components/ui/centered-spinner.stories.d.ts.map +1 -1
- package/dist/components/ui/centered-spinner.stories.js +4 -4
- package/dist/components/ui/centered-spinner.stories.js.map +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.js +5 -5
- package/dist/components/ui/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.module.less +1 -1
- package/dist/components/ui/date-range-picker/date-range-picker.stories.js +3 -3
- package/dist/components/ui/date-range-picker/date-range-picker.stories.js.map +1 -1
- package/dist/components/ui/disabled-button.d.ts +2 -2
- package/dist/components/ui/disabled-button.d.ts.map +1 -1
- package/dist/components/ui/disabled-button.js +1 -1
- package/dist/components/ui/disabled-button.js.map +1 -1
- package/dist/components/ui/line-text/line-text-body.stories.d.ts +2 -2
- package/dist/components/ui/line-text/line-text-body.stories.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text-body.stories.js +3 -3
- package/dist/components/ui/line-text/line-text-body.stories.js.map +1 -1
- package/dist/components/ui/line-text/line-text-head.stories.d.ts +2 -2
- package/dist/components/ui/line-text/line-text-head.stories.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text-head.stories.js +3 -3
- package/dist/components/ui/line-text/line-text-head.stories.js.map +1 -1
- package/dist/components/ui/line-text/line-text.d.ts +3 -3
- package/dist/components/ui/line-text/line-text.d.ts.map +1 -1
- package/dist/components/ui/line-text/line-text.js +7 -7
- package/dist/components/ui/line-text/line-text.js.map +1 -1
- package/dist/utils/date/date-range-picker-options.js +2 -2
- package/dist/utils/date/date-range-picker-options.js.map +1 -1
- package/dist/utils/date/date-range-picker-state.js +1 -1
- package/dist/utils/date/date-range-picker-state.js.map +1 -1
- package/dist/utils/date/date.js +1 -1
- package/dist/utils/date/date.js.map +1 -1
- package/dist/utils/formatters.js +8 -8
- package/dist/utils/formatters.js.map +1 -1
- package/dist/utils/use-client-rect.js +6 -25
- package/dist/utils/use-client-rect.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ads/ads-stat.tsx +3 -3
- package/src/components/charts/funnel-chart/components/funnel-chart.tsx +2 -2
- package/src/components/charts/funnel-chart/components/funnel-svg.tsx +2 -2
- package/src/components/charts/funnel-chart/funnel-chart.stories.tsx +2 -2
- package/src/components/charts/line-chart/components/body.module.less +1 -1
- package/src/components/charts/line-chart/components/body.tsx +5 -5
- package/src/components/charts/line-chart/components/container.tsx +2 -2
- package/src/components/charts/line-chart/components/hover-popover.module.less +1 -1
- package/src/components/charts/line-chart/components/hover-popover.tsx +4 -4
- package/src/components/charts/line-chart/components/sidebar.module.less +2 -2
- package/src/components/charts/line-chart/components/sidebar.tsx +2 -2
- package/src/components/charts/line-chart/components/stuff.tsx +5 -5
- package/src/components/charts/line-chart/components/svg-bars.tsx +3 -3
- package/src/components/charts/line-chart/components/svg-body.tsx +4 -4
- package/src/components/charts/line-chart/components/svg-lines.tsx +3 -3
- package/src/components/charts/line-chart/line-chart.stories.tsx +1 -1
- package/src/components/charts/line-chart/utils/interfaces.ts +2 -2
- package/src/components/charts/pie-chart/components/pie-chart.tsx +3 -9
- package/src/components/charts/pie-chart/components/pie.tsx +8 -8
- package/src/components/charts/pie-chart/pie-chart.stories.tsx +0 -1
- package/src/components/charts/pie-chart/utils/interface.ts +2 -2
- package/src/components/image-cropper/image-cropper.stories.tsx +8 -8
- package/src/components/image-cropper/image-cropper.tsx +2 -2
- package/src/components/stat/stat-card.module.less +7 -0
- package/src/components/stat/stat-card.module.less.d.ts +1 -0
- package/src/components/stat/stat-card.tsx +6 -4
- package/src/components/stat/stat-cards.stories.tsx +2 -2
- package/src/components/stat/stat-extended-card.stories.tsx +2 -2
- package/src/components/stat/stat-extended-card.tsx +5 -4
- package/src/components/ui/centered-spinner.stories.tsx +2 -2
- package/src/components/ui/centered-spinner.tsx +2 -6
- package/src/components/ui/date-range-picker/date-range-picker.module.less +1 -1
- package/src/components/ui/date-range-picker/date-range-picker.stories.tsx +2 -2
- package/src/components/ui/date-range-picker/date-range-picker.tsx +1 -1
- package/src/components/ui/disabled-button.tsx +2 -2
- package/src/components/ui/line-text/line-text-body.stories.tsx +2 -2
- package/src/components/ui/line-text/line-text-head.stories.tsx +2 -2
- package/src/components/ui/line-text/line-text.tsx +3 -11
- package/src/utils/__tests__/formatters.test.ts +1 -1
- package/src/utils/formatters.ts +1 -1
- package/src/utils/use-client-rect.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-text.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"line-text.js","sourceRoot":"","sources":["../../../../src/components/ui/line-text/line-text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ class DateRangePickerOptions {
|
|
|
34
34
|
return this.options.find(o => o.key === arg);
|
|
35
35
|
}
|
|
36
36
|
for (const opt of this.options) {
|
|
37
|
-
if (date_1.dateRangesEqual(arg, opt.value)) {
|
|
37
|
+
if ((0, date_1.dateRangesEqual)(arg, opt.value)) {
|
|
38
38
|
return opt;
|
|
39
39
|
}
|
|
40
40
|
}
|
|
@@ -85,7 +85,7 @@ class DateRangePickerOptionsTenantAds extends DateRangePickerOptions {
|
|
|
85
85
|
end: range.start,
|
|
86
86
|
};
|
|
87
87
|
}
|
|
88
|
-
return date_1.getComparisonDateRange(range);
|
|
88
|
+
return (0, date_1.getComparisonDateRange)(range);
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
91
|
const todayTenant = date_tenant_1.TenantDate.tenantDateFromLocal(tz.UtcOffset);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker-options.js","sourceRoot":"","sources":["../../../src/utils/date/date-range-picker-options.ts"],"names":[],"mappings":";;;AAAA,+CAA2C;AAC3C,iCAA4E;AAQ5E;;;;GAIG;AACH,MAAsB,sBAAsB;IAA5C;QACI;;;;mBAA+C,EAAE;WAAC;QAClD;;;;;WAA2B;IA8B/B,CAAC;IA5BG,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;IAKD,UAAU,CAAC,GAA4B;QACnC,IAAI,CAAC,GAAG,EAAE;YACN,OAAO,SAAS,CAAC;SACpB;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YACzB,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;SAChD;QAED,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE;YAC5B,IAAI,sBAAe,
|
|
1
|
+
{"version":3,"file":"date-range-picker-options.js","sourceRoot":"","sources":["../../../src/utils/date/date-range-picker-options.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ class DateRangePickerState {
|
|
|
34
34
|
this.value = val;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
mobx_1.makeObservable(this);
|
|
37
|
+
(0, mobx_1.makeObservable)(this);
|
|
38
38
|
this.options = options;
|
|
39
39
|
if (config === null || config === void 0 ? void 0 : config.defaultValue) {
|
|
40
40
|
this.value = config.defaultValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker-state.js","sourceRoot":"","sources":["../../../src/utils/date/date-range-picker-state.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,+BAAoE;AAiBpE,MAAa,oBAAoB;IAa7B,YAAY,MAAmC,EAAE,OAA4C;;QAZjF;;;;;WAAkB;QAE9B;;;;;WAAsD;QAoC9C;;;;mBAAW,CAAC,GAAe,EAAE,EAAE;gBACnC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;YACrB,CAAC;WAAC;QA3BE,qBAAc,
|
|
1
|
+
{"version":3,"file":"date-range-picker-state.js","sourceRoot":"","sources":["../../../src/utils/date/date-range-picker-state.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,+BAAoE;AAiBpE,MAAa,oBAAoB;IAa7B,YAAY,MAAmC,EAAE,OAA4C;;QAZjF;;;;;WAAkB;QAE9B;;;;;WAAsD;QAoC9C;;;;mBAAW,CAAC,GAAe,EAAE,EAAE;gBACnC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;YACrB,CAAC;WAAC;QA3BE,IAAA,qBAAc,EAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;SACpC;aAAM,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,0CAAE,KAAK,CAAC;SAC3E;IACL,CAAC;IAlBS,IAAI,cAAc;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAC9B,OAAO,SAAS,CAAC;SACpB;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAcD,MAAM,CAAC,MAAM,CAAC,MAAmC;QAC7C,OAAO,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,CAAC,iBAAiB,CACpB,OAA2C,EAC3C,MAAmC;QAEnC,OAAO,IAAI,oBAAoB,CAC3B,MAAM,EACN,OAAO,CACqC,CAAC;IACrD,CAAC;CAKJ;AAzCe;IAAX,iBAAU;;mDAAmB;AAIpB;IAAT,eAAQ;;;0DAMR;AA4BO;IAAP,aAAM;;sDAEL;AAzCN,oDA0CC"}
|
package/dist/utils/date/date.js
CHANGED
|
@@ -8,7 +8,7 @@ const datesEqual = (date1, date2) => date1.getFullYear() === date2.getFullYear()
|
|
|
8
8
|
date1.getMinutes() === date2.getMinutes() &&
|
|
9
9
|
date1.getSeconds() === date2.getSeconds();
|
|
10
10
|
exports.datesEqual = datesEqual;
|
|
11
|
-
const dateRangesEqual = (dateRange1, dateRange2) => exports.datesEqual(dateRange1.start, dateRange2.start) && exports.datesEqual(dateRange1.end, dateRange2.end);
|
|
11
|
+
const dateRangesEqual = (dateRange1, dateRange2) => (0, exports.datesEqual)(dateRange1.start, dateRange2.start) && (0, exports.datesEqual)(dateRange1.end, dateRange2.end);
|
|
12
12
|
exports.dateRangesEqual = dateRangesEqual;
|
|
13
13
|
const getComparisonDateRange = (range) => {
|
|
14
14
|
const diff = range.end.getTime() - range.start.getTime();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../src/utils/date/date.ts"],"names":[],"mappings":";;;AAKO,MAAM,UAAU,GAAG,CAAC,KAAW,EAAE,KAAW,EAAE,EAAE,CACnD,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;IAC3C,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;IACrC,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;IACnC,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;IACrC,KAAK,CAAC,UAAU,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE;IACzC,KAAK,CAAC,UAAU,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC;AANjC,QAAA,UAAU,cAMuB;AAEvC,MAAM,eAAe,GAAG,CAAC,UAAqB,EAAE,UAAqB,EAAE,EAAE,CAC5E,kBAAU,
|
|
1
|
+
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../src/utils/date/date.ts"],"names":[],"mappings":";;;AAKO,MAAM,UAAU,GAAG,CAAC,KAAW,EAAE,KAAW,EAAE,EAAE,CACnD,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;IAC3C,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;IACrC,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;IACnC,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;IACrC,KAAK,CAAC,UAAU,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE;IACzC,KAAK,CAAC,UAAU,EAAE,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC;AANjC,QAAA,UAAU,cAMuB;AAEvC,MAAM,eAAe,GAAG,CAAC,UAAqB,EAAE,UAAqB,EAAE,EAAE,CAC5E,IAAA,kBAAU,EAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,IAAA,kBAAU,EAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;AADpF,QAAA,eAAe,mBACqE;AAE1F,MAAM,sBAAsB,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACzD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IAE5D,OAAO;QACH,KAAK,EAAE,IAAI,IAAI,CACX,YAAY,CAAC,WAAW,EAAE,EAC1B,YAAY,CAAC,QAAQ,EAAE,EACvB,YAAY,CAAC,OAAO,EAAE,CACzB;QACD,GAAG,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;AACN,CAAC,CAAC;AAZW,QAAA,sBAAsB,0BAYjC"}
|
package/dist/utils/formatters.js
CHANGED
|
@@ -25,7 +25,7 @@ const formatPercentValue = (value) => {
|
|
|
25
25
|
if (!value) {
|
|
26
26
|
return '0';
|
|
27
27
|
}
|
|
28
|
-
const valueMain = value ? Math.abs(Math.
|
|
28
|
+
const valueMain = value ? Math.abs(Math.round(value)) : 0;
|
|
29
29
|
if (valueMain > 0) {
|
|
30
30
|
return accounting.formatNumber(valueMain, 0);
|
|
31
31
|
}
|
|
@@ -45,27 +45,27 @@ const formatMoney = (value) => (value < 0 ? '-' : '') + accounting.formatMoney(M
|
|
|
45
45
|
exports.formatMoney = formatMoney;
|
|
46
46
|
const formatPercent100 = (value) => `${formatPercentValue(value)}%`;
|
|
47
47
|
exports.formatPercent100 = formatPercent100;
|
|
48
|
-
const formatPercent = (value) => exports.formatPercent100(value * 100);
|
|
48
|
+
const formatPercent = (value) => (0, exports.formatPercent100)(value * 100);
|
|
49
49
|
exports.formatPercent = formatPercent;
|
|
50
50
|
const formatNumber = (value) => accounting.formatNumber(value, 0, ',');
|
|
51
51
|
exports.formatNumber = formatNumber;
|
|
52
52
|
const formatValue = (value, format) => {
|
|
53
53
|
if (format === 'money') {
|
|
54
|
-
return exports.formatMoney(value);
|
|
54
|
+
return (0, exports.formatMoney)(value);
|
|
55
55
|
}
|
|
56
56
|
if (format === 'percent') {
|
|
57
|
-
return exports.formatPercent(value);
|
|
57
|
+
return (0, exports.formatPercent)(value);
|
|
58
58
|
}
|
|
59
59
|
if (format === 'percent-100') {
|
|
60
|
-
return exports.formatPercent100(value);
|
|
60
|
+
return (0, exports.formatPercent100)(value);
|
|
61
61
|
}
|
|
62
62
|
if (format === 'number') {
|
|
63
|
-
return exports.formatNumber(value);
|
|
63
|
+
return (0, exports.formatNumber)(value);
|
|
64
64
|
}
|
|
65
65
|
if (format === 'rate') {
|
|
66
|
-
return exports.formatRate(value);
|
|
66
|
+
return (0, exports.formatRate)(value);
|
|
67
67
|
}
|
|
68
|
-
return exports.formatNumber(value);
|
|
68
|
+
return (0, exports.formatNumber)(value);
|
|
69
69
|
};
|
|
70
70
|
exports.formatValue = formatValue;
|
|
71
71
|
//# sourceMappingURL=formatters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/utils/formatters.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyC;AAIzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAU,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,GAAG,CAAC;KACd;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,IAAI,SAAS,GAAG,CAAC,EAAE;QACf,OAAO,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;KAChD;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,KAAK,YAAY,EAAE,CAAC;AAC/B,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE;IAChD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,MAAM,CAAC;KACjB;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,EAAE,CAAC;IAE7D,OAAO,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AAC3C,CAAC,CAAC;AATW,QAAA,UAAU,cASrB;AAEK,MAAM,WAAW,GAAG,CAAC,KAAa,EAAU,EAAE,CACjD,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;AADtE,QAAA,WAAW,eAC2D;AAC5E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC;AAA9E,QAAA,gBAAgB,oBAA8D;AACpF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,wBAAgB,
|
|
1
|
+
{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/utils/formatters.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyC;AAIzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAU,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,GAAG,CAAC;KACd;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,IAAI,SAAS,GAAG,CAAC,EAAE;QACf,OAAO,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;KAChD;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,KAAK,YAAY,EAAE,CAAC;AAC/B,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE;IAChD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,MAAM,CAAC;KACjB;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,EAAE,CAAC;IAE7D,OAAO,GAAG,SAAS,IAAI,YAAY,GAAG,CAAC;AAC3C,CAAC,CAAC;AATW,QAAA,UAAU,cASrB;AAEK,MAAM,WAAW,GAAG,CAAC,KAAa,EAAU,EAAE,CACjD,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;AADtE,QAAA,WAAW,eAC2D;AAC5E,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC;AAA9E,QAAA,gBAAgB,oBAA8D;AACpF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,IAAA,wBAAgB,EAAC,KAAK,GAAG,GAAG,CAAC,CAAC;AAAzE,QAAA,aAAa,iBAA4D;AAC/E,MAAM,YAAY,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;AAAjF,QAAA,YAAY,gBAAqE;AAEvF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAwB,EAAE,EAAE;IACnE,IAAI,MAAM,KAAK,OAAO,EAAE;QACpB,OAAO,IAAA,mBAAW,EAAC,KAAK,CAAC,CAAC;KAC7B;IAED,IAAI,MAAM,KAAK,SAAS,EAAE;QACtB,OAAO,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;KAC/B;IAED,IAAI,MAAM,KAAK,aAAa,EAAE;QAC1B,OAAO,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;KAClC;IAED,IAAI,MAAM,KAAK,QAAQ,EAAE;QACrB,OAAO,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;KAC9B;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;QACnB,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC;AAtBW,QAAA,WAAW,eAsBtB"}
|
|
@@ -1,35 +1,16 @@
|
|
|
1
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
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
3
|
exports.useClientRect = void 0;
|
|
23
|
-
const react_1 =
|
|
4
|
+
const react_1 = require("react");
|
|
24
5
|
const useClientRect = () => {
|
|
25
|
-
const element = react_1.useRef(null);
|
|
26
|
-
const [rect, setRect] = react_1.useState(null);
|
|
27
|
-
const handleResize = react_1.useCallback(() => {
|
|
6
|
+
const element = (0, react_1.useRef)(null);
|
|
7
|
+
const [rect, setRect] = (0, react_1.useState)(null);
|
|
8
|
+
const handleResize = (0, react_1.useCallback)(() => {
|
|
28
9
|
if (element.current) {
|
|
29
10
|
setRect(element.current.getBoundingClientRect());
|
|
30
11
|
}
|
|
31
12
|
}, []);
|
|
32
|
-
react_1.useEffect(() => {
|
|
13
|
+
(0, react_1.useEffect)(() => {
|
|
33
14
|
if (!rect) {
|
|
34
15
|
return;
|
|
35
16
|
}
|
|
@@ -51,7 +32,7 @@ const useClientRect = () => {
|
|
|
51
32
|
}, 0);
|
|
52
33
|
return () => clearTimeout(to);
|
|
53
34
|
});
|
|
54
|
-
const ref = react_1.
|
|
35
|
+
const ref = (0, react_1.useCallback)((node) => {
|
|
55
36
|
if (node !== null) {
|
|
56
37
|
window.addEventListener('resize', handleResize);
|
|
57
38
|
setRect(node.getBoundingClientRect());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-client-rect.js","sourceRoot":"","sources":["../../src/utils/use-client-rect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-client-rect.js","sourceRoot":"","sources":["../../src/utils/use-client-rect.ts"],"names":[],"mappings":";;;AAAA,iCAAiE;AAE1D,MAAM,aAAa,GAAG,GAI3B,EAAE;IACA,MAAM,OAAO,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAClC,IAAI,OAAO,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;SACpD;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED;;;WAGG;QACH,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE;;YACvB,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,qBAAqB,EAAE,CAAC;YAEzD,IACI,OAAO;gBACP,IAAI;gBACJ,CAAC,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;oBACzB,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;oBAC9B,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;oBACpB,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAC3B;gBACE,OAAO,CAAC,OAAO,CAAC,CAAC;aACpB;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,IAAA,mBAAW,EACnB,CAAC,IAAwB,EAAE,EAAE;QACzB,IAAI,IAAI,KAAK,IAAI,EAAE;YACf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;SACzC;aAAM;YACH,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC;SACjB;QACD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC,EACD,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAxDW,QAAA,aAAa,iBAwDxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/marketing-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"description": "Marketing UI component and utils",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"less": true,
|
|
51
51
|
"webpack": false
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "3c8665339ec145e4faccdc601d2d1864ad2dda5a"
|
|
54
54
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { StatCard, StatCardProps } from '../stat/stat-card';
|
|
3
3
|
import { StatExtendedCard, StatExtendedCardProps } from '../stat/stat-extended-card';
|
|
4
4
|
import { adsStatDescriptions, AdsStatType } from '../../utils/ads-texts';
|
|
@@ -9,7 +9,7 @@ interface AdsPerformanceStatProps extends Omit<StatCardProps, 'title'> {
|
|
|
9
9
|
title?: string;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export const AdsPerformanceStatCard:
|
|
12
|
+
export const AdsPerformanceStatCard: FC<AdsPerformanceStatProps> = props => {
|
|
13
13
|
const titleText = props.title ?? camelCaseToTitleCase(props.stat);
|
|
14
14
|
const hintText = props.description ?? adsStatDescriptions[props.stat];
|
|
15
15
|
|
|
@@ -22,7 +22,7 @@ interface AdsPerformanceStatExtendedProps extends Omit<StatExtendedCardProps, 't
|
|
|
22
22
|
title2: string;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
export const AdsPerformanceStatExtendedCard:
|
|
25
|
+
export const AdsPerformanceStatExtendedCard: FC<AdsPerformanceStatExtendedProps> = props => {
|
|
26
26
|
const titleText = props.title ?? camelCaseToTitleCase(props.stat);
|
|
27
27
|
const hintText = props.description ?? adsStatDescriptions[props.stat];
|
|
28
28
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useMemo, useState, FC } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import {
|
|
4
4
|
BodyText,
|
|
@@ -19,7 +19,7 @@ import { defaultBottomSideLength, defaultTopSideLength } from '../utils/const';
|
|
|
19
19
|
import { FunnelPyramidSvg } from './funnel-svg';
|
|
20
20
|
import * as Styles from './funnel-chart.module.less';
|
|
21
21
|
|
|
22
|
-
export const FunnelChart:
|
|
22
|
+
export const FunnelChart: FC<FunnelChartProps> = ({
|
|
23
23
|
sections,
|
|
24
24
|
format,
|
|
25
25
|
topSideLength = defaultTopSideLength,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useMemo, FC } from 'react';
|
|
2
2
|
import tokens from '@servicetitan/tokens';
|
|
3
3
|
import { defaultBottomSideLength, defaultTopSideLength } from '../utils/const';
|
|
4
4
|
|
|
@@ -10,7 +10,7 @@ export interface FunnelPyramidSvgProps {
|
|
|
10
10
|
bottomSideLength?: number;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
export const FunnelPyramidSvg:
|
|
13
|
+
export const FunnelPyramidSvg: FC<FunnelPyramidSvgProps> = ({
|
|
14
14
|
colors,
|
|
15
15
|
topSideLength = defaultTopSideLength,
|
|
16
16
|
bottomSideLength = defaultBottomSideLength,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { FunnelChart, FunnelChartPopoverContentType, FunnelChartSection } from './index';
|
|
3
3
|
import { BodyText } from '@servicetitan/design-system';
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ export default {
|
|
|
7
7
|
component: FunnelChart,
|
|
8
8
|
parameters: {},
|
|
9
9
|
};
|
|
10
|
-
const w = (cb: () =>
|
|
10
|
+
const w = (cb: () => ReactElement) => () =>
|
|
11
11
|
<div style={{ height: '300px', width: '420px' }}>{cb()}</div>;
|
|
12
12
|
|
|
13
13
|
const sections3 = (): FunnelChartSection<{ info: string[] }>[] => [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useCallback, useEffect, useMemo, FC, Fragment } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { Stack } from '@servicetitan/design-system';
|
|
@@ -15,7 +15,7 @@ import { SvgBody, SvgBodyHover } from './svg-body';
|
|
|
15
15
|
import { HoverPopover } from './hover-popover';
|
|
16
16
|
import * as Styles from './body.module.less';
|
|
17
17
|
|
|
18
|
-
export const Body:
|
|
18
|
+
export const Body: FC<{ classNameTitle?: string }> = provide({ singletons: [SvgStore] })(
|
|
19
19
|
observer(({ classNameTitle }) => {
|
|
20
20
|
const [{ display, metrics, left, right, periods, resolution, setHoveredIndex }, svgStore] =
|
|
21
21
|
useDependencies(LineChartStore, SvgStore);
|
|
@@ -53,7 +53,7 @@ export const Body: React.FC<{ classNameTitle?: string }> = provide({ singletons:
|
|
|
53
53
|
})}
|
|
54
54
|
>
|
|
55
55
|
{periods.length ? (
|
|
56
|
-
<
|
|
56
|
+
<Fragment>
|
|
57
57
|
{periods.length !== labels.length && (
|
|
58
58
|
<div className={Styles.labelBorders}>
|
|
59
59
|
{labels
|
|
@@ -70,7 +70,7 @@ export const Body: React.FC<{ classNameTitle?: string }> = provide({ singletons:
|
|
|
70
70
|
onValueHover={onBarHover}
|
|
71
71
|
onValueLeave={onBarLeave}
|
|
72
72
|
/>
|
|
73
|
-
</
|
|
73
|
+
</Fragment>
|
|
74
74
|
) : (
|
|
75
75
|
<Stack
|
|
76
76
|
className="h-100"
|
|
@@ -98,7 +98,7 @@ export const Body: React.FC<{ classNameTitle?: string }> = provide({ singletons:
|
|
|
98
98
|
/>
|
|
99
99
|
)}
|
|
100
100
|
{display.metricsTitlePosition === 'bottom' && (
|
|
101
|
-
<Stack direction="row" justifyContent="center" className="p-
|
|
101
|
+
<Stack direction="row" justifyContent="center" className="p-3">
|
|
102
102
|
<MetricsTitle metrics={metrics} />
|
|
103
103
|
</Stack>
|
|
104
104
|
)}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useEffect, FC } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { provide, useDependencies } from '@servicetitan/react-ioc';
|
|
4
4
|
import { LineChartProps } from '../utils/interfaces';
|
|
5
5
|
import { LineChartStore } from '../stores/line-chart.store';
|
|
6
6
|
import { Body } from './body';
|
|
7
7
|
|
|
8
|
-
export const LineChart:
|
|
8
|
+
export const LineChart: FC<LineChartProps> = provide({
|
|
9
9
|
singletons: [LineChartStore],
|
|
10
10
|
})(
|
|
11
11
|
observer(props => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useCallback, useMemo, FC, Fragment } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { useDependencies } from '@servicetitan/react-ioc';
|
|
@@ -10,7 +10,7 @@ import { periodDateTitleFormatter } from '../utils/labels';
|
|
|
10
10
|
import * as Styles from './hover-popover.module.less';
|
|
11
11
|
import { ColorTag } from './stuff';
|
|
12
12
|
|
|
13
|
-
export const HoverPopover:
|
|
13
|
+
export const HoverPopover: FC = observer(() => {
|
|
14
14
|
const [{ periods, resolution, hoveredIndex, metrics, display }, svgStore] = useDependencies(
|
|
15
15
|
LineChartStore,
|
|
16
16
|
SvgStore
|
|
@@ -42,7 +42,7 @@ export const HoverPopover: React.FC = observer(() => {
|
|
|
42
42
|
const partialWeek = !!period.partial;
|
|
43
43
|
|
|
44
44
|
return (
|
|
45
|
-
<
|
|
45
|
+
<Fragment>
|
|
46
46
|
<div
|
|
47
47
|
className={Styles.line}
|
|
48
48
|
style={{ left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%' }}
|
|
@@ -73,6 +73,6 @@ export const HoverPopover: React.FC = observer(() => {
|
|
|
73
73
|
)
|
|
74
74
|
)}
|
|
75
75
|
</div>
|
|
76
|
-
</
|
|
76
|
+
</Fragment>
|
|
77
77
|
);
|
|
78
78
|
});
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.sidebar-no-title {
|
|
66
|
-
padding: 0 0 0 @spacing-2;
|
|
66
|
+
padding: @spacing-0 @spacing-0 @spacing-0 @spacing-2;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
@@ -82,6 +82,6 @@
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.sidebar-no-title {
|
|
85
|
-
padding: 0 @spacing-2 0 0;
|
|
85
|
+
padding: @spacing-0 @spacing-2 @spacing-0 @spacing-0;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { Stack } from '@servicetitan/design-system';
|
|
4
4
|
import * as Styles from './sidebar.module.less';
|
|
@@ -12,7 +12,7 @@ interface SidebarProps {
|
|
|
12
12
|
right?: boolean;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
export const Sidebar:
|
|
15
|
+
export const Sidebar: FC<SidebarProps> = ({ settings, right, className, classNameTitle }) => {
|
|
16
16
|
const sidebarTitle = settings.title ? (
|
|
17
17
|
<Stack.Item
|
|
18
18
|
className={classNames(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { CSSProperties, useMemo, FC } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { BodyText, Stack } from '@servicetitan/design-system';
|
|
4
4
|
import * as Styles from './stuff.module.less';
|
|
@@ -13,7 +13,7 @@ interface ColorTagProps {
|
|
|
13
13
|
dashed?: boolean;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
export const ColorTag:
|
|
16
|
+
export const ColorTag: FC<ColorTagProps> = ({ label, color, className, small, dashed }) => (
|
|
17
17
|
<Stack alignItems="center" className={className}>
|
|
18
18
|
<div
|
|
19
19
|
style={
|
|
@@ -39,7 +39,7 @@ interface MetricsTitleProps {
|
|
|
39
39
|
metrics: LineChartMetric[];
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
export const MetricsTitle:
|
|
42
|
+
export const MetricsTitle: FC<MetricsTitleProps> = ({ metrics }) => (
|
|
43
43
|
<Stack alignItems="center">
|
|
44
44
|
{metrics.map(m => (
|
|
45
45
|
<ColorTag
|
|
@@ -47,13 +47,13 @@ export const MetricsTitle: React.FC<MetricsTitleProps> = ({ metrics }) => (
|
|
|
47
47
|
label={m.title}
|
|
48
48
|
color={m.color}
|
|
49
49
|
dashed={m.opts?.dashed}
|
|
50
|
-
className="m-
|
|
50
|
+
className="m-r-4"
|
|
51
51
|
/>
|
|
52
52
|
))}
|
|
53
53
|
</Stack>
|
|
54
54
|
);
|
|
55
55
|
|
|
56
|
-
export const XAxisLabels:
|
|
56
|
+
export const XAxisLabels: FC<{
|
|
57
57
|
labels: ChartXLabels;
|
|
58
58
|
width: number;
|
|
59
59
|
left: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { useDependencies } from '@servicetitan/react-ioc';
|
|
4
4
|
import { ChartMetric } from '../utils/internal-interfaces';
|
|
@@ -10,7 +10,7 @@ interface SvgBarsProps {
|
|
|
10
10
|
isStackedBarChart?: boolean;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
export const SvgBars:
|
|
13
|
+
export const SvgBars: FC<SvgBarsProps> = observer(({ metrics, isStackedBarChart }) => {
|
|
14
14
|
const [store] = useDependencies(SvgStore);
|
|
15
15
|
const { fpx, fpy, barWidth, length } = store;
|
|
16
16
|
const barWidthHalf = barWidth / 2;
|
|
@@ -65,7 +65,7 @@ interface SvgBarsHoverProps {
|
|
|
65
65
|
onLeave(ind: number): void;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
export const SvgBarsHover:
|
|
68
|
+
export const SvgBarsHover: FC<SvgBarsHoverProps> = observer(({ onHover, onLeave }) => {
|
|
69
69
|
const [store] = useDependencies(SvgStore);
|
|
70
70
|
const { fpx, fpy, barWidth, length } = store;
|
|
71
71
|
const barWidthHalf = barWidth / 2;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import tokens from '@servicetitan/tokens';
|
|
4
4
|
import { useDependencies } from '@servicetitan/react-ioc';
|
|
@@ -11,7 +11,7 @@ import { SvgBars, SvgBarsHover } from './svg-bars';
|
|
|
11
11
|
import { SvgLines } from './svg-lines';
|
|
12
12
|
import * as Styles from './svg.module.less';
|
|
13
13
|
|
|
14
|
-
const SvgGrid:
|
|
14
|
+
const SvgGrid: FC = () => {
|
|
15
15
|
const lines = [];
|
|
16
16
|
|
|
17
17
|
for (let i = 1; i <= 10; i += 1) {
|
|
@@ -39,7 +39,7 @@ interface SvgBodyProps {
|
|
|
39
39
|
metrics: ChartMetric[];
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
export const SvgBody:
|
|
42
|
+
export const SvgBody: FC<SvgBodyProps> = observer(({ horizontalGrid, metrics }) => {
|
|
43
43
|
const [{ key }] = useDependencies(SvgStore);
|
|
44
44
|
const barMetrics = metrics.filter(m => m.type === 'bar');
|
|
45
45
|
const stackedBarMetrics = metrics.filter(m => m.type === 'stacked-bar');
|
|
@@ -71,7 +71,7 @@ interface SvgBodyHoverProps {
|
|
|
71
71
|
onValueLeave(ind: number): void;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
export const SvgBodyHover:
|
|
74
|
+
export const SvgBodyHover: FC<SvgBodyHoverProps> = ({ onValueHover, onValueLeave }) => (
|
|
75
75
|
<svg className={Styles.svgHover} viewBox="0 0 100 100" preserveAspectRatio="none">
|
|
76
76
|
<SvgBarsHover onHover={onValueHover} onLeave={onValueLeave} />
|
|
77
77
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useMemo, FC } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { useDependencies } from '@servicetitan/react-ioc';
|
|
4
4
|
import { ChartMetric } from '../utils/internal-interfaces';
|
|
@@ -11,7 +11,7 @@ interface SvgLineProps {
|
|
|
11
11
|
dashed: boolean;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
const SvgLine:
|
|
14
|
+
const SvgLine: FC<SvgLineProps> = ({ color, points, dashed }) => (
|
|
15
15
|
<path
|
|
16
16
|
className={Styles.line}
|
|
17
17
|
d={points.map(([px, py], ind) => (ind === 0 ? 'M' : 'L') + `${px} ${py}`).join(' ')}
|
|
@@ -26,7 +26,7 @@ interface SvgLinesProps {
|
|
|
26
26
|
metrics: ChartMetric[];
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
export const SvgLines:
|
|
29
|
+
export const SvgLines: FC<SvgLinesProps> = observer(({ metrics }) => {
|
|
30
30
|
const [store] = useDependencies(SvgStore);
|
|
31
31
|
|
|
32
32
|
const lines = useMemo(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
|
|
3
3
|
export type LineChartResolution = 'hour' | 'day' | 'week' | 'month';
|
|
4
4
|
export type LineChartMetricType = 'line' | 'bar' | 'stacked-bar';
|
|
@@ -74,7 +74,7 @@ export interface LineChartProps extends LineChartData {
|
|
|
74
74
|
|
|
75
75
|
export interface LineChartCardProps extends LineChartProps {
|
|
76
76
|
title: string;
|
|
77
|
-
headerRight?:
|
|
77
|
+
headerRight?: ReactElement;
|
|
78
78
|
loading?: boolean;
|
|
79
79
|
grayControls?: boolean;
|
|
80
80
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useMemo, FC } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { BodyText, Stack, StatusLight } from '@servicetitan/design-system';
|
|
4
4
|
import { PieChartProps, PiePiece } from '../utils/interface';
|
|
@@ -6,7 +6,7 @@ import { convertSessionsToPieces } from '../utils/const';
|
|
|
6
6
|
import { Pie } from './pie';
|
|
7
7
|
import * as Styles from './pie-chart.module.less';
|
|
8
8
|
|
|
9
|
-
const PieTitles:
|
|
9
|
+
const PieTitles: FC<{ title: string; pieces: PiePiece[] }> = ({ title, pieces }) => {
|
|
10
10
|
return (
|
|
11
11
|
<div className={classNames(Styles.titleWrapper, 'of-y-auto p-t-2')}>
|
|
12
12
|
<div>
|
|
@@ -28,13 +28,7 @@ const PieTitles: React.FC<{ title: string; pieces: PiePiece[] }> = ({ title, pie
|
|
|
28
28
|
);
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
export const PieChart:
|
|
32
|
-
height,
|
|
33
|
-
width,
|
|
34
|
-
title,
|
|
35
|
-
sections,
|
|
36
|
-
popoverContent,
|
|
37
|
-
}) => {
|
|
31
|
+
export const PieChart: FC<PieChartProps> = ({ height, width, title, sections, popoverContent }) => {
|
|
38
32
|
const pieces = useMemo(() => convertSessionsToPieces(sections), [sections]);
|
|
39
33
|
const style = useMemo(() => ({ height, width }), [height, width]);
|
|
40
34
|
|