@servicetitan/marketing-ui 5.8.1 → 5.10.0

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

@@ -3,54 +3,88 @@ 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, isGroupedBarChart }) => {
+export const SvgBars = observer(({ metrics, isStackedBarChart, isGroupedBarChart })=>{
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const [store] = useDependencies(SvgStore);
     const { fpx, fpy, barWidth, length } = store;
     const barWidthHalf = barWidth / 2;
     const paths = [];
-    for (let i = 0; i < length; i++) {
+    for(let i = 0; i < length; i++){
         const x = store.periodX(i);
-        const values = metrics.map(m => {
-            var _a, _b, _c;
-            return ({
+        const values = metrics.map((m)=>{
+            var _m_valuesOpts_i, _m_valuesOpts;
+            var _m_valuesOpts_i_color;
+            return {
                 id: m.id,
-                color: (_c = (_b = (_a = m.valuesOpts) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : m.color,
+                color: (_m_valuesOpts_i_color = (_m_valuesOpts = m.valuesOpts) === null || _m_valuesOpts === void 0 ? void 0 : (_m_valuesOpts_i = _m_valuesOpts[i]) === null || _m_valuesOpts_i === void 0 ? void 0 : _m_valuesOpts_i.color) !== null && _m_valuesOpts_i_color !== void 0 ? _m_valuesOpts_i_color : m.color,
                 opacity: m.opacity,
-                val: store.periodY(m, i),
-            });
+                val: store.periodY(m, i)
+            };
         });
         if (isStackedBarChart) {
-            let stackedBarHeight = values.reduce((sum, curr) => sum + curr.val, 0);
-            for (const value of values) {
-                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)));
+            let stackedBarHeight = values.reduce((sum, curr)=>sum + curr.val, 0);
+            for (const value of values){
+                paths.push(/*#__PURE__*/ _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 if (isGroupedBarChart) {
-            for (let j = 0; j < values.length; j++) {
-                const groupedBarX = (j * barWidth) / values.length;
+        } else if (isGroupedBarChart) {
+            for(let j = 0; j < values.length; j++){
+                const groupedBarX = j * barWidth / values.length;
                 const value = values[j];
-                paths.push(_jsx("rect", { x: x + groupedBarX - barWidthHalf, y: fpy(value.val), width: barWidth / values.length - 0.1, height: fpx(value.val), fill: value.color, opacity: value.opacity }, keyVal(value.id, i)));
+                paths.push(/*#__PURE__*/ _jsx("rect", {
+                    x: x + groupedBarX - barWidthHalf,
+                    y: fpy(value.val),
+                    width: barWidth / values.length - 0.1,
+                    height: fpx(value.val),
+                    fill: value.color,
+                    opacity: value.opacity
+                }, keyVal(value.id, i)));
             }
-        }
-        else {
-            values.sort((a, b) => b.val - a.val);
-            for (const value of values) {
-                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)));
+        } else {
+            values.sort((a, b)=>b.val - a.val);
+            for (const value of values){
+                paths.push(/*#__PURE__*/ _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 _jsx("g", { children: paths });
+    return /*#__PURE__*/ _jsx("g", {
+        children: paths
+    });
 });
-export const SvgBarsHover = observer(({ onHover, onLeave }) => {
+export const SvgBarsHover = observer(({ onHover, onLeave })=>{
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const [store] = useDependencies(SvgStore);
     const { fpx, fpy, barWidth, length } = store;
     const barWidthHalf = barWidth / 2;
     const paths = [];
-    for (let i = 0; i < length; i++) {
+    for(let i = 0; i < length; i++){
         const x = store.periodX(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)));
+        paths.push(/*#__PURE__*/ _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 _jsx("g", { children: paths });
+    return /*#__PURE__*/ _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,"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.store.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,gBAAgB,EAGhB,eAAe,EACf,cAAc,EACd,mBAAmB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAsEhF,qBACa,cAAc;IACX,MAAM,UAAS;IACf,OAAO,EAAE,gBAAgB,CAAoB;IAC7C,OAAO,EAAE,WAAW,EAAE,CAAM;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAM;IAChC,UAAU,EAAE,mBAAmB,CAAS;IAExC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B,YAAY,SAAM;;IAMtB,IAAI,UAAW,cAAc,UAsCnC;IAEM,eAAe,UAAW,MAAM,aAAa,OAAO,UAM1D;CACL"}
+{"version":3,"file":"line-chart.store.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,gBAAgB,EAGhB,eAAe,EACf,cAAc,EACd,mBAAmB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAsEhF,qBACa,cAAc;IACX,MAAM,UAAS;IACf,OAAO,EAAE,gBAAgB,CAAoB;IAC7C,OAAO,EAAE,WAAW,EAAE,CAAM;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAM;IAChC,UAAU,EAAE,mBAAmB,CAAS;IAExC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B,YAAY,SAAM;;IAMtB,IAAI,GAAI,OAAO,cAAc,UAsCnC;IAEM,eAAe,GAAI,OAAO,MAAM,EAAE,WAAW,OAAO,UAM1D;CACL"}