@servicetitan/marketing-ui 5.9.0 → 5.11.0

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,"sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { observer } from 'mobx-react';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport { ChartMetric } from '../utils/internal-interfaces';\nimport { keyVal } from '../utils/key';\nimport { SvgStore } from '../stores/svg.store';\n\ninterface SvgBarsProps {\n    metrics: ChartMetric[];\n    isStackedBarChart?: boolean;\n    isGroupedBarChart?: boolean;\n}\n\nexport const SvgBars: FC<SvgBarsProps> = observer(\n    ({ metrics, isStackedBarChart, isGroupedBarChart }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const [store] = useDependencies(SvgStore);\n        const { fpx, fpy, barWidth, length } = store;\n        const barWidthHalf = barWidth / 2;\n        const paths = [];\n\n        for (let i = 0; i < length; i++) {\n            const x = store.periodX(i);\n            const values = metrics.map(m => ({\n                id: m.id,\n                color: m.valuesOpts?.[i]?.color ?? m.color,\n                opacity: m.opacity,\n                val: store.periodY(m, i),\n            }));\n\n            if (isStackedBarChart) {\n                let stackedBarHeight = values.reduce((sum, curr) => sum + curr.val, 0);\n\n                for (const value of values) {\n                    paths.push(\n                        <rect\n                            key={keyVal(value.id, i)}\n                            x={fpx(x - barWidthHalf)}\n                            y={fpy(stackedBarHeight)}\n                            width={fpx(barWidth)}\n                            height={fpx(value.val)}\n                            fill={value.color}\n                        />\n                    );\n                    stackedBarHeight -= value.val;\n                }\n            } else if (isGroupedBarChart) {\n                for (let j = 0; j < values.length; j++) {\n                    const groupedBarX = (j * barWidth) / values.length;\n                    const value = values[j];\n\n                    paths.push(\n                        <rect\n                            key={keyVal(value.id, i)}\n                            x={x + groupedBarX - barWidthHalf}\n                            y={fpy(value.val)}\n                            width={barWidth / values.length - 0.1}\n                            height={fpx(value.val)}\n                            fill={value.color}\n                            opacity={value.opacity}\n                        />\n                    );\n                }\n            } else {\n                values.sort((a, b) => b.val - a.val);\n                for (const value of values) {\n                    paths.push(\n                        <rect\n                            key={keyVal(value.id, i)}\n                            x={fpx(x - barWidthHalf)}\n                            y={fpy(value.val)}\n                            width={fpx(barWidth)}\n                            height={fpx(value.val)}\n                            fill={value.color}\n                        />\n                    );\n                }\n            }\n        }\n\n        return <g>{paths}</g>;\n    }\n);\n\ninterface SvgBarsHoverProps {\n    onHover(ind: number): void;\n    onLeave(ind: number): void;\n}\n\nexport const SvgBarsHover: FC<SvgBarsHoverProps> = observer(({ onHover, onLeave }) => {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [store] = useDependencies(SvgStore);\n    const { fpx, fpy, barWidth, length } = store;\n    const barWidthHalf = barWidth / 2;\n    const paths = [];\n\n    for (let i = 0; i < length; i++) {\n        const x = store.periodX(i);\n\n        paths.push(\n            <rect\n                key={keyVal('_', i)}\n                onMouseEnter={() => onHover(i)}\n                onMouseLeave={() => onLeave(i)}\n                x={fpx(x - barWidthHalf)}\n                y={fpy(100)}\n                width={fpx(barWidth)}\n                height=\"100%\"\n                fill=\"white\"\n                fillOpacity=\"0\"\n            />\n        );\n    }\n\n    return <g>{paths}</g>;\n});\n"],"names":["observer","useDependencies","keyVal","SvgStore","SvgBars","metrics","isStackedBarChart","isGroupedBarChart","store","fpx","fpy","barWidth","length","barWidthHalf","paths","i","x","periodX","values","map","m","id","color","valuesOpts","opacity","val","periodY","stackedBarHeight","reduce","sum","curr","value","push","rect","y","width","height","fill","j","groupedBarX","sort","a","b","g","SvgBarsHover","onHover","onLeave","onMouseEnter","onMouseLeave","fillOpacity"],"mappings":"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"}

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

