@servicetitan/marketing-ui 1.13.0 → 1.16.0

package/dist/components/charts/funnel-chart/utils/interface.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=interface.js.map

package/dist/components/charts/line-chart/components/body.js

@@ -1,60 +1,35 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const classnames_1 = __importDefault(require("classnames"));
-const design_system_1 = require("@servicetitan/design-system");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const use_client_rect_1 = require("../../../../utils/use-client-rect");
-const line_chart_store_1 = require("../stores/line-chart.store");
-const svg_store_1 = require("../stores/svg.store");
-const labels_1 = require("../utils/labels");
-const sidebar_1 = require("./sidebar");
-const stuff_1 = require("./stuff");
-const svg_body_1 = require("./svg-body");
-const hover_popover_1 = require("./hover-popover");
-const Styles = __importStar(require("./body.module.less"));
-exports.Body = (0, react_ioc_1.provide)({ singletons: [svg_store_1.SvgStore] })((0, mobx_react_1.observer)(({ classNameTitle }) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, Fragment } from 'react';
+import { observer } from 'mobx-react';
+import classNames from 'classnames';
+import { Stack } from '@servicetitan/design-system';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+import { useClientRect } from '../../../../utils/use-client-rect';
+import { LineChartStore } from '../stores/line-chart.store';
+import { SvgStore } from '../stores/svg.store';
+import { getXLabels } from '../utils/labels';
+import { Sidebar } from './sidebar';
+import { MetricsTitle, XAxisLabels } from './stuff';
+import { SvgBody, SvgBodyHover } from './svg-body';
+import { HoverPopover } from './hover-popover';
+import * as Styles from './body.module.less';
+export const Body = provide({ singletons: [SvgStore] })(observer(({ classNameTitle }) => {
     var _a, _b, _c;
-    const [{ display, metrics, left, right, periods, resolution, setHoveredIndex }, svgStore] = (0, react_ioc_1.useDependencies)(line_chart_store_1.LineChartStore, svg_store_1.SvgStore);
-    (0, react_1.useEffect)(() => {
+    const [{ display, metrics, left, right, periods, resolution, setHoveredIndex }, svgStore] = useDependencies(LineChartStore, SvgStore);
+    useEffect(() => {
         var _a, _b;
         svgStore.init(periods.length, metrics, (_a = left === null || left === void 0 ? void 0 : left.maxValue) !== null && _a !== void 0 ? _a : 0, (_b = right === null || right === void 0 ? void 0 : right.maxValue) !== null && _b !== void 0 ? _b : 0);
     }, [svgStore, periods, metrics, left, right]);
-    const [rect, ref] = (0, use_client_rect_1.useClientRect)();
-    const onBarHover = (0, react_1.useCallback)((ind) => setHoveredIndex(ind, true), [setHoveredIndex]);
-    const onBarLeave = (0, react_1.useCallback)((ind) => setHoveredIndex(ind, false), [setHoveredIndex]);
-    const labels = (0, react_1.useMemo)(() => { var _a; return (display.xLabels ? (0, labels_1.getXLabels)(periods, resolution, (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0) : []); }, [display, periods, resolution, rect]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "d-f flex-column" }, { children: [(0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "stretch" }, { children: [left && (0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { settings: left, classNameTitle: classNameTitle }, void 0), (0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ fill: true }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(Styles.chartWrapper, 'border-bottom', {
+    const [rect, ref] = useClientRect();
+    const onBarHover = useCallback((ind) => setHoveredIndex(ind, true), [setHoveredIndex]);
+    const onBarLeave = useCallback((ind) => setHoveredIndex(ind, false), [setHoveredIndex]);
+    const labels = useMemo(() => { var _a; return (display.xLabels ? getXLabels(periods, resolution, (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0) : []); }, [display, periods, resolution, rect]);
+    return (_jsxs("div", Object.assign({ className: "d-f flex-column" }, { children: [_jsxs(Stack, Object.assign({ alignItems: "stretch" }, { children: [left && _jsx(Sidebar, { settings: left, classNameTitle: classNameTitle }), _jsx(Stack.Item, Object.assign({ fill: true }, { children: _jsx("div", Object.assign({ ref: ref, className: classNames(Styles.chartWrapper, 'border-bottom', {
                                 'border-left': !!left && display.yLeft,
                                 'border-right': !!right && display.yRight,
-                            }) }, { children: periods.length ? ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [periods.length !== labels.length && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: Styles.labelBorders }, { children: labels
+                            }) }, { children: periods.length ? (_jsxs(Fragment, { children: [periods.length !== labels.length && (_jsx("div", Object.assign({ className: Styles.labelBorders }, { children: labels
                                             .map(([text, flex], ind) => [flex, `${ind}${text}`])
-                                            .map(([flex, key]) => ((0, jsx_runtime_1.jsx)("div", { style: { flex } }, key))) }), void 0)), (0, jsx_runtime_1.jsx)(svg_body_1.SvgBody, { horizontalGrid: display.yGrid, metrics: metrics }, void 0), (0, jsx_runtime_1.jsx)(hover_popover_1.HoverPopover, {}, void 0), (0, jsx_runtime_1.jsx)(svg_body_1.SvgBodyHover, { onValueHover: onBarHover, onValueLeave: onBarLeave }, void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }), void 0)) }), void 0) }), void 0), right && (0, jsx_runtime_1.jsx)(sidebar_1.Sidebar, { settings: right, right: true, classNameTitle: classNameTitle }, void 0)] }), void 0), display.xLabels && ((0, jsx_runtime_1.jsx)(stuff_1.XAxisLabels, { labels: labels, width: (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0, left: (_b = left === null || left === void 0 ? void 0 : left.width) !== null && _b !== void 0 ? _b : 0, right: (_c = right === null || right === void 0 ? void 0 : right.width) !== null && _c !== void 0 ? _c : 0, labelsMerged: periods.length !== labels.length, hasBars: !!metrics.filter(m => m.type === 'bar' || m.type === 'stacked-bar')
-                    .length }, void 0)), display.metricsTitlePosition === 'bottom' && ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ direction: "row", justifyContent: "center", className: "p-3" }, { children: (0, jsx_runtime_1.jsx)(stuff_1.MetricsTitle, { metrics: metrics }, void 0) }), void 0))] }), void 0));
+                                            .map(([flex, key]) => (_jsx("div", { style: { flex } }, key))) }))), _jsx(SvgBody, { horizontalGrid: display.yGrid, metrics: metrics }), _jsx(HoverPopover, {}), _jsx(SvgBodyHover, { onValueHover: onBarHover, onValueLeave: onBarLeave })] })) : (_jsx(Stack, Object.assign({ className: "h-100", justifyContent: "center", alignItems: "center" }, { children: "No Data" }))) })) })), right && _jsx(Sidebar, { settings: right, right: true, classNameTitle: classNameTitle })] })), display.xLabels && (_jsx(XAxisLabels, { labels: labels, width: (_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0, left: (_b = left === null || left === void 0 ? void 0 : left.width) !== null && _b !== void 0 ? _b : 0, right: (_c = right === null || right === void 0 ? void 0 : right.width) !== null && _c !== void 0 ? _c : 0, labelsMerged: periods.length !== labels.length, hasBars: !!metrics.filter(m => m.type === 'bar' || m.type === 'stacked-bar')
+                    .length })), display.metricsTitlePosition === 'bottom' && (_jsx(Stack, Object.assign({ direction: "row", justifyContent: "center", className: "p-3" }, { children: _jsx(MetricsTitle, { metrics: metrics }) })))] })));
 }));
 //# sourceMappingURL=body.js.map

