@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
|
@@ -28,21 +28,21 @@ const react_1 = require("react");
|
|
|
28
28
|
const classnames_1 = __importDefault(require("classnames"));
|
|
29
29
|
const design_system_1 = require("@servicetitan/design-system");
|
|
30
30
|
const Styles = __importStar(require("./stuff.module.less"));
|
|
31
|
-
const ColorTag = ({ label, color, className, small, dashed }) => (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "center", className: className }, { children: [jsx_runtime_1.jsx("div", { style: dashed
|
|
31
|
+
const ColorTag = ({ label, color, className, small, dashed }) => ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center", className: className }, { children: [(0, jsx_runtime_1.jsx)("div", { style: dashed
|
|
32
32
|
? {
|
|
33
33
|
borderColor: color,
|
|
34
34
|
}
|
|
35
35
|
: {
|
|
36
36
|
backgroundColor: color,
|
|
37
|
-
}, className: classnames_1.default(Styles.colorTag, dashed && Styles.colorTagDashed, small && Styles.colorTagSmall) }, void 0), jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ size: small ? 'xsmall' : 'small' }, { children: label }), void 0)] }), void 0));
|
|
37
|
+
}, className: (0, classnames_1.default)(Styles.colorTag, dashed && Styles.colorTagDashed, small && Styles.colorTagSmall) }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: small ? 'xsmall' : 'small' }, { children: label }), void 0)] }), void 0));
|
|
38
38
|
exports.ColorTag = ColorTag;
|
|
39
|
-
const MetricsTitle = ({ metrics }) => (jsx_runtime_1.jsx(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: metrics.map(m => {
|
|
39
|
+
const MetricsTitle = ({ metrics }) => ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: metrics.map(m => {
|
|
40
40
|
var _a;
|
|
41
|
-
return (jsx_runtime_1.jsx(exports.ColorTag, { label: m.title, color: m.color, dashed: (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed, className: "m-
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(exports.ColorTag, { label: m.title, color: m.color, dashed: (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed, className: "m-r-4" }, m.id));
|
|
42
42
|
}) }), void 0));
|
|
43
43
|
exports.MetricsTitle = MetricsTitle;
|
|
44
44
|
const XAxisLabels = ({ labels, width, left, right, labelsMerged, hasBars }) => {
|
|
45
|
-
const data = react_1.useMemo(() => {
|
|
45
|
+
const data = (0, react_1.useMemo)(() => {
|
|
46
46
|
const styles = {};
|
|
47
47
|
const labelsMapped = labels.map(([text, flex], ind) => ({
|
|
48
48
|
text,
|
|
@@ -89,7 +89,7 @@ const XAxisLabels = ({ labels, width, left, right, labelsMerged, hasBars }) => {
|
|
|
89
89
|
styles,
|
|
90
90
|
};
|
|
91
91
|
}, [labels, left, right, labelsMerged, width, hasBars]);
|
|
92
|
-
return (jsx_runtime_1.jsx("div", Object.assign({ style: data.styles }, { children: jsx_runtime_1.jsx(design_system_1.Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", className: "m-t-1" }, { children: data.labels.map(({ text, flex, key, className }) => (jsx_runtime_1.jsx("div", Object.assign({ style: { flex }, className: className }, { children: jsx_runtime_1.jsx(design_system_1.BodyText, Object.assign({ size: "xsmall", className: classnames_1.default(Styles.xAxisLabel, 'ta-center') }, { children: text }), void 0) }), key))) }), void 0) }), void 0));
|
|
92
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: data.styles }, { children: (0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", className: "m-t-1" }, { children: data.labels.map(({ text, flex, key, className }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { flex }, className: className }, { children: (0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "xsmall", className: (0, classnames_1.default)(Styles.xAxisLabel, 'ta-center') }, { children: text }), void 0) }), key))) }), void 0) }), void 0));
|
|
93
93
|
};
|
|
94
94
|
exports.XAxisLabels = XAxisLabels;
|
|
95
95
|
//# sourceMappingURL=stuff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stuff.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/stuff.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"stuff.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/stuff.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { ChartMetric } from '../utils/internal-interfaces';
|
|
3
3
|
interface SvgBarsProps {
|
|
4
4
|
metrics: ChartMetric[];
|
|
5
5
|
isStackedBarChart?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare const SvgBars:
|
|
7
|
+
export declare const SvgBars: FC<SvgBarsProps>;
|
|
8
8
|
interface SvgBarsHoverProps {
|
|
9
9
|
onHover(ind: number): void;
|
|
10
10
|
onLeave(ind: number): void;
|
|
11
11
|
}
|
|
12
|
-
export declare const SvgBarsHover:
|
|
12
|
+
export declare const SvgBarsHover: FC<SvgBarsHoverProps>;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=svg-bars.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-bars.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-bars.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,YAAY;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgDnC,CAAC;AAEH,UAAU,iBAAiB;IACvB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyB7C,CAAC"}
|
|
@@ -6,8 +6,8 @@ const mobx_react_1 = require("mobx-react");
|
|
|
6
6
|
const react_ioc_1 = require("@servicetitan/react-ioc");
|
|
7
7
|
const key_1 = require("../utils/key");
|
|
8
8
|
const svg_store_1 = require("../stores/svg.store");
|
|
9
|
-
exports.SvgBars = mobx_react_1.observer(({ metrics, isStackedBarChart }) => {
|
|
10
|
-
const [store] = react_ioc_1.useDependencies(svg_store_1.SvgStore);
|
|
9
|
+
exports.SvgBars = (0, mobx_react_1.observer)(({ metrics, isStackedBarChart }) => {
|
|
10
|
+
const [store] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
|
|
11
11
|
const { fpx, fpy, barWidth, length } = store;
|
|
12
12
|
const barWidthHalf = barWidth / 2;
|
|
13
13
|
const paths = [];
|
|
@@ -24,28 +24,28 @@ exports.SvgBars = mobx_react_1.observer(({ metrics, isStackedBarChart }) => {
|
|
|
24
24
|
if (isStackedBarChart) {
|
|
25
25
|
let stackedBarHeight = values.reduce((sum, curr) => sum + curr.val, 0);
|
|
26
26
|
for (const value of values) {
|
|
27
|
-
paths.push(jsx_runtime_1.jsx("rect", { x: fpx(x - barWidthHalf), y: fpy(stackedBarHeight), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, key_1.keyVal(value.id, i)));
|
|
27
|
+
paths.push((0, jsx_runtime_1.jsx)("rect", { x: fpx(x - barWidthHalf), y: fpy(stackedBarHeight), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, (0, key_1.keyVal)(value.id, i)));
|
|
28
28
|
stackedBarHeight -= value.val;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
else {
|
|
32
32
|
values.sort((a, b) => b.val - a.val);
|
|
33
33
|
for (const value of values) {
|
|
34
|
-
paths.push(jsx_runtime_1.jsx("rect", { x: fpx(x - barWidthHalf), y: fpy(value.val), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, key_1.keyVal(value.id, i)));
|
|
34
|
+
paths.push((0, jsx_runtime_1.jsx)("rect", { x: fpx(x - barWidthHalf), y: fpy(value.val), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, (0, key_1.keyVal)(value.id, i)));
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
return jsx_runtime_1.jsx("g", { children: paths }, void 0);
|
|
38
|
+
return (0, jsx_runtime_1.jsx)("g", { children: paths }, void 0);
|
|
39
39
|
});
|
|
40
|
-
exports.SvgBarsHover = mobx_react_1.observer(({ onHover, onLeave }) => {
|
|
41
|
-
const [store] = react_ioc_1.useDependencies(svg_store_1.SvgStore);
|
|
40
|
+
exports.SvgBarsHover = (0, mobx_react_1.observer)(({ onHover, onLeave }) => {
|
|
41
|
+
const [store] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
|
|
42
42
|
const { fpx, fpy, barWidth, length } = store;
|
|
43
43
|
const barWidthHalf = barWidth / 2;
|
|
44
44
|
const paths = [];
|
|
45
45
|
for (let i = 0; i < length; i++) {
|
|
46
46
|
const x = store.periodX(i);
|
|
47
|
-
paths.push(jsx_runtime_1.jsx("rect", { onMouseEnter: () => onHover(i), onMouseLeave: () => onLeave(i), x: fpx(x - barWidthHalf), y: fpy(100), width: fpx(barWidth), height: "100%", fill: "white", fillOpacity: "0" }, key_1.keyVal('_', i)));
|
|
47
|
+
paths.push((0, jsx_runtime_1.jsx)("rect", { onMouseEnter: () => onHover(i), onMouseLeave: () => onLeave(i), x: fpx(x - barWidthHalf), y: fpy(100), width: fpx(barWidth), height: "100%", fill: "white", fillOpacity: "0" }, (0, key_1.keyVal)('_', i)));
|
|
48
48
|
}
|
|
49
|
-
return jsx_runtime_1.jsx("g", { children: paths }, void 0);
|
|
49
|
+
return (0, jsx_runtime_1.jsx)("g", { children: paths }, void 0);
|
|
50
50
|
});
|
|
51
51
|
//# sourceMappingURL=svg-bars.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-bars.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":";;;;AACA,2CAAsC;AACtC,uDAA0D;AAE1D,sCAAsC;AACtC,mDAA+C;AAOlC,QAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-bars.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { ChartMetric } from '../utils/internal-interfaces';
|
|
3
3
|
interface SvgBodyProps {
|
|
4
4
|
horizontalGrid: boolean;
|
|
5
5
|
metrics: ChartMetric[];
|
|
6
6
|
}
|
|
7
|
-
export declare const SvgBody:
|
|
7
|
+
export declare const SvgBody: FC<SvgBodyProps>;
|
|
8
8
|
interface SvgBodyHoverProps {
|
|
9
9
|
onValueHover(ind: number): void;
|
|
10
10
|
onValueLeave(ind: number): void;
|
|
11
11
|
}
|
|
12
|
-
export declare const SvgBodyHover:
|
|
12
|
+
export declare const SvgBodyHover: FC<SvgBodyHoverProps>;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=svg-body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-body.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-body.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AA8B3D,UAAU,YAAY;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyBnC,CAAC;AAEH,UAAU,iBAAiB;IACvB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAI9C,CAAC"}
|
|
@@ -36,17 +36,17 @@ const SvgGrid = () => {
|
|
|
36
36
|
const lines = [];
|
|
37
37
|
for (let i = 1; i <= 10; i += 1) {
|
|
38
38
|
const y = `${9.09 * i}%`;
|
|
39
|
-
lines.push(jsx_runtime_1.jsx("line", { className: Styles.line, x1: "0", y1: y, x2: "100%", y2: y, stroke: tokens_1.default.colorNeutral60, strokeWidth: "1" }, y));
|
|
39
|
+
lines.push((0, jsx_runtime_1.jsx)("line", { className: Styles.line, x1: "0", y1: y, x2: "100%", y2: y, stroke: tokens_1.default.colorNeutral60, strokeWidth: "1" }, y));
|
|
40
40
|
}
|
|
41
|
-
return jsx_runtime_1.jsx("g", { children: lines }, void 0);
|
|
41
|
+
return (0, jsx_runtime_1.jsx)("g", { children: lines }, void 0);
|
|
42
42
|
};
|
|
43
|
-
exports.SvgBody = mobx_react_1.observer(({ horizontalGrid, metrics }) => {
|
|
44
|
-
const [{ key }] = react_ioc_1.useDependencies(svg_store_1.SvgStore);
|
|
43
|
+
exports.SvgBody = (0, mobx_react_1.observer)(({ horizontalGrid, metrics }) => {
|
|
44
|
+
const [{ key }] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
|
|
45
45
|
const barMetrics = metrics.filter(m => m.type === 'bar');
|
|
46
46
|
const stackedBarMetrics = metrics.filter(m => m.type === 'stacked-bar');
|
|
47
47
|
const lineMetrics = metrics.filter(m => m.type === 'line');
|
|
48
|
-
return (jsx_runtime_1.jsxs("svg", Object.assign({ className: Styles.svgBody, viewBox: "0 0 100 100", preserveAspectRatio: "none", vectorEffect: "non-scaling-stroke" }, { children: [horizontalGrid && jsx_runtime_1.jsx(SvgGrid, {}, void 0), !!barMetrics.length && jsx_runtime_1.jsx(svg_bars_1.SvgBars, { metrics: barMetrics }, key_1.keyVal('bars', key)), !!stackedBarMetrics.length && (jsx_runtime_1.jsx(svg_bars_1.SvgBars, { metrics: stackedBarMetrics, isStackedBarChart: true }, key_1.keyVal('stacked-bars', key))), !!lineMetrics.length && jsx_runtime_1.jsx(svg_lines_1.SvgLines, { metrics: lineMetrics }, key_1.keyVal('lines', key))] }), void 0));
|
|
48
|
+
return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ className: Styles.svgBody, viewBox: "0 0 100 100", preserveAspectRatio: "none", vectorEffect: "non-scaling-stroke" }, { children: [horizontalGrid && (0, jsx_runtime_1.jsx)(SvgGrid, {}, void 0), !!barMetrics.length && (0, jsx_runtime_1.jsx)(svg_bars_1.SvgBars, { metrics: barMetrics }, (0, key_1.keyVal)('bars', key)), !!stackedBarMetrics.length && ((0, jsx_runtime_1.jsx)(svg_bars_1.SvgBars, { metrics: stackedBarMetrics, isStackedBarChart: true }, (0, key_1.keyVal)('stacked-bars', key))), !!lineMetrics.length && (0, jsx_runtime_1.jsx)(svg_lines_1.SvgLines, { metrics: lineMetrics }, (0, key_1.keyVal)('lines', key))] }), void 0));
|
|
49
49
|
});
|
|
50
|
-
const SvgBodyHover = ({ onValueHover, onValueLeave }) => (jsx_runtime_1.jsx("svg", Object.assign({ className: Styles.svgHover, viewBox: "0 0 100 100", preserveAspectRatio: "none" }, { children: jsx_runtime_1.jsx(svg_bars_1.SvgBarsHover, { onHover: onValueHover, onLeave: onValueLeave }, void 0) }), void 0));
|
|
50
|
+
const SvgBodyHover = ({ onValueHover, onValueLeave }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ className: Styles.svgHover, viewBox: "0 0 100 100", preserveAspectRatio: "none" }, { children: (0, jsx_runtime_1.jsx)(svg_bars_1.SvgBarsHover, { onHover: onValueHover, onLeave: onValueLeave }, void 0) }), void 0));
|
|
51
51
|
exports.SvgBodyHover = SvgBodyHover;
|
|
52
52
|
//# sourceMappingURL=svg-body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-body.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAAsC;AACtC,kEAA0C;AAC1C,uDAA0D;AAE1D,mDAA+C;AAE/C,sCAAsC;AAEtC,yCAAmD;AACnD,2CAAuC;AACvC,0DAA4C;AAE5C,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-body.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAAsC;AACtC,kEAA0C;AAC1C,uDAA0D;AAE1D,mDAA+C;AAE/C,sCAAsC;AAEtC,yCAAmD;AACnD,2CAAuC;AACvC,0DAA4C;AAE5C,MAAM,OAAO,GAAO,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;QAC7B,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC;QAEzB,KAAK,CAAC,IAAI,CACN,iCACI,SAAS,EAAE,MAAM,CAAC,IAAI,EAEtB,EAAE,EAAC,GAAG,EACN,EAAE,EAAE,CAAC,EACL,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,gBAAM,CAAC,cAAc,EAC7B,WAAW,EAAC,GAAG,IANV,CAAC,CAOR,CACL,CAAC;KACL;IAED,OAAO,wCAAI,KAAK,WAAK,CAAC;AAC1B,CAAC,CAAC;AAOW,QAAA,OAAO,GAAqB,IAAA,qBAAQ,EAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAA,2BAAe,EAAC,oBAAQ,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;IACxE,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,+CACI,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,OAAO,EAAC,aAAa,EACrB,mBAAmB,EAAC,MAAM,EAC1B,YAAY,EAAC,oBAAoB,iBAEhC,cAAc,IAAI,uBAAC,OAAO,aAAG,EAC7B,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,uBAAC,kBAAO,IAA2B,OAAO,EAAE,UAAU,IAAxC,IAAA,YAAM,EAAC,MAAM,EAAE,GAAG,CAAC,CAAyB,EACjF,CAAC,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAC3B,uBAAC,kBAAO,IAEJ,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,UAFZ,IAAA,YAAM,EAAC,cAAc,EAAE,GAAG,CAAC,CAGlC,CACL,EACA,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,uBAAC,oBAAQ,IAA4B,OAAO,EAAE,WAAW,IAA1C,IAAA,YAAM,EAAC,OAAO,EAAE,GAAG,CAAC,CAA0B,aACpF,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAOI,MAAM,YAAY,GAA0B,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACnF,8CAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAC,aAAa,EAAC,mBAAmB,EAAC,MAAM,gBAC7E,uBAAC,uBAAY,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,WAAI,YAC5D,CACT,CAAC;AAJW,QAAA,YAAY,gBAIvB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { ChartMetric } from '../utils/internal-interfaces';
|
|
3
3
|
interface SvgLinesProps {
|
|
4
4
|
metrics: ChartMetric[];
|
|
5
5
|
}
|
|
6
|
-
export declare const SvgLines:
|
|
6
|
+
export declare const SvgLines: FC<SvgLinesProps>;
|
|
7
7
|
export {};
|
|
8
8
|
//# sourceMappingURL=svg-lines.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-lines.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-lines.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,EAAE,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAqB3D,UAAU,aAAa;IACnB,OAAO,EAAE,WAAW,EAAE,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0CrC,CAAC"}
|
|
@@ -26,10 +26,10 @@ const mobx_react_1 = require("mobx-react");
|
|
|
26
26
|
const react_ioc_1 = require("@servicetitan/react-ioc");
|
|
27
27
|
const svg_store_1 = require("../stores/svg.store");
|
|
28
28
|
const Styles = __importStar(require("./svg.module.less"));
|
|
29
|
-
const SvgLine = ({ color, points, dashed }) => (jsx_runtime_1.jsx("path", { className: Styles.line, d: points.map(([px, py], ind) => (ind === 0 ? 'M' : 'L') + `${px} ${py}`).join(' '), fill: "transparent", stroke: color, strokeWidth: "3", strokeDasharray: dashed ? '5,5' : undefined }, void 0));
|
|
30
|
-
exports.SvgLines = mobx_react_1.observer(({ metrics }) => {
|
|
31
|
-
const [store] = react_ioc_1.useDependencies(svg_store_1.SvgStore);
|
|
32
|
-
const lines = react_1.useMemo(() => metrics.map(m => {
|
|
29
|
+
const SvgLine = ({ color, points, dashed }) => ((0, jsx_runtime_1.jsx)("path", { className: Styles.line, d: points.map(([px, py], ind) => (ind === 0 ? 'M' : 'L') + `${px} ${py}`).join(' '), fill: "transparent", stroke: color, strokeWidth: "3", strokeDasharray: dashed ? '5,5' : undefined }, void 0));
|
|
30
|
+
exports.SvgLines = (0, mobx_react_1.observer)(({ metrics }) => {
|
|
31
|
+
const [store] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
|
|
32
|
+
const lines = (0, react_1.useMemo)(() => metrics.map(m => {
|
|
33
33
|
var _a, _b;
|
|
34
34
|
const points = m.values.map((val, ind) => [
|
|
35
35
|
store.periodX(ind),
|
|
@@ -53,6 +53,6 @@ exports.SvgLines = mobx_react_1.observer(({ metrics }) => {
|
|
|
53
53
|
dashed: (_b = (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed) !== null && _b !== void 0 ? _b : false,
|
|
54
54
|
};
|
|
55
55
|
}), [store, metrics]);
|
|
56
|
-
return (jsx_runtime_1.jsx("g", { children: lines.map(({ id, color, points, dashed }) => (jsx_runtime_1.jsx(SvgLine, { color: color, points: points, dashed: dashed }, id))) }, void 0));
|
|
56
|
+
return ((0, jsx_runtime_1.jsx)("g", { children: lines.map(({ id, color, points, dashed }) => ((0, jsx_runtime_1.jsx)(SvgLine, { color: color, points: points, dashed: dashed }, id))) }, void 0));
|
|
57
57
|
});
|
|
58
58
|
//# sourceMappingURL=svg-lines.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-lines.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"svg-lines.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: FC<import("./index").LineChartProps>;
|
|
5
5
|
parameters: {};
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/line-chart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"line-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/line-chart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;;;;;;AAIrC,wBAIE;AAkFF,eAAO,MAAM,0BAA0B,mBA4BtC,CAAC;AAEF,eAAO,MAAM,gCAAgC,mBAkC5C,CAAC;AAEF,eAAO,MAAM,eAAe,mBA2B3B,CAAC;AA2BF,eAAO,MAAM,mBAAmB,EAAE,EA8BjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EA8B9B,CAAC"}
|
|
@@ -81,7 +81,7 @@ const weeklyValues = (() => {
|
|
|
81
81
|
],
|
|
82
82
|
};
|
|
83
83
|
})();
|
|
84
|
-
const lineChartDailyBottomTitles = () => (jsx_runtime_1.jsx(index_1.LineChart, { resolution: "day", metrics: [
|
|
84
|
+
const lineChartDailyBottomTitles = () => ((0, jsx_runtime_1.jsx)(index_1.LineChart, { resolution: "day", metrics: [
|
|
85
85
|
{
|
|
86
86
|
id: 1,
|
|
87
87
|
color: '#60dfa6',
|
|
@@ -103,7 +103,7 @@ const lineChartDailyBottomTitles = () => (jsx_runtime_1.jsx(index_1.LineChart, {
|
|
|
103
103
|
} }, void 0));
|
|
104
104
|
exports.lineChartDailyBottomTitles = lineChartDailyBottomTitles;
|
|
105
105
|
const stackedBarChartDailyBottomTitles = () => {
|
|
106
|
-
return (jsx_runtime_1.jsx(index_1.LineChart, { resolution: "day", metrics: [
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(index_1.LineChart, { resolution: "day", metrics: [
|
|
107
107
|
{
|
|
108
108
|
id: 2,
|
|
109
109
|
title: 'Lead Calls',
|
|
@@ -129,7 +129,7 @@ const stackedBarChartDailyBottomTitles = () => {
|
|
|
129
129
|
} }, void 0));
|
|
130
130
|
};
|
|
131
131
|
exports.stackedBarChartDailyBottomTitles = stackedBarChartDailyBottomTitles;
|
|
132
|
-
const lineChartWeekly = () => (jsx_runtime_1.jsx(index_1.LineChart, { resolution: "week", metrics: [
|
|
132
|
+
const lineChartWeekly = () => ((0, jsx_runtime_1.jsx)(index_1.LineChart, { resolution: "week", metrics: [
|
|
133
133
|
{
|
|
134
134
|
id: 1,
|
|
135
135
|
color: '#60dfa6',
|
|
@@ -151,7 +151,7 @@ const lineChartWeekly = () => (jsx_runtime_1.jsx(index_1.LineChart, { resolution
|
|
|
151
151
|
} }, void 0));
|
|
152
152
|
exports.lineChartWeekly = lineChartWeekly;
|
|
153
153
|
const CountrySelect = () => {
|
|
154
|
-
const [value, setValue] = react_1.useState();
|
|
154
|
+
const [value, setValue] = (0, react_1.useState)();
|
|
155
155
|
const options = [
|
|
156
156
|
{ key: 1, group: 'Arcona', value: 1, text: 'Australia' },
|
|
157
157
|
{ key: 2, group: 'Arcona', value: 2, text: 'America' },
|
|
@@ -160,9 +160,9 @@ const CountrySelect = () => {
|
|
|
160
160
|
{ key: 5, group: 'Gungan', value: 5, text: 'Turkey' },
|
|
161
161
|
{ key: 6, group: 'Gungan', value: 6, text: 'India' },
|
|
162
162
|
];
|
|
163
|
-
return (jsx_runtime_1.jsx(design_system_1.Form.Select, { width: "4", open: true, grouped: true, label: "Clearable select with groups", placeholder: "Choose Country", options: options, onChange: (event, value) => setValue(value.value), value: value }, void 0));
|
|
163
|
+
return ((0, jsx_runtime_1.jsx)(design_system_1.Form.Select, { width: "4", open: true, grouped: true, label: "Clearable select with groups", placeholder: "Choose Country", options: options, onChange: (event, value) => setValue(value.value), value: value }, void 0));
|
|
164
164
|
};
|
|
165
|
-
const lineChartMergedDays = () => (jsx_runtime_1.jsx("div", Object.assign({ style: { width: '800px' } }, { children: jsx_runtime_1.jsx(index_1.LineChart, { resolution: "week", metrics: [
|
|
165
|
+
const lineChartMergedDays = () => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { width: '800px' } }, { children: (0, jsx_runtime_1.jsx)(index_1.LineChart, { resolution: "week", metrics: [
|
|
166
166
|
{
|
|
167
167
|
id: 1,
|
|
168
168
|
color: '#60dfa6',
|
|
@@ -183,7 +183,7 @@ const lineChartMergedDays = () => (jsx_runtime_1.jsx("div", Object.assign({ styl
|
|
|
183
183
|
metricsTitlePosition: 'top',
|
|
184
184
|
} }, void 0) }), void 0));
|
|
185
185
|
exports.lineChartMergedDays = lineChartMergedDays;
|
|
186
|
-
const lineChartIndexes = () => (jsx_runtime_1.jsxs("div", { children: [jsx_runtime_1.jsx(CountrySelect, {}, void 0), jsx_runtime_1.jsx(index_1.LineChart, { resolution: "week", metrics: [
|
|
186
|
+
const lineChartIndexes = () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(CountrySelect, {}, void 0), (0, jsx_runtime_1.jsx)(index_1.LineChart, { resolution: "week", metrics: [
|
|
187
187
|
{
|
|
188
188
|
id: 1,
|
|
189
189
|
color: '#60dfa6',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/line-chart.stories.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"line-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/line-chart.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ const getSideMetricsSettings = (metrics, values, range, title, format) => {
|
|
|
47
47
|
}
|
|
48
48
|
const sums = [];
|
|
49
49
|
const step = maxRange / 10;
|
|
50
|
-
const formatter = formatters_1.getFormatter(format);
|
|
50
|
+
const formatter = (0, formatters_1.getFormatter)(format);
|
|
51
51
|
for (let i = 0; i < 10; i++) {
|
|
52
52
|
sums.push(formatter(maxRange - i * step));
|
|
53
53
|
}
|
|
@@ -66,7 +66,7 @@ let LineChartStore = class LineChartStore {
|
|
|
66
66
|
enumerable: true,
|
|
67
67
|
configurable: true,
|
|
68
68
|
writable: true,
|
|
69
|
-
value: const_1.defaultDisplay()
|
|
69
|
+
value: (0, const_1.defaultDisplay)()
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(this, "metrics", {
|
|
72
72
|
enumerable: true,
|
|
@@ -110,7 +110,7 @@ let LineChartStore = class LineChartStore {
|
|
|
110
110
|
writable: true,
|
|
111
111
|
value: (props) => {
|
|
112
112
|
var _a;
|
|
113
|
-
this.display = Object.assign(Object.assign({}, const_1.defaultDisplay()), ((_a = props.display) !== null && _a !== void 0 ? _a : {}));
|
|
113
|
+
this.display = Object.assign(Object.assign({}, (0, const_1.defaultDisplay)()), ((_a = props.display) !== null && _a !== void 0 ? _a : {}));
|
|
114
114
|
this.metrics = props.metrics.map(m => {
|
|
115
115
|
var _a, _b, _c;
|
|
116
116
|
const mv = props.metricValues.find(mv => mv.metricId === m.id);
|
|
@@ -137,7 +137,7 @@ let LineChartStore = class LineChartStore {
|
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
});
|
|
140
|
-
mobx_1.makeObservable(this);
|
|
140
|
+
(0, mobx_1.makeObservable)(this);
|
|
141
141
|
}
|
|
142
142
|
};
|
|
143
143
|
__decorate([
|
|
@@ -181,7 +181,7 @@ __decorate([
|
|
|
181
181
|
__metadata("design:type", Object)
|
|
182
182
|
], LineChartStore.prototype, "setHoveredIndex", void 0);
|
|
183
183
|
LineChartStore = __decorate([
|
|
184
|
-
react_ioc_1.injectable(),
|
|
184
|
+
(0, react_ioc_1.injectable)(),
|
|
185
185
|
__metadata("design:paramtypes", [])
|
|
186
186
|
], LineChartStore);
|
|
187
187
|
exports.LineChartStore = LineChartStore;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-chart.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqD;AACrD,+BAA0D;AAS1D,0CAAgD;AAEhD,oDAAmD;AAEnD,MAAM,sBAAsB,GAAG,CAC3B,OAAsB,EACtB,MAA+B,EAC/B,KAAc,EACd,KAAc,EACd,MAAoC,EACL,EAAE;;IACjC,IAAI,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC;IAC1B,MAAM,gBAAgB,GAAG,OAAO;SAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC;SAClD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzF,IAAI,CAAC,QAAQ,EAAE;QACX,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpB,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,CAClB,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,GAAG,CACJ,GAAG,EACH,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAC9D;YACH,CAAC,CAAC,GAAG,EACb,CAAC,CACJ,CAAC;KACL;IAED,IAAI,mBAAmB,CAAC,MAAM,EAAE;QAC5B,MAAM,sBAAsB,GAAG,MAAM;aAChC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;aAC3E,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,oBAAoB,GAAG,MAAA,sBAAsB,CAAC,CAAC,CAAC,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACrE,sBAAsB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CACjF,CAAC;QAEF,IAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,EAAE;YAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,oBAAoB,EAAE,QAAQ,CAAC,CAAC;SAC1D;KACJ;IAED,IAAI,CAAC,QAAQ,EAAE;QACX,IAAI,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;YACzD,OAAO,SAAS,CAAC;SACpB;QAED,QAAQ,GAAG,EAAE,CAAC;KACjB;IAED,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,MAAM,KAAK,YAAY,IAAI,QAAQ,GAAG,IAAI,IAAI,QAAQ,GAAG,KAAK,EAAE;QAChE,QAAQ,GAAG,KAAK,CAAC;KACpB;IAED,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,MAAM,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,yBAAY,
|
|
1
|
+
{"version":3,"file":"line-chart.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqD;AACrD,+BAA0D;AAS1D,0CAAgD;AAEhD,oDAAmD;AAEnD,MAAM,sBAAsB,GAAG,CAC3B,OAAsB,EACtB,MAA+B,EAC/B,KAAc,EACd,KAAc,EACd,MAAoC,EACL,EAAE;;IACjC,IAAI,QAAQ,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC;IAC1B,MAAM,gBAAgB,GAAG,OAAO;SAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC;SAClD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzF,IAAI,CAAC,QAAQ,EAAE;QACX,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpB,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,CAClB,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,GAAG,CACJ,GAAG,EACH,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAC9D;YACH,CAAC,CAAC,GAAG,EACb,CAAC,CACJ,CAAC;KACL;IAED,IAAI,mBAAmB,CAAC,MAAM,EAAE;QAC5B,MAAM,sBAAsB,GAAG,MAAM;aAChC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;aAC3E,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,oBAAoB,GAAG,MAAA,sBAAsB,CAAC,CAAC,CAAC,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACrE,sBAAsB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CACjF,CAAC;QAEF,IAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,EAAE;YAC9B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,oBAAoB,EAAE,QAAQ,CAAC,CAAC;SAC1D;KACJ;IAED,IAAI,CAAC,QAAQ,EAAE;QACX,IAAI,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;YACzD,OAAO,SAAS,CAAC;SACpB;QAED,QAAQ,GAAG,EAAE,CAAC;KACjB;IAED,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,MAAM,KAAK,YAAY,IAAI,QAAQ,GAAG,IAAI,IAAI,QAAQ,GAAG,KAAK,EAAE;QAChE,QAAQ,GAAG,KAAK,CAAC;KACpB;IAED,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,MAAM,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,MAAM,CAAC,CAAC;IAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KAC7C;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC3F,CAAC,CAAC;AAGF,IAAa,cAAc,GAA3B,MAAa,cAAc;IAYvB;QAXY;;;;mBAAS,KAAK;WAAC;QACf;;;;mBAA4B,IAAA,sBAAc,GAAE;WAAC;QAC7C;;;;mBAAyB,EAAE;WAAC;QAC5B;;;;mBAA6B,EAAE;WAAC;QAChC;;;;mBAAkC,KAAK;WAAC;QAExC;;;;;WAA2B;QAC3B;;;;;WAA4B;QAE5B;;;;mBAAe,CAAC,CAAC;WAAC;QAMtB;;;;mBAAO,CAAC,KAAqB,EAAE,EAAE;;gBACrC,IAAI,CAAC,OAAO,mCACL,IAAA,sBAAc,GAAE,GAChB,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAC3B,CAAC;gBAEF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;oBACjC,MAAM,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;oBAE/D,uCACO,CAAC,KACJ,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EACpB,IAAI,EAAE,MAAA,CAAC,CAAC,IAAI,mCAAI,MAAM,EACtB,IAAI,EAAE,MAAA,CAAC,CAAC,IAAI,mCAAI,EAAE,EAClB,MAAM,EAAE,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,MAAM,mCAAI,EAAE,EACxB,UAAU,EAAE,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,IACtB;gBACN,CAAC,CAAC,CAAC;gBAEH,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAC9B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EACpC,KAAK,CAAC,YAAY,EAClB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,OAAO,CAAC,WAAW,CAC3B,CAAC;gBACF,IAAI,CAAC,KAAK,GAAG,sBAAsB,CAC/B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EACnC,KAAK,CAAC,YAAY,EAClB,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,WAAW,EACjB,IAAI,CAAC,OAAO,CAAC,YAAY,CAC5B,CAAC;gBAEF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;gBACnC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;gBACnC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBACvB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACvB,CAAC;WAAC;QAEM;;;;mBAAkB,CAAC,KAAa,EAAE,SAAkB,EAAE,EAAE;gBAC5D,IAAI,SAAS,EAAE;oBACX,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;iBAC7B;qBAAM,IAAI,KAAK,KAAK,IAAI,CAAC,YAAY,EAAE;oBACpC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;iBAC1B;YACL,CAAC;WAAC;QAjDE,IAAA,qBAAc,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CAiDJ,CAAA;AA9De;IAAX,iBAAU;;8CAAgB;AACf;IAAX,iBAAU;;+CAA8C;AAC7C;IAAX,iBAAU;;+CAA6B;AAC5B;IAAX,iBAAU;;+CAAiC;AAChC;IAAX,iBAAU;;kDAAyC;AAExC;IAAX,iBAAU;;4CAA4B;AAC3B;IAAX,iBAAU;;6CAA6B;AAE5B;IAAX,iBAAU;;oDAAmB;AAMtB;IAAP,aAAM;;4CAsCL;AAEM;IAAP,aAAM;;uDAML;AA9DO,cAAc;IAD1B,IAAA,sBAAU,GAAE;;GACA,cAAc,CA+D1B;AA/DY,wCAAc"}
|
|
@@ -95,7 +95,7 @@ let SvgStore = class SvgStore {
|
|
|
95
95
|
return (100 - val).toFixed(1);
|
|
96
96
|
}
|
|
97
97
|
});
|
|
98
|
-
mobx_1.makeObservable(this);
|
|
98
|
+
(0, mobx_1.makeObservable)(this);
|
|
99
99
|
}
|
|
100
100
|
periodX(index) {
|
|
101
101
|
return this.xOffset + this.fullBarWidth * index;
|
|
@@ -127,7 +127,7 @@ __decorate([
|
|
|
127
127
|
__metadata("design:type", Object)
|
|
128
128
|
], SvgStore.prototype, "init", void 0);
|
|
129
129
|
SvgStore = __decorate([
|
|
130
|
-
react_ioc_1.injectable(),
|
|
130
|
+
(0, react_ioc_1.injectable)(),
|
|
131
131
|
__metadata("design:paramtypes", [])
|
|
132
132
|
], SvgStore);
|
|
133
133
|
exports.SvgStore = SvgStore;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqD;AACrD,+BAA0D;AAG1D,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,WAAW,GAAG,CAAC,CAAC;AAGtB,IAAa,QAAQ,GAArB,MAAa,QAAQ;IAUjB;QATY;;;;mBAAM,CAAC;WAAC;QACR;;;;mBAAS,CAAC;WAAC;QACX;;;;mBAAU,CAAC;WAAC;QACZ;;;;mBAAW,CAAC;WAAC;QAEzB;;;;mBAAuB,CAAC;WAAC;QACzB;;;;mBAAuB,CAAC;WAAC;QACzB;;;;mBAAwB,CAAC;WAAC;QAMlB;;;;mBAAO,CACX,MAAc,EACd,OAAsB,EACtB,YAAoB,EACpB,aAAqB,EACvB,EAAE;gBACA,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;gBAC1B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBAEtB,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,MAAM,CAAC;gBAE3F,IAAI,OAAO,EAAE;oBACT,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;oBACtC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;iBACxC;qBAAM;oBACH,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC5C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;iBACpB;gBAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;gBAC5E,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;gBACjC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;YACvC,CAAC;WAAC;QAaF;;;;mBAAM,CAAC,GAAW,EAAU,EAAE;gBAC1B,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC;WAAC;QAEF;;;;mBAAM,CAAC,GAAW,EAAU,EAAE;gBAC1B,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;WAAC;QA5CE,qBAAc,
|
|
1
|
+
{"version":3,"file":"svg.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,13 @@ exports.getFormatter = exports.formatters = void 0;
|
|
|
4
4
|
const accounting_1 = require("accounting");
|
|
5
5
|
exports.formatters = {
|
|
6
6
|
number: (value) => Math.round(value).toLocaleString(),
|
|
7
|
-
money: (value) => accounting_1.formatMoney(value, undefined, 0),
|
|
7
|
+
money: (value) => (0, accounting_1.formatMoney)(value, undefined, 0),
|
|
8
8
|
moneyShort: (value) => {
|
|
9
9
|
const postfixes = ['', 'K', 'M', 'B'];
|
|
10
10
|
let val = value;
|
|
11
11
|
for (let i = 0; i < postfixes.length; i++) {
|
|
12
12
|
if (val < 1000 || i === postfixes.length - 1) {
|
|
13
|
-
return accounting_1.formatMoney(Math.round(val), undefined, 0) + postfixes[i];
|
|
13
|
+
return (0, accounting_1.formatMoney)(Math.round(val), undefined, 0) + postfixes[i];
|
|
14
14
|
}
|
|
15
15
|
val = val / 1000;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/formatters.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAO5B,QAAA,UAAU,GAGnB;IACA,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE;IAC7D,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,wBAAW,
|
|
1
|
+
{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/formatters.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAO5B,QAAA,UAAU,GAGnB;IACA,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE;IAC7D,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAA,wBAAW,EAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACtC,IAAI,GAAG,GAAG,KAAK,CAAC;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC1C,OAAO,IAAA,wBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;aACpE;YAED,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;SACpB;QAED,OAAO,EAAE,CAAC;IACd,CAAC;CACJ,CAAC;AAEK,MAAM,YAAY,GAAG,CACxB,MAAoC,EACN,EAAE,CAChC,MAAM;IACF,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ;QACxB,CAAC,CAAC,kBAAU,CAAC,MAAM,CAAC,IAAI,kBAAU,CAAC,MAAM;QACzC,CAAC,CAAC,MAAM;IACZ,CAAC,CAAC,kBAAU,CAAC,MAAM,CAAC;AAPf,QAAA,YAAY,gBAOG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
export declare type LineChartResolution = 'hour' | 'day' | 'week' | 'month';
|
|
3
3
|
export declare type LineChartMetricType = 'line' | 'bar' | 'stacked-bar';
|
|
4
4
|
export declare type LineChartMetricsTitlePosition = 'top' | 'top-right' | 'bottom';
|
|
@@ -58,7 +58,7 @@ export interface LineChartProps extends LineChartData {
|
|
|
58
58
|
}
|
|
59
59
|
export interface LineChartCardProps extends LineChartProps {
|
|
60
60
|
title: string;
|
|
61
|
-
headerRight?:
|
|
61
|
+
headerRight?: ReactElement;
|
|
62
62
|
loading?: boolean;
|
|
63
63
|
grayControls?: boolean;
|
|
64
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,oBAAY,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,oBAAY,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,aAAa,CAAC;AACjE,oBAAY,6BAA6B,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,mBAAmB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,CAAC,EAAE,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,wBAAwB,GAC9B,SAAS,GACT;IACI,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAER,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,oBAAY,kCAAkC,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AACnF,oBAAY,8BAA8B,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AACrE,oBAAY,2BAA2B,GACjC,8BAA8B,GAC9B,kCAAkC,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,oBAAoB,CAAC,EAAE,6BAA6B,CAAC;IACrD,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;IAChD,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;CACpD;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B"}
|