@@ -7,21 +7,62 @@ 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 SvgGrid = ()=>{
     const lines = [];
-    for (let i = 1; i <= 10; i += 1) {
+    for(let i = 1; i <= 10; i += 1){
         const y = `${9.09 * i}%`;
-        lines.push(_jsx("line", { className: Styles.line, x1: "0", y1: y, x2: "100%", y2: y, stroke: tokens.colorNeutral60, strokeWidth: "1" }, y));
+        lines.push(/*#__PURE__*/ _jsx("line", {
+            className: Styles.line,
+            x1: "0",
+            y1: y,
+            x2: "100%",
+            y2: y,
+            stroke: tokens.colorNeutral60,
+            strokeWidth: "1"
+        }, y));
     }
-    return _jsx("g", { children: lines });
+    return /*#__PURE__*/ _jsx("g", {
+        children: lines
+    });
 };
-export const SvgBody = observer(({ horizontalGrid, metrics }) => {
+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 groupedBarMetrics = metrics.filter(m => m.type === 'grouped-bar');
-    const lineMetrics = metrics.filter(m => m.type === 'line');
-    return (_jsxs("svg", { 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))), !!groupedBarMetrics.length && (_jsx(SvgBars, { metrics: groupedBarMetrics, isGroupedBarChart: true }, keyVal('grouped-bars', key))), !!lineMetrics.length && _jsx(SvgLines, { metrics: lineMetrics }, keyVal('lines', key))] }));
+    const barMetrics = metrics.filter((m)=>m.type === 'bar');
+    const stackedBarMetrics = metrics.filter((m)=>m.type === 'stacked-bar');
+    const groupedBarMetrics = metrics.filter((m)=>m.type === 'grouped-bar');
+    const lineMetrics = metrics.filter((m)=>m.type === 'line');
+    return /*#__PURE__*/ _jsxs("svg", {
+        className: Styles.svgBody,
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none",
+        vectorEffect: "non-scaling-stroke",
+        children: [
+            horizontalGrid && /*#__PURE__*/ _jsx(SvgGrid, {}),
+            !!barMetrics.length && /*#__PURE__*/ _jsx(SvgBars, {
+                metrics: barMetrics
+            }, keyVal('bars', key)),
+            !!stackedBarMetrics.length && /*#__PURE__*/ _jsx(SvgBars, {
+                metrics: stackedBarMetrics,
+                isStackedBarChart: true
+            }, keyVal('stacked-bars', key)),
+            !!groupedBarMetrics.length && /*#__PURE__*/ _jsx(SvgBars, {
+                metrics: groupedBarMetrics,
+                isGroupedBarChart: true
+            }, keyVal('grouped-bars', key)),
+            !!lineMetrics.length && /*#__PURE__*/ _jsx(SvgLines, {
+                metrics: lineMetrics
+            }, keyVal('lines', key))
+        ]
+    });
 });