package/dist/components/charts/line-chart/components/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/body.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAoC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CACpF,QAAQ,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;;IAC5B,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,QAAQ,CAAC,GACrF,eAAe,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;;QACX,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,mCAAI,CAAC,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,CAAC,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,aAAa,EAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,GAAW,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,EAC3C,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,GAAW,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,EAC5C,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAClB,GAAG,EAAE,WAAC,OAAA,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA,EAAA,EAChF,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,CACvC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,iBAAiB,iBAC5B,MAAC,KAAK,kBAAC,UAAU,EAAC,SAAS,iBACtB,IAAI,IAAI,KAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,EACpE,KAAC,KAAK,CAAC,IAAI,kBAAC,IAAI,sBACZ,4BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,EAAE;gCACxD,aAAa,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK;gCACtC,cAAc,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM;6BAC5C,CAAC,gBAED,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,MAAC,QAAQ,eACJ,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,IAAI,CACjC,4BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,gBAC9B,MAAM;6CACF,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC;6CACnD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAClB,cAAe,KAAK,EAAE,EAAE,IAAI,EAAE,IAApB,GAAG,CAAqB,CACrC,CAAC,IACJ,CACT,EAED,KAAC,OAAO,IAAC,cAAc,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,EAC5D,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,IACT,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,UAAU,GAC1B,IACK,CACd,CAAC,CAAC,CAAC,CACA,KAAC,KAAK,kBACF,SAAS,EAAC,OAAO,EACjB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,6BAGf,CACX,IACC,IACG,EACZ,KAAK,IAAI,KAAC,OAAO,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,QAAC,cAAc,EAAE,cAAc,GAAI,KACxE,EACP,OAAO,CAAC,OAAO,IAAI,CAChB,KAAC,WAAW,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,EACvB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,EACtB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,CAAC,EACxB,YAAY,EAAE,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAC9C,OAAO,EACH,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;qBAC9D,MAAM,GAEjB,CACL,EACA,OAAO,CAAC,oBAAoB,KAAK,QAAQ,IAAI,CAC1C,KAAC,KAAK,kBAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,gBAC1D,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9B,CACX,KACC,CACT,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}

