@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
|
@@ -22,16 +22,16 @@ const getXLabels = (periods, resolution, width) => {
|
|
|
22
22
|
continue;
|
|
23
23
|
}
|
|
24
24
|
day = d;
|
|
25
|
-
labels.push([moment_1.default(p.from).format(xLabelFormats.day), 1]);
|
|
25
|
+
labels.push([(0, moment_1.default)(p.from).format(xLabelFormats.day), 1]);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
else {
|
|
29
29
|
labels = periods.map(p => {
|
|
30
30
|
var _a;
|
|
31
31
|
return [
|
|
32
|
-
moment_1.default(p.from).format(xLabelFormats.hour) +
|
|
32
|
+
(0, moment_1.default)(p.from).format(xLabelFormats.hour) +
|
|
33
33
|
' - ' +
|
|
34
|
-
moment_1.default((_a = p.to) !== null && _a !== void 0 ? _a : p.from).format(xLabelFormats.hour),
|
|
34
|
+
(0, moment_1.default)((_a = p.to) !== null && _a !== void 0 ? _a : p.from).format(xLabelFormats.hour),
|
|
35
35
|
1,
|
|
36
36
|
];
|
|
37
37
|
});
|
|
@@ -47,11 +47,11 @@ const getXLabels = (periods, resolution, width) => {
|
|
|
47
47
|
continue;
|
|
48
48
|
}
|
|
49
49
|
month = m;
|
|
50
|
-
labels.push([moment_1.default(p.from).format(xLabelFormats.month), 1]);
|
|
50
|
+
labels.push([(0, moment_1.default)(p.from).format(xLabelFormats.month), 1]);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
else {
|
|
54
|
-
labels = periods.map(p => [moment_1.default(p.from).format(xLabelFormats.day), 1]);
|
|
54
|
+
labels = periods.map(p => [(0, moment_1.default)(p.from).format(xLabelFormats.day), 1]);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
else if (resolution === 'week') {
|
|
@@ -65,11 +65,11 @@ const getXLabels = (periods, resolution, width) => {
|
|
|
65
65
|
}
|
|
66
66
|
if (p.to && p.to.getDate() > 3) {
|
|
67
67
|
month = p.to.getMonth();
|
|
68
|
-
labels.push([moment_1.default(p.to).format(xLabelFormats.month), 1]);
|
|
68
|
+
labels.push([(0, moment_1.default)(p.to).format(xLabelFormats.month), 1]);
|
|
69
69
|
}
|
|
70
70
|
else {
|
|
71
71
|
month = m;
|
|
72
|
-
labels.push([moment_1.default(p.from).format(xLabelFormats.month), 1]);
|
|
72
|
+
labels.push([(0, moment_1.default)(p.from).format(xLabelFormats.month), 1]);
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -77,28 +77,28 @@ const getXLabels = (periods, resolution, width) => {
|
|
|
77
77
|
labels = periods.map(p => {
|
|
78
78
|
var _a;
|
|
79
79
|
return [
|
|
80
|
-
moment_1.default(p.from).format(xLabelFormats.day) +
|
|
80
|
+
(0, moment_1.default)(p.from).format(xLabelFormats.day) +
|
|
81
81
|
' - ' +
|
|
82
|
-
moment_1.default((_a = p.to) !== null && _a !== void 0 ? _a : p.from).format(xLabelFormats.day),
|
|
82
|
+
(0, moment_1.default)((_a = p.to) !== null && _a !== void 0 ? _a : p.from).format(xLabelFormats.day),
|
|
83
83
|
1,
|
|
84
84
|
];
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
else if (resolution === 'month') {
|
|
89
|
-
labels = periods.map(p => [moment_1.default(p.from).format(xLabelFormats.month), 1]);
|
|
89
|
+
labels = periods.map(p => [(0, moment_1.default)(p.from).format(xLabelFormats.month), 1]);
|
|
90
90
|
}
|
|
91
91
|
return labels;
|
|
92
92
|
};
|
|
93
93
|
exports.getXLabels = getXLabels;
|
|
94
94
|
exports.periodDateTitleFormatter = {
|
|
95
|
-
hour: period => moment_1.default(period.from).format('MM/DD') +
|
|
95
|
+
hour: period => (0, moment_1.default)(period.from).format('MM/DD') +
|
|
96
96
|
' ' +
|
|
97
|
-
moment_1.default(period.from).format('HH:mm') +
|
|
97
|
+
(0, moment_1.default)(period.from).format('HH:mm') +
|
|
98
98
|
' - ' +
|
|
99
|
-
moment_1.default(period.to).format('HH:mm'),
|
|
100
|
-
day: period => moment_1.default(period.from).format('MMMM DD, YYYY'),
|
|
101
|
-
month: period => moment_1.default(period.from).format('MMMM YYYY'),
|
|
102
|
-
week: period => moment_1.default(period.from).format('MM/DD/YYYY') + '-' + moment_1.default(period.to).format('MM/DD/YYYY'),
|
|
99
|
+
(0, moment_1.default)(period.to).format('HH:mm'),
|
|
100
|
+
day: period => (0, moment_1.default)(period.from).format('MMMM DD, YYYY'),
|
|
101
|
+
month: period => (0, moment_1.default)(period.from).format('MMMM YYYY'),
|
|
102
|
+
week: period => (0, moment_1.default)(period.from).format('MM/DD/YYYY') + '-' + (0, moment_1.default)(period.to).format('MM/DD/YYYY'),
|
|
103
103
|
};
|
|
104
104
|
//# sourceMappingURL=labels.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/labels.ts"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAI5B,MAAM,aAAa,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,KAAK;CACf,CAAC;AAEK,MAAM,UAAU,GAAG,CACtB,OAA0B,EAC1B,UAA+B,EAC/B,KAAa,EACD,EAAE;IACd,IAAI,MAAM,GAAuB,EAAE,CAAC;IAEpC,IAAI,UAAU,KAAK,MAAM,EAAE;QACvB,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,EAAE,EAAE;YAC7B,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;YAEb,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;gBACrB,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBAE1B,IAAI,CAAC,KAAK,GAAG,EAAE;oBACX,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAE/B,SAAS;iBACZ;gBAED,GAAG,GAAG,CAAC,CAAC;gBACR,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAM,
|
|
1
|
+
{"version":3,"file":"labels.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/labels.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAY,MAAM,oBAAoB,CAAC;AA2B7D,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUtC,CAAC"}
|
|
@@ -31,12 +31,12 @@ const const_1 = require("../utils/const");
|
|
|
31
31
|
const pie_1 = require("./pie");
|
|
32
32
|
const Styles = __importStar(require("./pie-chart.module.less"));
|
|
33
33
|
const PieTitles = ({ title, pieces }) => {
|
|
34
|
-
return (jsx_runtime_1.jsx("div", Object.assign({ className: classnames_1.default(Styles.titleWrapper, 'of-y-auto p-t-2') }, { children: jsx_runtime_1.jsxs("div", { children: [!!pieces.length && (jsx_runtime_1.jsx(design_system_1.Stack.Item, Object.assign({ className: "p-l-1 p-b-1" }, { children: jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ bold: true }, { children: title }), void 0) }), void 0)), pieces.map(piece => (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [jsx_runtime_1.jsx(design_system_1.StatusLight, { color: piece.color }, void 0), jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ className: "c-neutral-90", size: "medium" }, { children: piece.title }), void 0)] }), piece.title)))] }, void 0) }), void 0));
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(Styles.titleWrapper, 'of-y-auto p-t-2') }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [!!pieces.length && ((0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: "p-l-1 p-b-1" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ bold: true }, { children: title }), void 0) }), void 0)), pieces.map(piece => ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.StatusLight, { color: piece.color }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ className: "c-neutral-90", size: "medium" }, { children: piece.title }), void 0)] }), piece.title)))] }, void 0) }), void 0));
|
|
35
35
|
};
|
|
36
|
-
const PieChart = ({ height, width, title, sections, popoverContent
|
|
37
|
-
const pieces = react_1.useMemo(() => const_1.convertSessionsToPieces(sections), [sections]);
|
|
38
|
-
const style = react_1.useMemo(() => ({ height, width }), [height, width]);
|
|
39
|
-
return (jsx_runtime_1.jsxs("div", Object.assign({ className: "d-f flex-row", style: style }, { children: [jsx_runtime_1.jsx(pie_1.Pie, { title: title, pieces: pieces, popoverContent: popoverContent }, void 0), jsx_runtime_1.jsx(PieTitles, { title: title, pieces: pieces }, void 0)] }), void 0));
|
|
36
|
+
const PieChart = ({ height, width, title, sections, popoverContent }) => {
|
|
37
|
+
const pieces = (0, react_1.useMemo)(() => (0, const_1.convertSessionsToPieces)(sections), [sections]);
|
|
38
|
+
const style = (0, react_1.useMemo)(() => ({ height, width }), [height, width]);
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "d-f flex-row", style: style }, { children: [(0, jsx_runtime_1.jsx)(pie_1.Pie, { title: title, pieces: pieces, popoverContent: popoverContent }, void 0), (0, jsx_runtime_1.jsx)(PieTitles, { title: title, pieces: pieces }, void 0)] }), void 0));
|
|
40
40
|
};
|
|
41
41
|
exports.PieChart = PieChart;
|
|
42
42
|
//# sourceMappingURL=pie-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie-chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoC;AACpC,4DAAoC;AACpC,+DAA2E;AAE3E,0CAAyD;AACzD,+BAA4B;AAC5B,gEAAkD;AAElD,MAAM,SAAS,GAA8C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/E,OAAO,CACH,8CAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,gBAC9D,4CACK,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CAChB,uBAAC,qBAAK,CAAC,IAAI,kBAAC,SAAS,EAAC,aAAa,gBAC/B,uBAAC,wBAAQ,kBAAC,IAAI,sBAAE,KAAK,YAAY,YACxB,CAChB,EACA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,wBAAC,qBAAK,kBAAmB,UAAU,EAAC,QAAQ,iBACxC,uBAAC,2BAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,WAAI,EACnC,uBAAC,wBAAQ,kBAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,gBAC3C,KAAK,CAAC,KAAK,YACL,MAJH,KAAK,CAAC,KAAK,CAKf,CACX,CAAC,YACA,YACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAsB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IAC9F,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,+BAAuB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5E,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,+CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,iBACtC,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,WAAI,EACrE,uBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAI,aACzC,CACT,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,QAAQ,YAUnB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { PieChartPopoverContentType, PiePiece } from '../utils/interface';
|
|
3
|
-
export declare const Pie:
|
|
3
|
+
export declare const Pie: FC<{
|
|
4
4
|
title: string;
|
|
5
5
|
pieces: PiePiece[];
|
|
6
6
|
popoverContent?: PieChartPopoverContentType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"pie.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,EAAE,EAAY,MAAM,OAAO,CAAC;AAMrE,OAAO,EAAE,0BAA0B,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAoG1E,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,0BAA0B,CAAC;CAC/C,CAkGA,CAAC"}
|
|
@@ -1,51 +1,32 @@
|
|
|
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
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
4
|
};
|
|
24
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
6
|
exports.Pie = void 0;
|
|
26
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const react_1 =
|
|
8
|
+
const react_1 = require("react");
|
|
28
9
|
const tokens_1 = __importDefault(require("@servicetitan/tokens"));
|
|
29
10
|
const design_system_1 = require("@servicetitan/design-system");
|
|
30
11
|
const use_client_rect_1 = require("../../../../utils/use-client-rect");
|
|
31
12
|
const const_1 = require("../utils/const");
|
|
32
13
|
const chartPadding = 8;
|
|
33
14
|
const px = (value) => `${value !== null && value !== void 0 ? value : 0}px`;
|
|
34
|
-
const PiePieceSvg = ({ piece: { id, color, opacity, points, text, path }, selected }) => points && path ? (jsx_runtime_1.jsxs("g", Object.assign({ id: id }, { children: [!!selected && (jsx_runtime_1.jsx("path", { d: path, fill: tokens_1.default.colorWhite, stroke: tokens_1.default.colorBlue200, strokeOpacity: "50%", strokeWidth: "3", paintOrder: "stroke" }, void 0)), jsx_runtime_1.jsx("path", { d: path, fill: color }, void 0), jsx_runtime_1.jsx("svg", Object.assign({ x: points[4][0] - 10, y: points[4][1] - (points[4][1] > 0 ? 3 : 1), width: 20, height: 6 }, { children: jsx_runtime_1.jsx("text", Object.assign({ x: "50%", y: "50%", fontSize: 4, fontWeight: 600, fill: opacity > 0.3 ? tokens_1.default.colorWhite : tokens_1.default.colorBlack, dominantBaseline: "middle", textAnchor: "middle" }, { children: text }), void 0) }), void 0)] }), void 0)) : null;
|
|
15
|
+
const PiePieceSvg = ({ piece: { id, color, opacity, points, text, path }, selected }) => points && path ? ((0, jsx_runtime_1.jsxs)("g", Object.assign({ id: id }, { children: [!!selected && ((0, jsx_runtime_1.jsx)("path", { d: path, fill: tokens_1.default.colorWhite, stroke: tokens_1.default.colorBlue200, strokeOpacity: "50%", strokeWidth: "3", paintOrder: "stroke" }, void 0)), (0, jsx_runtime_1.jsx)("path", { d: path, fill: color }, void 0), (0, jsx_runtime_1.jsx)("svg", Object.assign({ x: points[4][0] - 10, y: points[4][1] - (points[4][1] > 0 ? 3 : 1), width: 20, height: 6 }, { children: (0, jsx_runtime_1.jsx)("text", Object.assign({ x: "50%", y: "50%", fontSize: 4, fontWeight: 600, fill: opacity > 0.3 ? tokens_1.default.colorWhite : tokens_1.default.colorBlack, dominantBaseline: "middle", textAnchor: "middle" }, { children: text }), void 0) }), void 0)] }), void 0)) : null;
|
|
35
16
|
const PiePieceHover = ({ piece, onMouse }) => {
|
|
36
|
-
const onMouseEnter = react_1.useCallback(() => onMouse(piece.id, true), [onMouse, piece.id]);
|
|
37
|
-
const onMouseLeave = react_1.useCallback(() => onMouse(piece.id, false), [onMouse, piece.id]);
|
|
38
|
-
return (jsx_runtime_1.jsx("path", { d: piece.path, fill: "white", opacity: "0", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, void 0));
|
|
17
|
+
const onMouseEnter = (0, react_1.useCallback)(() => onMouse(piece.id, true), [onMouse, piece.id]);
|
|
18
|
+
const onMouseLeave = (0, react_1.useCallback)(() => onMouse(piece.id, false), [onMouse, piece.id]);
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)("path", { d: piece.path, fill: "white", opacity: "0", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, void 0));
|
|
39
20
|
};
|
|
40
|
-
const PieSvg = ({ pieces, selectedIndex }) => (jsx_runtime_1.jsxs("svg", Object.assign({ className: "position-absolute", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: [pieces.map((p, index) => p.path ? jsx_runtime_1.jsx(PiePieceSvg, { piece: p, selected: index === selectedIndex }, p.id) : null), selectedIndex >= 0 && selectedIndex < pieces.length && (jsx_runtime_1.jsx("use", { xlinkHref: pieces[selectedIndex].id }, void 0))] }), void 0));
|
|
41
|
-
const PieSvgHover = ({ pieces, onMouse }) => (jsx_runtime_1.jsx("svg", Object.assign({ className: "position-absolute z-global-nav", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: pieces.map(p => p.path ? jsx_runtime_1.jsx(PiePieceHover, { piece: p, onMouse: onMouse }, p.id) : null) }), void 0));
|
|
21
|
+
const PieSvg = ({ pieces, selectedIndex }) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ className: "position-absolute", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: [pieces.map((p, index) => p.path ? (0, jsx_runtime_1.jsx)(PiePieceSvg, { piece: p, selected: index === selectedIndex }, p.id) : null), selectedIndex >= 0 && selectedIndex < pieces.length && ((0, jsx_runtime_1.jsx)("use", { xlinkHref: pieces[selectedIndex].id }, void 0))] }), void 0));
|
|
22
|
+
const PieSvgHover = ({ pieces, onMouse }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "position-absolute z-global-nav", style: { inset: px(chartPadding) }, viewBox: `-${const_1.radiusRelative} -${const_1.radiusRelative} ` + `${const_1.radiusRelative * 2} ${const_1.radiusRelative * 2}` }, { children: pieces.map(p => p.path ? (0, jsx_runtime_1.jsx)(PiePieceHover, { piece: p, onMouse: onMouse }, p.id) : null) }), void 0));
|
|
42
23
|
const Pie = ({ pieces, popoverContent: PopoverContent }) => {
|
|
43
|
-
const [selectedIndex, setSelectedIndex] = react_1.useState(-1);
|
|
44
|
-
const [rect, ref] = use_client_rect_1.useClientRect();
|
|
45
|
-
const onMouse = react_1.useCallback((id, isEnter) => {
|
|
24
|
+
const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(-1);
|
|
25
|
+
const [rect, ref] = (0, use_client_rect_1.useClientRect)();
|
|
26
|
+
const onMouse = (0, react_1.useCallback)((id, isEnter) => {
|
|
46
27
|
setSelectedIndex(isEnter ? pieces.findIndex(p => p.id === id) : -1);
|
|
47
28
|
}, [pieces, setSelectedIndex]);
|
|
48
|
-
const container = react_1.useMemo(() => {
|
|
29
|
+
const container = (0, react_1.useMemo)(() => {
|
|
49
30
|
var _a;
|
|
50
31
|
const height = (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
|
|
51
32
|
return {
|
|
@@ -59,7 +40,7 @@ const Pie = ({ pieces, popoverContent: PopoverContent }) => {
|
|
|
59
40
|
: {},
|
|
60
41
|
};
|
|
61
42
|
}, [rect]);
|
|
62
|
-
const triggersStyles = react_1.useMemo(() => container.height
|
|
43
|
+
const triggersStyles = (0, react_1.useMemo)(() => container.height
|
|
63
44
|
? pieces.map(p => p.points
|
|
64
45
|
? {
|
|
65
46
|
top: px((container.height * (const_1.radiusRelative + p.points[4][1])) /
|
|
@@ -70,12 +51,12 @@ const Pie = ({ pieces, popoverContent: PopoverContent }) => {
|
|
|
70
51
|
}
|
|
71
52
|
: { top: '', left: '' })
|
|
72
53
|
: [], [pieces, container]);
|
|
73
|
-
return (jsx_runtime_1.jsx("div", Object.assign({ ref: ref, style: container.styles, className: "position-relative" }, { children: pieces.every(p => !p.path) ? (jsx_runtime_1.jsx(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }), void 0)) : (jsx_runtime_1.jsxs(react_1.
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: container.styles, className: "position-relative" }, { children: pieces.every(p => !p.path) ? ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }), void 0)) : ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [triggersStyles
|
|
74
55
|
.filter(ts => !!ts.left && !!ts.top)
|
|
75
56
|
.map((ts, ind) => {
|
|
76
57
|
var _a, _b, _c;
|
|
77
|
-
return (jsx_runtime_1.jsx("div", Object.assign({ style: ts, className: "position-absolute" }, { children: jsx_runtime_1.jsx(design_system_1.Popover, Object.assign({ portal: true, trigger: jsx_runtime_1.jsx("span", { children: " " }, void 0), open: selectedIndex === ind, direction: "rb", padding: "s", width: "auto" }, { children: selectedIndex === ind && (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ direction: "column" }, { children: [jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [jsx_runtime_1.jsx(design_system_1.StatusLight, { color: pieces[ind].color }, void 0), jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ size: "small", bold: true }, { children: pieces[ind].title }), void 0)] }), void 0), !!PopoverContent && (jsx_runtime_1.jsx(design_system_1.Stack.Item, Object.assign({ className: "m-l-1" }, { children: jsx_runtime_1.jsx(PopoverContent, { index: ind, data: (_a = pieces[ind]) === null || _a === void 0 ? void 0 : _a.data, text: (_b = pieces[ind]) === null || _b === void 0 ? void 0 : _b.text, value: (_c = pieces[ind]) === null || _c === void 0 ? void 0 : _c.value }, void 0) }), void 0))] }), void 0)) }), void 0) }), ts.left + ts.top));
|
|
78
|
-
}), jsx_runtime_1.jsx(PieSvg, { pieces: pieces, selectedIndex: selectedIndex }, void 0), jsx_runtime_1.jsx(PieSvgHover, { pieces: pieces, onMouse: onMouse }, void 0)] }, void 0)) }), void 0));
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: ts, className: "position-absolute" }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Popover, Object.assign({ portal: true, trigger: (0, jsx_runtime_1.jsx)("span", { children: " " }, void 0), open: selectedIndex === ind, direction: "rb", padding: "s", width: "auto" }, { children: selectedIndex === ind && ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ direction: "column" }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.StatusLight, { color: pieces[ind].color }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", bold: true }, { children: pieces[ind].title }), void 0)] }), void 0), !!PopoverContent && ((0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: "m-l-1" }, { children: (0, jsx_runtime_1.jsx)(PopoverContent, { index: ind, data: (_a = pieces[ind]) === null || _a === void 0 ? void 0 : _a.data, text: (_b = pieces[ind]) === null || _b === void 0 ? void 0 : _b.text, value: (_c = pieces[ind]) === null || _c === void 0 ? void 0 : _c.value }, void 0) }), void 0))] }), void 0)) }), void 0) }), ts.left + ts.top));
|
|
59
|
+
}), (0, jsx_runtime_1.jsx)(PieSvg, { pieces: pieces, selectedIndex: selectedIndex }, void 0), (0, jsx_runtime_1.jsx)(PieSvgHover, { pieces: pieces, onMouse: onMouse }, void 0)] }, void 0)) }), void 0));
|
|
79
60
|
};
|
|
80
61
|
exports.Pie = Pie;
|
|
81
62
|
//# sourceMappingURL=pie.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pie.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/components/pie.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAqE;AACrE,kEAA0C;AAC1C,+DAAoF;AAEpF,uEAAkE;AAClE,0CAAgD;AAGhD,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,EAAE,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,IAAI,CAAC;AAEjD,MAAM,WAAW,GAGZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CACrE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACb,6CAAG,EAAE,EAAE,EAAE,iBACJ,CAAC,CAAC,QAAQ,IAAI,CACX,iCACI,CAAC,EAAE,IAAI,EACP,IAAI,EAAE,gBAAM,CAAC,UAAU,EACvB,MAAM,EAAE,gBAAM,CAAC,YAAY,EAC3B,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,GAAG,EACf,UAAU,EAAC,QAAQ,WACrB,CACL,EACD,iCAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,WAAI,EAE9B,8CACI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EACpB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5C,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,CAAC,gBAET,+CACI,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,GAAG,EACf,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,gBAAM,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAM,CAAC,UAAU,EAC3D,gBAAgB,EAAC,QAAQ,EACzB,UAAU,EAAC,QAAQ,gBAElB,IAAI,YACF,YACL,aACN,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEb,MAAM,aAAa,GAGd,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACxB,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACrF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEtF,OAAO,CACH,iCACI,CAAC,EAAE,KAAK,CAAC,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,GAAG,EACX,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,WAC5B,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAGP,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAChC,+CACI,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,EAClC,OAAO,EACH,IAAI,sBAAc,KAAK,sBAAc,GAAG,GAAG,GAAG,sBAAc,GAAG,CAAC,IAAI,sBAAc,GAAG,CAAC,EAAE,iBAG3F,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CACrB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,IAAC,KAAK,EAAE,CAAC,EAAa,QAAQ,EAAE,KAAK,KAAK,aAAa,IAAvC,CAAC,CAAC,EAAE,CAAuC,CAAC,CAAC,CAAC,IAAI,CAC1F,EAEA,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,MAAM,CAAC,MAAM,IAAI,CACpD,gCAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,WAAI,CAC/C,aACC,CACT,CAAC;AAEF,MAAM,WAAW,GAGZ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1B,8CACI,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,EAClC,OAAO,EACH,IAAI,sBAAc,KAAK,sBAAc,GAAG,GAAG,GAAG,sBAAc,GAAG,CAAC,IAAI,sBAAc,GAAG,CAAC,EAAE,gBAG3F,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACZ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,aAAa,IAAC,KAAK,EAAE,CAAC,EAAa,OAAO,EAAE,OAAO,IAAtB,CAAC,CAAC,EAAE,CAAsB,CAAC,CAAC,CAAC,IAAI,CAC3E,YACC,CACT,CAAC;AAEK,MAAM,GAAG,GAIX,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,IAAA,+BAAa,GAAE,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACvB,CAAC,EAAU,EAAE,OAAgB,EAAE,EAAE;QAC7B,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAC7B,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC3B,MAAM,MAAM,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;QAEjC,OAAO;YACH,MAAM;YACN,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAChD,MAAM,EAAE,MAAM;gBACV,CAAC,CAAC;oBACI,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;oBAChC,QAAQ,EAAE,QAAQ;iBACrB;gBACH,CAAC,CAAC,EAAE;SACX,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,cAAc,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACD,SAAS,CAAC,MAAM;QACZ,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACX,CAAC,CAAC,MAAM;YACJ,CAAC,CAAC;gBACI,GAAG,EAAE,EAAE,CACH,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,sBAAc,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClD,CAAC,sBAAc,GAAG,CAAC,CAAC,CAC3B;gBACD,IAAI,EAAE,EAAE,CACJ,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,sBAAc,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClD,CAAC,sBAAc,GAAG,CAAC,CAAC;oBACpB,EAAE,CACT;aACJ;YACH,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAC9B;QACH,CAAC,CAAC,EAAE,EACZ,CAAC,MAAM,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO,CACH,8CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAC,mBAAmB,gBAChE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC1B,uBAAC,qBAAK,kBAAC,SAAS,EAAC,OAAO,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,qCAE5D,CACX,CAAC,CAAC,CAAC,CACA,wBAAC,gBAAQ,eACJ,cAAc;qBACV,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;qBACnC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;;oBAAC,OAAA,CACd,8CAA4B,KAAK,EAAE,EAAE,EAAE,SAAS,EAAC,mBAAmB,gBAChE,uBAAC,uBAAO,kBACJ,MAAM,QACN,OAAO,EAAE,yDAAc,EACvB,IAAI,EAAE,aAAa,KAAK,GAAG,EAC3B,SAAS,EAAC,IAAI,EACd,OAAO,EAAC,GAAG,EACX,KAAK,EAAC,MAAM,gBAEX,aAAa,KAAK,GAAG,IAAI,CACtB,wBAAC,qBAAK,kBAAC,SAAS,EAAC,QAAQ,iBACrB,wBAAC,qBAAK,kBAAC,UAAU,EAAC,QAAQ,iBACtB,uBAAC,2BAAW,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,WAAI,EACzC,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,IAAI,sBACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,YACX,aACP,EACP,CAAC,CAAC,cAAc,IAAI,CACjB,uBAAC,qBAAK,CAAC,IAAI,kBAAC,SAAS,EAAC,OAAO,gBACzB,uBAAC,cAAc,IACX,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,MAAA,MAAM,CAAC,GAAG,CAAC,0CAAE,IAAI,EACvB,IAAI,EAAE,MAAA,MAAM,CAAC,GAAG,CAAC,0CAAE,IAAI,EACvB,KAAK,EAAE,MAAA,MAAM,CAAC,GAAG,CAAC,0CAAE,KAAK,WAC3B,YACO,CAChB,aACG,CACX,YACK,KA7BJ,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,CA8BpB,CACT,CAAA;iBAAA,CAAC,EAEN,uBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,WAAI,EACxD,uBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,WAAI,YAC1C,CACd,YACC,CACT,CAAC;AACN,CAAC,CAAC;AAtGW,QAAA,GAAG,OAsGd"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").FC<import("./utils/interface").PieChartProps<any>>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pie-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wBAIE;AAEF,eAAO,MAAM,kBAAkB,mBAY9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAMhC,CAAC;AAEF,eAAO,MAAM,cAAc,mBAAkE,CAAC"}
|
|
@@ -8,7 +8,7 @@ exports.default = {
|
|
|
8
8
|
component: index_1.PieChart,
|
|
9
9
|
parameters: {},
|
|
10
10
|
};
|
|
11
|
-
const pieChart5AutoColor = () => (jsx_runtime_1.jsx(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [
|
|
11
|
+
const pieChart5AutoColor = () => ((0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [
|
|
12
12
|
{ title: 'lorem', value: 99 },
|
|
13
13
|
{ title: 'ipsum', value: 88 },
|
|
14
14
|
{ title: 'dolor', value: 66 },
|
|
@@ -16,8 +16,8 @@ const pieChart5AutoColor = () => (jsx_runtime_1.jsx(index_1.PieChart, { title: "
|
|
|
16
16
|
{ title: 'amet', value: 22 },
|
|
17
17
|
] }, void 0));
|
|
18
18
|
exports.pieChart5AutoColor = pieChart5AutoColor;
|
|
19
|
-
const pieChart1CustomColor = () => (jsx_runtime_1.jsx(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [{ title: 'lorem', value: 99, color: '#ffe278' }] }, void 0));
|
|
19
|
+
const pieChart1CustomColor = () => ((0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [{ title: 'lorem', value: 99, color: '#ffe278' }] }, void 0));
|
|
20
20
|
exports.pieChart1CustomColor = pieChart1CustomColor;
|
|
21
|
-
const pieChartNoData = () => jsx_runtime_1.jsx(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [] }, void 0);
|
|
21
|
+
const pieChartNoData = () => (0, jsx_runtime_1.jsx)(index_1.PieChart, { title: "Pie Chart", height: 250, sections: [] }, void 0);
|
|
22
22
|
exports.pieChartNoData = pieChartNoData;
|
|
23
23
|
//# sourceMappingURL=pie-chart.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pie-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"pie-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/pie-chart/pie-chart.stories.tsx"],"names":[],"mappings":";;;;AAAA,mCAAmC;AAEnC,kBAAe;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEK,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACpC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE;QACN,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;KAC/B,WACH,CACL,CAAC;AAZW,QAAA,kBAAkB,sBAY7B;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACtC,uBAAC,gBAAQ,IACL,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,WAC7D,CACL,CAAC;AANW,QAAA,oBAAoB,wBAM/B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,uBAAC,gBAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,WAAI,CAAC;AAAjF,QAAA,cAAc,kBAAmE"}
|
|
@@ -14,7 +14,7 @@ const formatValue = (val) => {
|
|
|
14
14
|
}
|
|
15
15
|
const valueMain = val ? Math.abs(Math.floor(val)) : 0;
|
|
16
16
|
if (valueMain > 0) {
|
|
17
|
-
return accounting_1.formatNumber(valueMain, 0) + '%';
|
|
17
|
+
return (0, accounting_1.formatNumber)(valueMain, 0) + '%';
|
|
18
18
|
}
|
|
19
19
|
const valueDecimal = Math.max(Math.floor(val * 10) - valueMain * 10, 1);
|
|
20
20
|
return `0.${valueDecimal}%`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":";;;AACA,2CAA0C;AAE7B,QAAA,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,SAAS,GAAG,sBAAc,GAAG,CAAC,CAAC,CAAC,mDAAmD;AACzF,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,sBAAc,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC;AAC1B,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,MAAM,WAAW,GAAG,CAAC,GAAW,EAAU,EAAE;IACxC,IAAI,CAAC,GAAG,EAAE;QACN,OAAO,IAAI,CAAC;KACf;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,SAAS,GAAG,CAAC,EAAE;QACf,OAAO,yBAAY,
|
|
1
|
+
{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/const.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
export interface PieChartSection<T> {
|
|
3
3
|
title: string;
|
|
4
4
|
value: number;
|
|
5
5
|
color?: string;
|
|
6
6
|
data?: T;
|
|
7
7
|
}
|
|
8
|
-
export declare type PieChartPopoverContentType<T = any> =
|
|
8
|
+
export declare type PieChartPopoverContentType<T = any> = FC<{
|
|
9
9
|
index: number;
|
|
10
10
|
value: number;
|
|
11
11
|
data?: T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/interface.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/pie-chart/utils/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACZ;AAED,oBAAY,0BAA0B,CAAC,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,oBAAY,WAAW,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAEvF,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,SAAS;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component } from 'react';
|
|
2
2
|
import 'react-image-crop/dist/ReactCrop.css';
|
|
3
3
|
interface ImageCropperProps {
|
|
4
4
|
file: File;
|
|
@@ -7,7 +7,7 @@ interface ImageCropperProps {
|
|
|
7
7
|
height: number;
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
|
-
export declare class ImageCropper extends
|
|
10
|
+
export declare class ImageCropper extends Component<ImageCropperProps> {
|
|
11
11
|
private src?;
|
|
12
12
|
private crop?;
|
|
13
13
|
private image?;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,qCAAqC,CAAC;AAE7C,UAAU,iBAAiB;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AAED,qBACa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC9C,OAAO,CAAC,GAAG,CAAC,CAAS;IACrB,OAAO,CAAC,IAAI,CAAC,CAAO;IACpB,OAAO,CAAC,KAAK,CAAC,CAAmB;gBAEjC,KAAK,EAAE,iBAAiB;IAKpC,aAAa,SAAU,MAAM,YAAY,MAAM,+BA2CxC;IAGP,iBAAiB,eAA2D;IAE5E,oBAAoB,aAIlB;IAEF,MAAM;IAaN,OAAO,CAAC,YAAY,CAAsC;IAG1D,OAAO,CAAC,iBAAiB,CAWvB;CACL"}
|
|
@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
15
|
exports.ImageCropper = void 0;
|
|
16
16
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 =
|
|
17
|
+
const react_1 = require("react");
|
|
18
18
|
const mobx_1 = require("mobx");
|
|
19
19
|
const mobx_react_1 = require("mobx-react");
|
|
20
20
|
const react_image_crop_1 = __importDefault(require("react-image-crop"));
|
|
21
21
|
require("react-image-crop/dist/ReactCrop.css");
|
|
22
|
-
let ImageCropper = class ImageCropper extends react_1.
|
|
22
|
+
let ImageCropper = class ImageCropper extends react_1.Component {
|
|
23
23
|
constructor(props) {
|
|
24
24
|
super(props);
|
|
25
25
|
Object.defineProperty(this, "src", {
|
|
@@ -108,10 +108,10 @@ let ImageCropper = class ImageCropper extends react_1.default.Component {
|
|
|
108
108
|
return false;
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
|
-
mobx_1.makeObservable(this);
|
|
111
|
+
(0, mobx_1.makeObservable)(this);
|
|
112
112
|
}
|
|
113
113
|
render() {
|
|
114
|
-
return this.src ? (jsx_runtime_1.jsx(react_image_crop_1.default, { locked: true, src: this.src, crop: this.crop, onChange: this.handleChange, onImageLoaded: this.handleImageLoaded }, void 0)) : null;
|
|
114
|
+
return this.src ? ((0, jsx_runtime_1.jsx)(react_image_crop_1.default, { locked: true, src: this.src, crop: this.crop, onChange: this.handleChange, onImageLoaded: this.handleImageLoaded }, void 0)) : null;
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"image-cropper.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iCAAkC;AAClC,+BAA0D;AAC1D,2CAAsC;AACtC,wEAAmD;AACnD,+CAA6C;AAW7C,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,iBAA4B;IAK1D,YAAY,KAAwB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QALL;;;;;WAAqB;QACrB;;;;;WAAoB;QACpB;;;;;WAAiC;QAO7C;;;;mBAAgB,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE,CAC/C,IAAI,OAAO,CAAmB,OAAO,CAAC,EAAE;gBACpC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;oBAC3B,OAAO,CAAC,SAAS,CAAC,CAAC;oBACnB,OAAO;iBACV;gBAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;gBAC3B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE;oBACxB,OAAO,CAAC,SAAS,CAAC,CAAC;oBACnB,OAAO;iBACV;gBAED,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;gBACrB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;gBACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACpC,IAAI,CAAC,GAAG,EAAE;oBACN,OAAO,CAAC,SAAS,CAAC,CAAC;oBACnB,OAAO;iBACV;gBAED,GAAG,CAAC,SAAS,CACT,IAAI,CAAC,KAAK,EACV,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAChD,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAClD,KAAK,EACL,MAAM,EACN,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,CACT,CAAC;gBAEF,MAAM,CAAC,MAAM,CACT,IAAI,CAAC,EAAE;oBACH,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBAC7D,OAAO,CAAC,MAAM,CAAC,CAAC;gBACpB,CAAC,EACD,IAAI,EACJ,CAAC,CACJ,CAAC;YACN,CAAC,CAAC;WAAC;QAGP;;;;mBAAoB,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;WAAC;QAE5E;;;;mBAAuB,GAAG,EAAE;gBACxB,IAAI,IAAI,CAAC,GAAG,EAAE;oBACV,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;iBACjC;YACL,CAAC;WAAC;QAeF;;;;mBAAuB,CAAC,IAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;WAAC;QAG1D;;;;mBAA4B,CAAC,KAAuB,EAAE,EAAE;gBACpD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,IAAI,GAAG;oBACR,IAAI,EAAE,IAAI;oBACV,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC;oBACjE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;iBACxE,CAAC;gBAEF,OAAO,KAAK,CAAC;YACjB,CAAC;WAAC;QApFE,IAAA,qBAAc,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAwDD,MAAM;QACF,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CACd,uBAAC,0BAAS,IACN,MAAM,QACN,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,aAAa,EAAE,IAAI,CAAC,iBAAiB,WACvC,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC;CAkBJ,CAAA;AA3Fe;IAAX,iBAAU;;yCAAsB;AACrB;IAAX,iBAAU;;0CAAqB;AACpB;IAAX,iBAAU;8BAAiB,gBAAgB;2CAAC;AAqD7C;IADC,aAAM;;uDACqE;AAqB5E;IADC,aAAM;;kDACmD;AAG1D;IADC,aAAM;;uDAYL;AA3FO,YAAY;IADxB,qBAAQ;;GACI,YAAY,CA4FxB;AA5FY,oCAAY"}
|
|
@@ -8,13 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
-
};
|
|
14
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
12
|
exports.basic = void 0;
|
|
16
13
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 =
|
|
14
|
+
const react_1 = require("react");
|
|
18
15
|
const image_cropper_1 = require("./image-cropper");
|
|
19
16
|
exports.default = {
|
|
20
17
|
title: 'Marketing UI/ImageCropper/ImageCropper',
|
|
@@ -22,9 +19,9 @@ exports.default = {
|
|
|
22
19
|
parameters: {},
|
|
23
20
|
};
|
|
24
21
|
const BasicExample = () => {
|
|
25
|
-
const [imageToEdit, setImageToEdit] = react_1.
|
|
26
|
-
const [croppedImage, setCroppedImage] = react_1.
|
|
27
|
-
const imageCropper = react_1.
|
|
22
|
+
const [imageToEdit, setImageToEdit] = (0, react_1.useState)();
|
|
23
|
+
const [croppedImage, setCroppedImage] = (0, react_1.useState)();
|
|
24
|
+
const imageCropper = (0, react_1.useRef)(null);
|
|
28
25
|
const handleFileChange = (e) => {
|
|
29
26
|
var _a;
|
|
30
27
|
const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
@@ -48,8 +45,8 @@ const BasicExample = () => {
|
|
|
48
45
|
setCroppedImage(reader.result);
|
|
49
46
|
};
|
|
50
47
|
});
|
|
51
|
-
return (jsx_runtime_1.jsxs(react_1.
|
|
48
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/png, image/jpeg", onChange: handleFileChange }, void 0), imageToEdit && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: handleSave }, { children: "Save cropped image" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)(image_cropper_1.ImageCropper, { file: imageToEdit, ref: imageCropper, crop: { width: 300, height: 300 } }, void 0) }), void 0)] }), void 0)), croppedImage && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { marginTop: 30 } }, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: croppedImage, download: imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.name }, { children: "Download" }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { marginTop: 30 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: croppedImage }, void 0) }), void 0)] }), void 0))] }, void 0));
|
|
52
49
|
};
|
|
53
|
-
const basic = () => jsx_runtime_1.jsx(BasicExample, {}, void 0);
|
|
50
|
+
const basic = () => (0, jsx_runtime_1.jsx)(BasicExample, {}, void 0);
|
|
54
51
|
exports.basic = basic;
|
|
55
52
|
//# sourceMappingURL=image-cropper.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/image-cropper/image-cropper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAoE;AACpE,mDAA+C;AAE/C,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,4BAAY;IACvB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,YAAY,GAAO,GAAG,EAAE;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE3D,MAAM,YAAY,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;;QAC1D,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;;QAC1B,IAAI,CAAC,WAAW,EAAE;YACd,OAAO;SACV;QACD,MAAM,IAAI,GAAG,MAAM,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA,CAAC;QAC3F,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QACD,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,eAAe,CAAC,MAAM,CAAC,MAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,CAAA,CAAC;IAEF,OAAO,CACH,wBAAC,gBAAQ,eACL,kCAAO,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAE,gBAAgB,WAAI,EAC/E,WAAW,IAAI,CACZ,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,iDAAQ,OAAO,EAAE,UAAU,gDAA6B,EACxD,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,uBAAC,4BAAY,IACT,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,WACnC,YACA,aACJ,CACT,EACA,YAAY,IAAI,CACb,+CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,iBACzB,4CAAG,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,sCAE9C,EACJ,8CAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBACzB,gCAAK,GAAG,EAAE,YAAY,WAAI,YACxB,aACJ,CACT,YACM,CACd,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,uBAAC,YAAY,aAAG,CAAC;AAA/B,QAAA,KAAK,SAA0B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { BodyTextPropsStrict } from '@servicetitan/design-system';
|
|
3
3
|
import { NumberFormatter } from '../../utils/formatters';
|
|
4
4
|
interface StatDiffProps {
|
|
@@ -10,7 +10,7 @@ interface StatDiffProps {
|
|
|
10
10
|
neutral?: boolean;
|
|
11
11
|
className?: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const StatDiff:
|
|
13
|
+
export declare const StatDiff: FC<StatDiffProps>;
|
|
14
14
|
export interface StatCardProps {
|
|
15
15
|
title: string;
|
|
16
16
|
description?: string;
|
|
@@ -26,6 +26,6 @@ export interface StatCardProps {
|
|
|
26
26
|
valueOnly?: boolean;
|
|
27
27
|
className?: string;
|
|
28
28
|
}
|
|
29
|
-
export declare const StatCard:
|
|
29
|
+
export declare const StatCard: FC<StatCardProps>;
|
|
30
30
|
export {};
|
|
31
31
|
//# sourceMappingURL=stat-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAEH,mBAAmB,EAItB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAe,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA0BtE,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyCtC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8CtC,CAAC"}
|