-export const SvgBodyHover = ({ onValueHover, onValueLeave }) => (_jsx("svg", { className: Styles.svgHover, viewBox: "0 0 100 100", preserveAspectRatio: "none", children: _jsx(SvgBarsHover, { onHover: onValueHover, onLeave: onValueLeave }) }));
+export const SvgBodyHover = ({ onValueHover, onValueLeave })=>/*#__PURE__*/ _jsx("svg", {
+        className: Styles.svgHover,
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none",
+        children: /*#__PURE__*/ _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":"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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/svg-body.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { observer } from 'mobx-react';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { useDependencies } from '@servicetitan/react-ioc';\n\nimport { SvgStore } from '../stores/svg.store';\nimport { ChartMetric } from '../utils/internal-interfaces';\nimport { keyVal } from '../utils/key';\n\nimport { SvgBars, SvgBarsHover } from './svg-bars';\nimport { SvgLines } from './svg-lines';\nimport * as Styles from './svg.module.less';\n\nconst SvgGrid: FC = () => {\n    const lines = [];\n\n    for (let i = 1; i <= 10; i += 1) {\n        const y = `${9.09 * i}%`;\n\n        lines.push(\n            <line\n                className={Styles.line}\n                key={y}\n                x1=\"0\"\n                y1={y}\n                x2=\"100%\"\n                y2={y}\n                stroke={tokens.colorNeutral60}\n                strokeWidth=\"1\"\n            />\n        );\n    }\n\n    return <g>{lines}</g>;\n};\n\ninterface SvgBodyProps {\n    horizontalGrid: boolean;\n    metrics: ChartMetric[];\n}\n\nexport const SvgBody: FC<SvgBodyProps> = observer(({ horizontalGrid, metrics }) => {\n    const [{ key }] = useDependencies(SvgStore);\n    const barMetrics = metrics.filter(m => m.type === 'bar');\n    const stackedBarMetrics = metrics.filter(m => m.type === 'stacked-bar');\n    const groupedBarMetrics = metrics.filter(m => m.type === 'grouped-bar');\n    const lineMetrics = metrics.filter(m => m.type === 'line');\n\n    return (\n        <svg\n            className={Styles.svgBody}\n            viewBox=\"0 0 100 100\"\n            preserveAspectRatio=\"none\"\n            vectorEffect=\"non-scaling-stroke\"\n        >\n            {horizontalGrid && <SvgGrid />}\n            {!!barMetrics.length && <SvgBars key={keyVal('bars', key)} metrics={barMetrics} />}\n            {!!stackedBarMetrics.length && (\n                <SvgBars\n                    key={keyVal('stacked-bars', key)}\n                    metrics={stackedBarMetrics}\n                    isStackedBarChart\n                />\n            )}\n            {!!groupedBarMetrics.length && (\n                <SvgBars\n                    key={keyVal('grouped-bars', key)}\n                    metrics={groupedBarMetrics}\n                    isGroupedBarChart\n                />\n            )}\n            {!!lineMetrics.length && <SvgLines key={keyVal('lines', key)} metrics={lineMetrics} />}\n        </svg>\n    );\n});\n\ninterface SvgBodyHoverProps {\n    onValueHover(ind: number): void;\n    onValueLeave(ind: number): void;\n}\n\nexport const SvgBodyHover: FC<SvgBodyHoverProps> = ({ onValueHover, onValueLeave }) => (\n    <svg className={Styles.svgHover} viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <SvgBarsHover onHover={onValueHover} onLeave={onValueLeave} />\n    </svg>\n);\n"],"names":["observer","tokens","useDependencies","SvgStore","keyVal","SvgBars","SvgBarsHover","SvgLines","Styles","SvgGrid","lines","i","y","push","line","className","x1","y1","x2","y2","stroke","colorNeutral60","strokeWidth","g","SvgBody","horizontalGrid","metrics","key","barMetrics","filter","m","type","stackedBarMetrics","groupedBarMetrics","lineMetrics","svg","svgBody","viewBox","preserveAspectRatio","vectorEffect","length","isStackedBarChart","isGroupedBarChart","SvgBodyHover","onValueHover","onValueLeave","svgHover","onHover","onLeave"],"mappings":";AACA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,eAAe,QAAQ,0BAA0B;AAE1D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,MAAM,QAAQ,eAAe;AAEtC,SAASC,OAAO,EAAEC,YAAY,QAAQ,aAAa;AACnD,SAASC,QAAQ,QAAQ,cAAc;AACvC,YAAYC,YAAY,oBAAoB;AAE5C,MAAMC,UAAc;IAChB,MAAMC,QAAQ,EAAE;IAEhB,IAAK,IAAIC,IAAI,GAAGA,KAAK,IAAIA,KAAK,EAAG;QAC7B,MAAMC,IAAI,GAAG,OAAOD,EAAE,CAAC,CAAC;QAExBD,MAAMG,IAAI,eACN,KAACC;YACGC,WAAWP,OAAOM,IAAI;YAEtBE,IAAG;YACHC,IAAIL;YACJM,IAAG;YACHC,IAAIP;YACJQ,QAAQnB,OAAOoB,cAAc;YAC7BC,aAAY;WANPV;IASjB;IAEA,qBAAO,KAACW;kBAAGb;;AACf;AAOA,OAAO,MAAMc,UAA4BxB,SAAS,CAAC,EAAEyB,cAAc,EAAEC,OAAO,EAAE;IAC1E,MAAM,CAAC,EAAEC,GAAG,EAAE,CAAC,GAAGzB,gBAAgBC;IAClC,MAAMyB,aAAaF,QAAQG,MAAM,CAACC,CAAAA,IAAKA,EAAEC,IAAI,KAAK;IAClD,MAAMC,oBAAoBN,QAAQG,MAAM,CAACC,CAAAA,IAAKA,EAAEC,IAAI,KAAK;IACzD,MAAME,oBAAoBP,QAAQG,MAAM,CAACC,CAAAA,IAAKA,EAAEC,IAAI,KAAK;IACzD,MAAMG,cAAcR,QAAQG,MAAM,CAACC,CAAAA,IAAKA,EAAEC,IAAI,KAAK;IAEnD,qBACI,MAACI;QACGpB,WAAWP,OAAO4B,OAAO;QACzBC,SAAQ;QACRC,qBAAoB;QACpBC,cAAa;;YAEZd,gCAAkB,KAAChB;YACnB,CAAC,CAACmB,WAAWY,MAAM,kBAAI,KAACnC;gBAAkCqB,SAASE;eAA9BxB,OAAO,QAAQuB;YACpD,CAAC,CAACK,kBAAkBQ,MAAM,kBACvB,KAACnC;gBAEGqB,SAASM;gBACTS,iBAAiB;eAFZrC,OAAO,gBAAgBuB;YAKnC,CAAC,CAACM,kBAAkBO,MAAM,kBACvB,KAACnC;gBAEGqB,SAASO;gBACTS,iBAAiB;eAFZtC,OAAO,gBAAgBuB;YAKnC,CAAC,CAACO,YAAYM,MAAM,kBAAI,KAACjC;gBAAoCmB,SAASQ;eAA/B9B,OAAO,SAASuB;;;AAGpE,GAAG;AAOH,OAAO,MAAMgB,eAAsC,CAAC,EAAEC,YAAY,EAAEC,YAAY,EAAE,iBAC9E,KAACV;QAAIpB,WAAWP,OAAOsC,QAAQ;QAAET,SAAQ;QAAcC,qBAAoB;kBACvE,cAAA,KAAChC;YAAayC,SAASH;YAAcI,SAASH;;OAEpD"}

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

@@ -4,33 +4,52 @@ import { observer } from 'mobx-react';
 import { useDependencies } from '@servicetitan/react-ioc';
 import { SvgStore } from '../stores/svg.store';
 import * as Styles from './svg.module.less';
-const SvgLine = ({ color, points, dashed }) => (_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 }));
-export const SvgLines = observer(({ metrics }) => {
+const SvgLine = ({ color, points, dashed })=>/*#__PURE__*/ _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
+    });
+export const SvgLines = observer(({ metrics })=>{
     const [store] = useDependencies(SvgStore);
-    const lines = useMemo(() => metrics.map(m => {
-        var _a, _b;
-        const points = m.values.map((val, ind) => [
-            store.periodX(ind),
-            store.periodY(m, ind),
-        ]);
-        if (store.xOffset && points.length > 1) {
-            points[0][1] =
-                (points[1][0] * points[0][1] - points[0][0] * points[1][1]) /
-                    (points[1][0] - points[0][0]);
-            points[0][0] = 0;
-            const l = points.length - 1;
-            const x1 = 100 - points[l - 1][0];
-            const x2 = 100 - points[l][0];
-            points[l][1] = (x1 * points[l][1] - x2 * points[l - 1][1]) / (x1 - x2);
-            points[l][0] = 100;
-        }
-        return {
-            id: m.id,
-            color: m.color,
-            points: points.map(([x, y]) => [store.fpx(x), store.fpy(y)]),
-            dashed: (_b = (_a = m.opts) === null || _a === void 0 ? void 0 : _a.dashed) !== null && _b !== void 0 ? _b : false,
-        };
-    }), [store, metrics]);
-    return (_jsx("g", { children: lines.map(({ id, color, points, dashed }) => (_jsx(SvgLine, { color: color, points: points, dashed: dashed }, id))) }));
+    const lines = useMemo(()=>metrics.map((m)=>{
+            var _m_opts;
+            const points = m.values.map((val, ind)=>[
+                    store.periodX(ind),
+                    store.periodY(m, ind)
+                ]);
+            if (store.xOffset && points.length > 1) {
+                points[0][1] = (points[1][0] * points[0][1] - points[0][0] * points[1][1]) / (points[1][0] - points[0][0]);
+                points[0][0] = 0;
+                const l = points.length - 1;
+                const x1 = 100 - points[l - 1][0];
+                const x2 = 100 - points[l][0];
+                points[l][1] = (x1 * points[l][1] - x2 * points[l - 1][1]) / (x1 - x2);
+                points[l][0] = 100;
+            }
+            var _m_opts_dashed;
+            return {
+                id: m.id,
+                color: m.color,
+                points: points.map(([x, y])=>[
+                        store.fpx(x),
+                        store.fpy(y)
+                    ]),
+                dashed: (_m_opts_dashed = (_m_opts = m.opts) === null || _m_opts === void 0 ? void 0 : _m_opts.dashed) !== null && _m_opts_dashed !== void 0 ? _m_opts_dashed : false
+            };
+        }), [
+        store,
+        metrics
+    ]);
+    return /*#__PURE__*/ _jsx("g", {
+        children: lines.map(({ id, color, points, dashed })=>/*#__PURE__*/ _jsx(SvgLine, {
+                color: color,
+                points: points,
+                dashed: dashed
+            }, id))
+    });
 });
+
 //# sourceMappingURL=svg-lines.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"svg-lines.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/svg-lines.tsx"],"sourcesContent":["import { useMemo, FC } from 'react';\nimport { observer } from 'mobx-react';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport { ChartMetric } from '../utils/internal-interfaces';\nimport { SvgStore } from '../stores/svg.store';\nimport * as Styles from './svg.module.less';\n\ninterface SvgLineProps {\n    color: string;\n    points: string[][];\n    dashed: boolean;\n}\n\nconst SvgLine: FC<SvgLineProps> = ({ color, points, dashed }) => (\n    <path\n        className={Styles.line}\n        d={points.map(([px, py], ind) => (ind === 0 ? 'M' : 'L') + `${px} ${py}`).join(' ')}\n        fill=\"transparent\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeDasharray={dashed ? '5,5' : undefined}\n    />\n);\n\ninterface SvgLinesProps {\n    metrics: ChartMetric[];\n}\n\nexport const SvgLines: FC<SvgLinesProps> = observer(({ metrics }) => {\n    const [store] = useDependencies(SvgStore);\n\n    const lines = useMemo(\n        () =>\n            metrics.map(m => {\n                const points = m.values.map((val, ind) => [\n                    store.periodX(ind),\n                    store.periodY(m, ind),\n                ]);\n\n                if (store.xOffset && points.length > 1) {\n                    points[0][1] =\n                        (points[1][0] * points[0][1] - points[0][0] * points[1][1]) /\n                        (points[1][0] - points[0][0]);\n                    points[0][0] = 0;\n\n                    const l = points.length - 1;\n                    const x1 = 100 - points[l - 1][0];\n                    const x2 = 100 - points[l][0];\n\n                    points[l][1] = (x1 * points[l][1] - x2 * points[l - 1][1]) / (x1 - x2);\n                    points[l][0] = 100;\n                }\n\n                return {\n                    id: m.id,\n                    color: m.color,\n                    points: points.map(([x, y]) => [store.fpx(x), store.fpy(y)]),\n                    dashed: m.opts?.dashed ?? false,\n                };\n            }),\n        [store, metrics]\n    );\n\n    return (\n        <g>\n            {lines.map(({ id, color, points, dashed }) => (\n                <SvgLine key={id} color={color} points={points} dashed={dashed} />\n            ))}\n        </g>\n    );\n});\n"],"names":["useMemo","observer","useDependencies","SvgStore","Styles","SvgLine","color","points","dashed","path","className","line","d","map","px","py","ind","join","fill","stroke","strokeWidth","strokeDasharray","undefined","SvgLines","metrics","store","lines","m","values","val","periodX","periodY","xOffset","length","l","x1","x2","id","x","y","fpx","fpy","opts","g"],"mappings":";AAAA,SAASA,OAAO,QAAY,QAAQ;AACpC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,eAAe,QAAQ,0BAA0B;AAE1D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,YAAYC,YAAY,oBAAoB;AAQ5C,MAAMC,UAA4B,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAE,iBACxD,KAACC;QACGC,WAAWN,OAAOO,IAAI;QACtBC,GAAGL,OAAOM,GAAG,CAAC,CAAC,CAACC,IAAIC,GAAG,EAAEC,MAAQ,AAACA,CAAAA,QAAQ,IAAI,MAAM,GAAE,IAAK,GAAGF,GAAG,CAAC,EAAEC,IAAI,EAAEE,IAAI,CAAC;QAC/EC,MAAK;QACLC,QAAQb;QACRc,aAAY;QACZC,iBAAiBb,SAAS,QAAQc;;AAQ1C,OAAO,MAAMC,WAA8BtB,SAAS,CAAC,EAAEuB,OAAO,EAAE;IAC5D,MAAM,CAACC,MAAM,GAAGvB,gBAAgBC;IAEhC,MAAMuB,QAAQ1B,QACV,IACIwB,QAAQX,GAAG,CAACc,CAAAA;gBAwBIA;YAvBZ,MAAMpB,SAASoB,EAAEC,MAAM,CAACf,GAAG,CAAC,CAACgB,KAAKb,MAAQ;oBACtCS,MAAMK,OAAO,CAACd;oBACdS,MAAMM,OAAO,CAACJ,GAAGX;iBACpB;YAED,IAAIS,MAAMO,OAAO,IAAIzB,OAAO0B,MAAM,GAAG,GAAG;gBACpC1B,MAAM,CAAC,EAAE,CAAC,EAAE,GACR,AAACA,CAAAA,MAAM,CAAC,EAAE,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,CAAC,EAAE,AAAD,IACxDA,CAAAA,MAAM,CAAC,EAAE,CAAC,EAAE,GAAGA,MAAM,CAAC,EAAE,CAAC,EAAE,AAAD;gBAC/BA,MAAM,CAAC,EAAE,CAAC,EAAE,GAAG;gBAEf,MAAM2B,IAAI3B,OAAO0B,MAAM,GAAG;gBAC1B,MAAME,KAAK,MAAM5B,MAAM,CAAC2B,IAAI,EAAE,CAAC,EAAE;gBACjC,MAAME,KAAK,MAAM7B,MAAM,CAAC2B,EAAE,CAAC,EAAE;gBAE7B3B,MAAM,CAAC2B,EAAE,CAAC,EAAE,GAAG,AAACC,CAAAA,KAAK5B,MAAM,CAAC2B,EAAE,CAAC,EAAE,GAAGE,KAAK7B,MAAM,CAAC2B,IAAI,EAAE,CAAC,EAAE,AAAD,IAAMC,CAAAA,KAAKC,EAAC;gBACpE7B,MAAM,CAAC2B,EAAE,CAAC,EAAE,GAAG;YACnB;gBAMYP;YAJZ,OAAO;gBACHU,IAAIV,EAAEU,EAAE;gBACR/B,OAAOqB,EAAErB,KAAK;gBACdC,QAAQA,OAAOM,GAAG,CAAC,CAAC,CAACyB,GAAGC,EAAE,GAAK;wBAACd,MAAMe,GAAG,CAACF;wBAAIb,MAAMgB,GAAG,CAACF;qBAAG;gBAC3D/B,QAAQmB,CAAAA,kBAAAA,UAAAA,EAAEe,IAAI,cAANf,8BAAAA,QAAQnB,MAAM,cAAdmB,4BAAAA,iBAAkB;YAC9B;QACJ,IACJ;QAACF;QAAOD;KAAQ;IAGpB,qBACI,KAACmB;kBACIjB,MAAMb,GAAG,CAAC,CAAC,EAAEwB,EAAE,EAAE/B,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAE,iBACrC,KAACH;gBAAiBC,OAAOA;gBAAOC,QAAQA;gBAAQC,QAAQA;eAA1C6B;;AAI9B,GAAG"}

package/dist/components/charts/line-chart/components/svg.module.less.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: true;
+export const line: string;
+export const svgBody: string;
+export const svgHover: string;
+

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

@@ -1,3 +1,4 @@
 export * from './utils/interfaces';
 export * from './components/container';
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/charts/line-chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
+{"version":3,"sources":["../../../../src/components/charts/line-chart/index.ts"],"sourcesContent":["export * from './utils/interfaces';\nexport * from './components/container';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,yBAAyB"}

package/dist/components/charts/line-chart/stores/line-chart.store.js

@@ -1,33 +1,42 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { injectable } from '@servicetitan/react-ioc';
 import { action, observable, makeObservable } from 'mobx';
+import { LineChartDisplay, LineChartResolution } from '../utils/interfaces';
 import { defaultDisplay } from '../utils/const';
+import { SideMetricsSettings } from '../utils/internal-interfaces';
 import { getFormatter } from '../utils/formatters';
-const getSideMetricsSettings = (metrics, values, range, title, format) => {
-    var _a;
+const getSideMetricsSettings = (metrics, values, range, title, format)=>{
     let maxRange = range !== null && range !== void 0 ? range : 0;
-    const lineBarMetricIDs = metrics
-        .filter(m => m.type === 'line' || m.type === 'bar' || m.type === 'grouped-bar')
-        .map(m => m.id);
-    const stackedBarMetricIDs = metrics.filter(m => m.type === 'stacked-bar').map(m => m.id);
+    const lineBarMetricIDs = metrics.filter((m)=>m.type === 'line' || m.type === 'bar' || m.type === 'grouped-bar').map((m)=>m.id);
+    const stackedBarMetricIDs = metrics.filter((m)=>m.type === 'stacked-bar').map((m)=>m.id);
     if (!maxRange) {
-        maxRange = values.reduce((sum, metricValues) => lineBarMetricIDs.includes(metricValues.metricId)
-            ? Math.max(sum, metricValues.values.reduce((acc, v) => Math.max(acc, v), 0))
-            : sum, 0);
+        maxRange = values.reduce((sum, metricValues)=>lineBarMetricIDs.includes(metricValues.metricId) ? Math.max(sum, metricValues.values.reduce((acc, v)=>Math.max(acc, v), 0)) : sum, 0);
     }
     if (stackedBarMetricIDs.length) {
-        const stackChartMetricValues = values
-            .filter(metricValues => stackedBarMetricIDs.includes(metricValues.metricId))
-            .map(metric => metric.values);
-        const summedStackedMetrics = (_a = stackChartMetricValues[0]) === null || _a === void 0 ? void 0 : _a.map((value, i) => stackChartMetricValues.reduce((sum, metricValues) => sum + metricValues[i], 0));
+        var _stackChartMetricValues_;
+        const stackChartMetricValues = values.filter((metricValues)=>stackedBarMetricIDs.includes(metricValues.metricId)).map((metric)=>metric.values);
+        const summedStackedMetrics = (_stackChartMetricValues_ = stackChartMetricValues[0]) === null || _stackChartMetricValues_ === void 0 ? void 0 : _stackChartMetricValues_.map((value, i)=>stackChartMetricValues.reduce((sum, metricValues)=>sum + metricValues[i], 0));
         if (summedStackedMetrics === null || summedStackedMetrics === void 0 ? void 0 : summedStackedMetrics.length) {
             maxRange = Math.max(...summedStackedMetrics, maxRange);
         }
@@ -45,151 +54,103 @@ const getSideMetricsSettings = (metrics, values, range, title, format) => {
     const sums = [];
     const step = maxRange / 10;
     const formatter = getFormatter(format);
-    for (let i = 0; i < 10; i++) {
+    for(let i = 0; i < 10; i++){
         sums.push(formatter(maxRange - i * step));
     }
     const width = title ? 64 : 48;
-    return { maxRange, maxValue: 1.1 * maxRange, title: title !== null && title !== void 0 ? title : '', values: sums, width };
+    return {
+        maxRange,
+        maxValue: 1.1 * maxRange,
+        title: title !== null && title !== void 0 ? title : '',
+        values: sums,
+        width
+    };
 };
-let LineChartStore = class LineChartStore {
-    constructor() {
-        Object.defineProperty(this, "isInit", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "display", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: defaultDisplay()
-        });
-        Object.defineProperty(this, "metrics", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "periods", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "resolution", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'day'
-        });
-        Object.defineProperty(this, "left", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "right", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hoveredIndex", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: -1
-        });
-        Object.defineProperty(this, "init", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (props) => {
-                var _a;
-                this.display = {
-                    ...defaultDisplay(),
-                    ...((_a = props.display) !== null && _a !== void 0 ? _a : {}),
+export class LineChartStore {
+    constructor(){
+        _define_property(this, "isInit", false);
+        _define_property(this, "display", defaultDisplay());
+        _define_property(this, "metrics", []);
+        _define_property(this, "periods", []);
+        _define_property(this, "resolution", 'day');
+        _define_property(this, "left", void 0);
+        _define_property(this, "right", void 0);
+        _define_property(this, "hoveredIndex", -1);
+        _define_property(this, "init", (props)=>{
+            var _props_display;
+            this.display = {
+                ...defaultDisplay(),
+                ...(_props_display = props.display) !== null && _props_display !== void 0 ? _props_display : {}
+            };
+            this.metrics = props.metrics.map((m)=>{
+                const mv = props.metricValues.find((mv)=>mv.metricId === m.id);
+                var _m_type, _m_opts, _mv_values;
+                return {
+                    ...m,
+                    isRight: !!m.isRight,
+                    type: (_m_type = m.type) !== null && _m_type !== void 0 ? _m_type : 'line',
+                    opts: (_m_opts = m.opts) !== null && _m_opts !== void 0 ? _m_opts : {},
+                    values: (_mv_values = mv === null || mv === void 0 ? void 0 : mv.values) !== null && _mv_values !== void 0 ? _mv_values : [],
+                    valuesOpts: mv === null || mv === void 0 ? void 0 : mv.opts
                 };
-                this.metrics = props.metrics.map(m => {
-                    var _a, _b, _c;
-                    const mv = props.metricValues.find(mv => mv.metricId === m.id);
-                    return {
-                        ...m,
-                        isRight: !!m.isRight,
-                        type: (_a = m.type) !== null && _a !== void 0 ? _a : 'line',
-                        opts: (_b = m.opts) !== null && _b !== void 0 ? _b : {},
-                        values: (_c = mv === null || mv === void 0 ? void 0 : mv.values) !== null && _c !== void 0 ? _c : [],
-                        valuesOpts: mv === null || mv === void 0 ? void 0 : mv.opts,
-                    };
-                });
-                this.left = getSideMetricsSettings(this.metrics.filter(m => !m.isRight), props.metricValues, props.maxRange, props.titleY, this.display.yLeftFormat);
-                this.right = getSideMetricsSettings(this.metrics.filter(m => m.isRight), props.metricValues, props.maxRangeRight, props.titleYRight, this.display.yRightFormat);
-                this.resolution = props.resolution;
-                this.periods = props.periods || [];
-                this.hoveredIndex = -1;
-                this.isInit = true;
-            }
+            });
+            this.left = getSideMetricsSettings(this.metrics.filter((m)=>!m.isRight), props.metricValues, props.maxRange, props.titleY, this.display.yLeftFormat);
+            this.right = getSideMetricsSettings(this.metrics.filter((m)=>m.isRight), props.metricValues, props.maxRangeRight, props.titleYRight, this.display.yRightFormat);
+            this.resolution = props.resolution;
+            this.periods = props.periods || [];
+            this.hoveredIndex = -1;
+            this.isInit = true;
         });
-        Object.defineProperty(this, "setHoveredIndex", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (index, isHovered) => {
-                if (isHovered) {
-                    this.hoveredIndex = index;
-                }
-                else if (index === this.hoveredIndex) {
-                    this.hoveredIndex = -1;
-                }
+        _define_property(this, "setHoveredIndex", (index, isHovered)=>{
+            if (isHovered) {
+                this.hoveredIndex = index;
+            } else if (index === this.hoveredIndex) {
+                this.hoveredIndex = -1;
             }
         });
         makeObservable(this);
     }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+}
+_ts_decorate([
+    observable
 ], LineChartStore.prototype, "isInit", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", typeof LineChartDisplay === "undefined" ? Object : LineChartDisplay)
 ], LineChartStore.prototype, "display", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], LineChartStore.prototype, "metrics", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Array)
+    _ts_metadata("design:type", Array)
 ], LineChartStore.prototype, "periods", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", String)
+    _ts_metadata("design:type", typeof LineChartResolution === "undefined" ? Object : LineChartResolution)
 ], LineChartStore.prototype, "resolution", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", typeof SideMetricsSettings === "undefined" ? Object : SideMetricsSettings)
 ], LineChartStore.prototype, "left", void 0);
-__decorate([
+_ts_decorate([
     observable,
-    __metadata("design:type", Object)
+    _ts_metadata("design:type", typeof SideMetricsSettings === "undefined" ? Object : SideMetricsSettings)
 ], LineChartStore.prototype, "right", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], LineChartStore.prototype, "hoveredIndex", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], LineChartStore.prototype, "init", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], LineChartStore.prototype, "setHoveredIndex", void 0);
-LineChartStore = __decorate([
+LineChartStore = _ts_decorate([
     injectable(),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [])
 ], LineChartStore);
-export { LineChartStore };
+
 //# sourceMappingURL=line-chart.store.js.map