package/dist/components/charts/line-chart/components/container.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineChart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const line_chart_store_1 = require("../stores/line-chart.store");
-const body_1 = require("./body");
-exports.LineChart = (0, react_ioc_1.provide)({
-    singletons: [line_chart_store_1.LineChartStore],
-})((0, mobx_react_1.observer)(props => {
-    const [{ init, isInit }] = (0, react_ioc_1.useDependencies)(line_chart_store_1.LineChartStore);
-    (0, react_1.useEffect)(() => init(props), [init, props]);
-    return isInit ? (0, jsx_runtime_1.jsx)(body_1.Body, { classNameTitle: props.classNameTitle }, void 0) : null;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { observer } from 'mobx-react';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+import { LineChartStore } from '../stores/line-chart.store';
+import { Body } from './body';
+export const LineChart = provide({
+    singletons: [LineChartStore],
+})(observer(props => {
+    const [{ init, isInit }] = useDependencies(LineChartStore);
+    useEffect(() => init(props), [init, props]);
+    return isInit ? _jsx(Body, { classNameTitle: props.classNameTitle }) : null;
 }));
 //# sourceMappingURL=container.js.map

package/dist/components/charts/line-chart/components/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/container.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsC;AACtC,2CAAsC;AACtC,uDAAmE;AAEnE,iEAA4D;AAC5D,iCAA8B;AAEjB,QAAA,SAAS,GAAuB,IAAA,mBAAO,EAAC;IACjD,UAAU,EAAE,CAAC,iCAAc,CAAC;CAC/B,CAAC,CACE,IAAA,qBAAQ,EAAC,KAAK,CAAC,EAAE;IACb,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,IAAA,2BAAe,EAAC,iCAAc,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,MAAM,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc,WAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1E,CAAC,CAAC,CACL,CAAC"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAuB,OAAO,CAAC;IACjD,UAAU,EAAE,CAAC,cAAc,CAAC;CAC/B,CAAC,CACE,QAAQ,CAAC,KAAK,CAAC,EAAE;IACb,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1E,CAAC,CAAC,CACL,CAAC"}

package/dist/components/charts/line-chart/components/hover-popover.js

@@ -1,47 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverPopover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const mobx_react_1 = require("mobx-react");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const design_system_1 = require("@servicetitan/design-system");
-const line_chart_store_1 = require("../stores/line-chart.store");
-const svg_store_1 = require("../stores/svg.store");
-const formatters_1 = require("../utils/formatters");
-const labels_1 = require("../utils/labels");
-const Styles = __importStar(require("./hover-popover.module.less"));
-const stuff_1 = require("./stuff");
-exports.HoverPopover = (0, mobx_react_1.observer)(() => {
-    const [{ periods, resolution, hoveredIndex, metrics, display }, svgStore] = (0, react_ioc_1.useDependencies)(line_chart_store_1.LineChartStore, svg_store_1.SvgStore);
-    const formatDateTitle = (0, react_1.useMemo)(() => labels_1.periodDateTitleFormatter[resolution], [resolution]);
-    const formatValue = (0, react_1.useCallback)((title, value, isRight) => (0, formatters_1.getFormatter)(isRight ? display.metricsRightFormat : display.metricsLeftFormat)(value) +
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, Fragment } from 'react';
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { BodyText } from '@servicetitan/design-system';
+import { LineChartStore } from '../stores/line-chart.store';
+import { SvgStore } from '../stores/svg.store';
+import { getFormatter } from '../utils/formatters';
+import { periodDateTitleFormatter } from '../utils/labels';
+import * as Styles from './hover-popover.module.less';
+import { ColorTag } from './stuff';
+export const HoverPopover = observer(() => {
+    const [{ periods, resolution, hoveredIndex, metrics, display }, svgStore] = useDependencies(LineChartStore, SvgStore);
+    const formatDateTitle = useMemo(() => periodDateTitleFormatter[resolution], [resolution]);
+    const formatValue = useCallback((title, value, isRight) => getFormatter(isRight ? display.metricsRightFormat : display.metricsLeftFormat)(value) +
         ' ' +
         title, [display]);
-    const popoverStyle = (0, react_1.useMemo)(() => {
+    const popoverStyle = useMemo(() => {
         const pos = svgStore.periodX(hoveredIndex);
         if (hoveredIndex < periods.length / 2) {
             return { left: `${svgStore.fpx(pos + 2)}%` };
@@ -53,9 +28,9 @@ exports.HoverPopover = (0, mobx_react_1.observer)(() => {
     }
     const period = periods[hoveredIndex];
     const partialWeek = !!period.partial;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: Styles.line, style: { left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%' } }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(Styles.popover, 'bg-white border border-radius-1 p-1'), style: popoverStyle }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "small", bold: true }, { children: formatDateTitle(period) }), void 0), partialWeek && ((0, jsx_runtime_1.jsx)(design_system_1.BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: "Partial week" }), void 0)), metrics.map(m => {
+    return (_jsxs(Fragment, { children: [_jsx("div", { className: Styles.line, style: { left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%' } }), _jsxs("div", Object.assign({ className: classNames(Styles.popover, 'bg-white border border-radius-1 p-1'), style: popoverStyle }, { children: [_jsx(BodyText, Object.assign({ size: "small", bold: true }, { children: formatDateTitle(period) })), partialWeek && (_jsx(BodyText, Object.assign({ size: "xsmall", subdued: true }, { children: "Partial week" }))), metrics.map(m => {
                         var _a;
-                        return m.values[hoveredIndex] !== undefined && ((0, jsx_runtime_1.jsx)(stuff_1.ColorTag, { label: formatValue(m.title, m.values[hoveredIndex], m.isRight), color: m.color, className: "m-t-1", dashed: (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed, small: true }, m.title));
-                    })] }), void 0)] }, void 0));
+                        return m.values[hoveredIndex] !== undefined && (_jsx(ColorTag, { label: formatValue(m.title, m.values[hoveredIndex], m.isRight), color: m.color, className: "m-t-1", dashed: (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed, small: true }, m.title));
+                    })] }))] }));
 });
 //# sourceMappingURL=hover-popover.js.map

package/dist/components/charts/line-chart/components/hover-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-popover.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/hover-popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA2D;AAC3D,4DAAoC;AACpC,2CAAsC;AACtC,uDAA0D;AAC1D,+DAAuD;AACvD,iEAA4D;AAC5D,mDAA+C;AAC/C,oDAAmD;AACnD,4CAA2D;AAC3D,oEAAsD;AACtD,mCAAmC;AAEtB,QAAA,YAAY,GAAO,IAAA,qBAAQ,EAAC,GAAG,EAAE;IAC1C,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,2BAAe,EACvF,iCAAc,EACd,oBAAQ,CACX,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,iCAAwB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAAa,EAAE,KAAa,EAAE,OAAgB,EAAE,EAAE,CAC/C,IAAA,yBAAY,EAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;QACrF,GAAG;QACH,KAAK,EACT,CAAC,OAAO,CAAC,CACZ,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAE3C,IAAI,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,OAAO,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;SAChD;QAED,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IACpD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7C,IAAI,YAAY,GAAG,CAAC,IAAI,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE;QACpD,OAAO,IAAI,CAAC;KACf;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAE,CAAC;IACtC,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;IAErC,OAAO,CACH,wBAAC,gBAAQ,eACL,gCACI,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,WACrE,EACF,+CACI,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,OAAO,EAAE,qCAAqC,CAAC,EAC5E,KAAK,EAAE,YAAY,iBAEnB,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,IAAI,sBACtB,eAAe,CAAC,MAAM,CAAC,YACjB,EACV,WAAW,IAAI,CACZ,uBAAC,wBAAQ,kBAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,gDAEpB,CACd,EACA,OAAO,CAAC,GAAG,CACR,CAAC,CAAC,EAAE;;wBACA,OAAA,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,SAAS,IAAI,CACpC,uBAAC,gBAAQ,IACL,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,EAEd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAE,MAAA,CAAC,CAAC,IAAI,0CAAE,MAAM,EACtB,KAAK,UAHA,CAAC,CAAC,KAAK,CAId,CACL,CAAA;qBAAA,CACR,aACC,YACC,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"hover-popover.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/hover-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAO,QAAQ,CAAC,GAAG,EAAE;IAC1C,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,GAAG,eAAe,CACvF,cAAc,EACd,QAAQ,CACX,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAa,EAAE,KAAa,EAAE,OAAgB,EAAE,EAAE,CAC/C,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;QACrF,GAAG;QACH,KAAK,EACT,CAAC,OAAO,CAAC,CACZ,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAE3C,IAAI,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,OAAO,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;SAChD;QAED,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IACpD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7C,IAAI,YAAY,GAAG,CAAC,IAAI,YAAY,IAAI,OAAO,CAAC,MAAM,EAAE;QACpD,OAAO,IAAI,CAAC;KACf;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAE,CAAC;IACtC,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;IAErC,OAAO,CACH,MAAC,QAAQ,eACL,cACI,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,GACrE,EACF,6BACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,qCAAqC,CAAC,EAC5E,KAAK,EAAE,YAAY,iBAEnB,KAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,IAAI,sBACtB,eAAe,CAAC,MAAM,CAAC,IACjB,EACV,WAAW,IAAI,CACZ,KAAC,QAAQ,kBAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,wCAEpB,CACd,EACA,OAAO,CAAC,GAAG,CACR,CAAC,CAAC,EAAE;;wBACA,OAAA,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,SAAS,IAAI,CACpC,KAAC,QAAQ,IACL,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,EAEd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAE,MAAA,CAAC,CAAC,IAAI,0CAAE,MAAM,EACtB,KAAK,UAHA,CAAC,CAAC,KAAK,CAId,CACL,CAAA;qBAAA,CACR,KACC,IACC,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/charts/line-chart/components/sidebar.js

@@ -1,38 +1,12 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const design_system_1 = require("@servicetitan/design-system");
-const Styles = __importStar(require("./sidebar.module.less"));
-const key_1 = require("../utils/key");
-const Sidebar = ({ settings, right, className, classNameTitle }) => {
-    const sidebarTitle = settings.title ? ((0, jsx_runtime_1.jsx)(design_system_1.Stack.Item, Object.assign({ className: (0, classnames_1.default)(Styles.sidebarTitle, Styles.sidebarTitleText, classNameTitle !== null && classNameTitle !== void 0 ? classNameTitle : Styles.sidebarTitleDefault) }, { children: settings.title || '' }), void 0)) : undefined;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('d-f flex-row', className, Styles.sidebar, sidebarTitle ? Styles.sidebarWithTitle : Styles.sidebarNoTitle, right ? Styles.sidebarRight : Styles.sidebarLeft, {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Stack } from '@servicetitan/design-system';
+import * as Styles from './sidebar.module.less';
+import { keyVal } from '../utils/key';
+export const Sidebar = ({ settings, right, className, classNameTitle }) => {
+    const sidebarTitle = settings.title ? (_jsx(Stack.Item, Object.assign({ className: classNames(Styles.sidebarTitle, Styles.sidebarTitleText, classNameTitle !== null && classNameTitle !== void 0 ? classNameTitle : Styles.sidebarTitleDefault) }, { children: settings.title || '' }))) : undefined;
+    return (_jsxs("div", Object.assign({ className: classNames('d-f flex-row', className, Styles.sidebar, sidebarTitle ? Styles.sidebarWithTitle : Styles.sidebarNoTitle, right ? Styles.sidebarRight : Styles.sidebarLeft, {
             [Styles.sidebarNoTitle]: !sidebarTitle,
-        }), style: { width: `${settings.width}px` } }, { children: [!right && sidebarTitle, (0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ className: Styles.sidebarValues, direction: "column", justifyContent: "space-evenly" }, { children: [(0, jsx_runtime_1.jsx)("div", { className: Styles.labelGap }, void 0), settings.values.map((val, i) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: Styles.label }, { children: val }), (0, key_1.keyVal)(val, i)))), (0, jsx_runtime_1.jsx)("div", { className: Styles.labelGap }, void 0)] }), void 0), !!right && sidebarTitle] }), void 0));
+        }), style: { width: `${settings.width}px` } }, { children: [!right && sidebarTitle, _jsxs(Stack, Object.assign({ className: Styles.sidebarValues, direction: "column", justifyContent: "space-evenly" }, { children: [_jsx("div", { className: Styles.labelGap }), settings.values.map((val, i) => (_jsx("div", Object.assign({ className: Styles.label }, { children: val }), keyVal(val, i)))), _jsx("div", { className: Styles.labelGap })] })), !!right && sidebarTitle] })));
 };
-exports.Sidebar = Sidebar;
 //# sourceMappingURL=sidebar.js.map

package/dist/components/charts/line-chart/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,+DAAoD;AACpD,8DAAgD;AAEhD,sCAAsC;AAS/B,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAClC,uBAAC,qBAAK,CAAC,IAAI,kBACP,SAAS,EAAE,IAAA,oBAAU,EACjB,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,gBAAgB,EACvB,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,CAAC,mBAAmB,CAC/C,gBAEA,QAAQ,CAAC,KAAK,IAAI,EAAE,YACZ,CAChB,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACH,+CACI,SAAS,EAAE,IAAA,oBAAU,EACjB,cAAc,EACd,SAAS,EACT,MAAM,CAAC,OAAO,EACd,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAC9D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAChD;YACI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,YAAY;SACzC,CACJ,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,iBAEtC,CAAC,KAAK,IAAI,YAAY,EACvB,wBAAC,qBAAK,kBACF,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,cAAc,iBAE7B,gCAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,WAAI,EAClC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,8CAA0B,SAAS,EAAE,MAAM,CAAC,KAAK,gBAC5C,GAAG,KADE,IAAA,YAAM,EAAC,GAAG,EAAE,CAAC,CAAC,CAElB,CACT,CAAC,EACF,gCAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,WAAI,aAC/B,EACP,CAAC,CAAC,KAAK,IAAI,YAAY,aACtB,CACT,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,OAAO,WA4ClB"}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/sidebar.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAStC,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAClC,KAAC,KAAK,CAAC,IAAI,kBACP,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,gBAAgB,EACvB,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,CAAC,mBAAmB,CAC/C,gBAEA,QAAQ,CAAC,KAAK,IAAI,EAAE,IACZ,CAChB,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACH,6BACI,SAAS,EAAE,UAAU,CACjB,cAAc,EACd,SAAS,EACT,MAAM,CAAC,OAAO,EACd,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAC9D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAChD;YACI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,YAAY;SACzC,CACJ,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,iBAEtC,CAAC,KAAK,IAAI,YAAY,EACvB,MAAC,KAAK,kBACF,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,cAAc,iBAE7B,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,EAClC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,4BAA0B,SAAS,EAAE,MAAM,CAAC,KAAK,gBAC5C,GAAG,KADE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAElB,CACT,CAAC,EACF,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,KAC/B,EACP,CAAC,CAAC,KAAK,IAAI,YAAY,KACtB,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/charts/line-chart/components/stuff.js

@@ -1,48 +1,21 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XAxisLabels = exports.MetricsTitle = exports.ColorTag = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const design_system_1 = require("@servicetitan/design-system");
-const Styles = __importStar(require("./stuff.module.less"));
-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
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import { BodyText, Stack } from '@servicetitan/design-system';
+import * as Styles from './stuff.module.less';
+export const ColorTag = ({ label, color, className, small, dashed }) => (_jsxs(Stack, Object.assign({ alignItems: "center", className: className }, { children: [_jsx("div", { style: dashed
                 ? {
                     borderColor: color,
                 }
                 : {
                     backgroundColor: color,
-                }, 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));
-exports.ColorTag = ColorTag;
-const MetricsTitle = ({ metrics }) => ((0, jsx_runtime_1.jsx)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: metrics.map(m => {
+                }, className: classNames(Styles.colorTag, dashed && Styles.colorTagDashed, small && Styles.colorTagSmall) }), _jsx(BodyText, Object.assign({ size: small ? 'xsmall' : 'small' }, { children: label }))] })));
+export const MetricsTitle = ({ metrics }) => (_jsx(Stack, Object.assign({ alignItems: "center" }, { children: metrics.map(m => {
         var _a;
-        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));
-    }) }), void 0));
-exports.MetricsTitle = MetricsTitle;
-const XAxisLabels = ({ labels, width, left, right, labelsMerged, hasBars }) => {
-    const data = (0, react_1.useMemo)(() => {
+        return (_jsx(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));
+    }) })));
+export const XAxisLabels = ({ labels, width, left, right, labelsMerged, hasBars }) => {
+    const data = useMemo(() => {
         const styles = {};
         const labelsMapped = labels.map(([text, flex], ind) => ({
             text,
@@ -89,7 +62,6 @@ const XAxisLabels = ({ labels, width, left, right, labelsMerged, hasBars }) => {
             styles,
         };
     }, [labels, left, right, labelsMerged, width, hasBars]);
-    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));
+    return (_jsx("div", Object.assign({ style: data.styles }, { children: _jsx(Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", className: "m-t-1" }, { children: data.labels.map(({ text, flex, key, className }) => (_jsx("div", Object.assign({ style: { flex }, className: className }, { children: _jsx(BodyText, Object.assign({ size: "xsmall", className: classNames(Styles.xAxisLabel, 'ta-center') }, { children: text })) }), key))) })) })));
 };
-exports.XAxisLabels = XAxisLabels;
 //# sourceMappingURL=stuff.js.map

package/dist/components/charts/line-chart/components/stuff.js.map

@@ -1 +1 @@
-{"version":3,"file":"stuff.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/stuff.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"stuff.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/stuff.tsx"],"names":[],"mappings":"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"}

package/dist/components/charts/line-chart/components/svg-bars.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgBarsHover = exports.SvgBars = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const key_1 = require("../utils/key");
-const svg_store_1 = require("../stores/svg.store");
-exports.SvgBars = (0, mobx_react_1.observer)(({ metrics, isStackedBarChart }) => {
-    const [store] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { observer } from 'mobx-react';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { keyVal } from '../utils/key';
+import { SvgStore } from '../stores/svg.store';
+export const SvgBars = observer(({ metrics, isStackedBarChart }) => {
+    const [store] = useDependencies(SvgStore);
     const { fpx, fpy, barWidth, length } = store;
     const barWidthHalf = barWidth / 2;
     const paths = [];
@@ -24,28 +21,28 @@ exports.SvgBars = (0, mobx_react_1.observer)(({ metrics, isStackedBarChart }) =>
         if (isStackedBarChart) {
             let stackedBarHeight = values.reduce((sum, curr) => sum + curr.val, 0);
             for (const value of values) {
-                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)));
+                paths.push(_jsx("rect", { x: fpx(x - barWidthHalf), y: fpy(stackedBarHeight), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, keyVal(value.id, i)));
                 stackedBarHeight -= value.val;
             }
         }
         else {
             values.sort((a, b) => b.val - a.val);
             for (const value of values) {
-                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)));
+                paths.push(_jsx("rect", { x: fpx(x - barWidthHalf), y: fpy(value.val), width: fpx(barWidth), height: fpx(value.val), fill: value.color }, keyVal(value.id, i)));
             }
         }
     }
-    return (0, jsx_runtime_1.jsx)("g", { children: paths }, void 0);
+    return _jsx("g", { children: paths });
 });
-exports.SvgBarsHover = (0, mobx_react_1.observer)(({ onHover, onLeave }) => {
-    const [store] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
+export const SvgBarsHover = observer(({ onHover, onLeave }) => {
+    const [store] = useDependencies(SvgStore);
     const { fpx, fpy, barWidth, length } = store;
     const barWidthHalf = barWidth / 2;
     const paths = [];
     for (let i = 0; i < length; i++) {
         const x = store.periodX(i);
-        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)));
+        paths.push(_jsx("rect", { onMouseEnter: () => onHover(i), onMouseLeave: () => onLeave(i), x: fpx(x - barWidthHalf), y: fpy(100), width: fpx(barWidth), height: "100%", fill: "white", fillOpacity: "0" }, keyVal('_', i)));
     }
-    return (0, jsx_runtime_1.jsx)("g", { children: paths }, void 0);
+    return _jsx("g", { children: paths });
 });
 //# sourceMappingURL=svg-bars.js.map

package/dist/components/charts/line-chart/components/svg-bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-bars.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"svg-bars.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"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"}

package/dist/components/charts/line-chart/components/svg-body.js

@@ -1,52 +1,26 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgBodyHover = exports.SvgBody = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const tokens_1 = __importDefault(require("@servicetitan/tokens"));
-const react_ioc_1 = require("@servicetitan/react-ioc");
-const svg_store_1 = require("../stores/svg.store");
-const key_1 = require("../utils/key");
-const svg_bars_1 = require("./svg-bars");
-const svg_lines_1 = require("./svg-lines");
-const Styles = __importStar(require("./svg.module.less"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from 'mobx-react';
+import tokens from '@servicetitan/tokens';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { SvgStore } from '../stores/svg.store';
+import { keyVal } from '../utils/key';
+import { SvgBars, SvgBarsHover } from './svg-bars';
+import { SvgLines } from './svg-lines';
+import * as Styles from './svg.module.less';
 const SvgGrid = () => {
     const lines = [];
     for (let i = 1; i <= 10; i += 1) {
         const y = `${9.09 * i}%`;
-        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));
+        lines.push(_jsx("line", { className: Styles.line, x1: "0", y1: y, x2: "100%", y2: y, stroke: tokens.colorNeutral60, strokeWidth: "1" }, y));
     }
-    return (0, jsx_runtime_1.jsx)("g", { children: lines }, void 0);
+    return _jsx("g", { children: lines });
 };
-exports.SvgBody = (0, mobx_react_1.observer)(({ horizontalGrid, metrics }) => {
-    const [{ key }] = (0, react_ioc_1.useDependencies)(svg_store_1.SvgStore);
+export const SvgBody = observer(({ horizontalGrid, metrics }) => {
+    const [{ key }] = useDependencies(SvgStore);
     const barMetrics = metrics.filter(m => m.type === 'bar');
     const stackedBarMetrics = metrics.filter(m => m.type === 'stacked-bar');
     const lineMetrics = metrics.filter(m => m.type === 'line');
-    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));
+    return (_jsxs("svg", Object.assign({ className: Styles.svgBody, viewBox: "0 0 100 100", preserveAspectRatio: "none", vectorEffect: "non-scaling-stroke" }, { children: [horizontalGrid && _jsx(SvgGrid, {}), !!barMetrics.length && _jsx(SvgBars, { metrics: barMetrics }, keyVal('bars', key)), !!stackedBarMetrics.length && (_jsx(SvgBars, { metrics: stackedBarMetrics, isStackedBarChart: true }, keyVal('stacked-bars', key))), !!lineMetrics.length && _jsx(SvgLines, { metrics: lineMetrics }, keyVal('lines', key))] })));
 });
-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));
-exports.SvgBodyHover = SvgBodyHover;
+export const SvgBodyHover = ({ onValueHover, onValueLeave }) => (_jsx("svg", Object.assign({ className: Styles.svgHover, viewBox: "0 0 100 100", preserveAspectRatio: "none" }, { children: _jsx(SvgBarsHover, { onHover: onValueHover, onLeave: onValueLeave }) })));
 //# sourceMappingURL=svg-body.js.map

package/dist/components/charts/line-chart/components/svg-body.js.map

@@ -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,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"}
+{"version":3,"file":"svg-body.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;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,eACI,SAAS,EAAE,MAAM,CAAC,IAAI,EAEtB,EAAE,EAAC,GAAG,EACN,EAAE,EAAE,CAAC,EACL,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,MAAM,CAAC,cAAc,EAC7B,WAAW,EAAC,GAAG,IANV,CAAC,CAOR,CACL,CAAC;KACL;IAED,OAAO,sBAAI,KAAK,GAAK,CAAC;AAC1B,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,OAAO,GAAqB,QAAQ,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,eAAe,CAAC,QAAQ,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,6BACI,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,OAAO,EAAC,aAAa,EACrB,mBAAmB,EAAC,MAAM,EAC1B,YAAY,EAAC,oBAAoB,iBAEhC,cAAc,IAAI,KAAC,OAAO,KAAG,EAC7B,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,KAAC,OAAO,IAA2B,OAAO,EAAE,UAAU,IAAxC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAyB,EACjF,CAAC,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAC3B,KAAC,OAAO,IAEJ,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,UAFZ,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAGlC,CACL,EACA,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,KAAC,QAAQ,IAA4B,OAAO,EAAE,WAAW,IAA1C,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAA0B,KACpF,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACnF,4BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAC,aAAa,EAAC,mBAAmB,EAAC,MAAM,gBAC7E,KAAC,YAAY,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,IAC5D,CACT,CAAC"}