@servicetitan/marketing-ui 5.8.1 → 5.10.0

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":";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,eAAK,SAAS,EAAC,iBAAiB,aAC5B,MAAC,KAAK,IAAC,UAAU,EAAC,SAAS,aACtB,IAAI,IAAI,KAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,EACpE,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,kBACZ,cACI,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,YAED,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,MAAC,QAAQ,eACJ,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,IAAI,CACjC,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAC9B,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,GACJ,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,IACF,SAAS,EAAC,OAAO,EACjB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,wBAGf,CACX,GACC,GACG,EACZ,KAAK,IAAI,KAAC,OAAO,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,QAAC,cAAc,EAAE,cAAc,GAAI,IACxE,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,CACZ,CAAC,CAAC,EAAE,CACA,CAAC,CAAC,IAAI,KAAK,KAAK;oBAChB,CAAC,CAAC,IAAI,KAAK,aAAa;oBACxB,CAAC,CAAC,IAAI,KAAK,aAAa,CAC/B,CAAC,MAAM,GAEd,CACL,EACA,OAAO,CAAC,oBAAoB,KAAK,QAAQ,IAAI,CAC1C,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,YAC1D,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,GAC9B,CACX,IACC,CACT,CAAC;AACN,CAAC,CAAC,CACL,CAAC"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/body.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, FC, Fragment } from 'react';\nimport { observer } from 'mobx-react';\nimport classNames from 'classnames';\nimport { Stack } from '@servicetitan/design-system';\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\n\nimport { useClientRect } from '../../../../utils/use-client-rect';\nimport { LineChartStore } from '../stores/line-chart.store';\nimport { SvgStore } from '../stores/svg.store';\nimport { getXLabels } from '../utils/labels';\n\nimport { Sidebar } from './sidebar';\nimport { MetricsTitle, XAxisLabels } from './stuff';\nimport { SvgBody, SvgBodyHover } from './svg-body';\nimport { HoverPopover } from './hover-popover';\nimport * as Styles from './body.module.less';\n\nexport const Body: FC<{ classNameTitle?: string }> = provide({ singletons: [SvgStore] })(\n    observer(({ classNameTitle }) => {\n        const [{ display, metrics, left, right, periods, resolution, setHoveredIndex }, svgStore] =\n            useDependencies(LineChartStore, SvgStore);\n\n        useEffect(() => {\n            svgStore.init(periods.length, metrics, left?.maxValue ?? 0, right?.maxValue ?? 0);\n        }, [svgStore, periods, metrics, left, right]);\n        const [rect, ref] = useClientRect();\n\n        const onBarHover = useCallback(\n            (ind: number) => setHoveredIndex(ind, true),\n            [setHoveredIndex]\n        );\n\n        const onBarLeave = useCallback(\n            (ind: number) => setHoveredIndex(ind, false),\n            [setHoveredIndex]\n        );\n\n        const labels = useMemo(\n            () => (display.xLabels ? getXLabels(periods, resolution, rect?.width ?? 0) : []),\n            [display, periods, resolution, rect]\n        );\n\n        return (\n            <div className=\"d-f flex-column\">\n                <Stack alignItems=\"stretch\">\n                    {left && <Sidebar settings={left} classNameTitle={classNameTitle} />}\n                    <Stack.Item fill>\n                        <div\n                            ref={ref}\n                            className={classNames(Styles.chartWrapper, 'border-bottom', {\n                                'border-left': !!left && display.yLeft,\n                                'border-right': !!right && display.yRight,\n                            })}\n                        >\n                            {periods.length ? (\n                                <Fragment>\n                                    {periods.length !== labels.length && (\n                                        <div className={Styles.labelBorders}>\n                                            {labels\n                                                .map(([text, flex], ind) => [flex, `${ind}${text}`])\n                                                .map(([flex, key]) => (\n                                                    <div key={key} style={{ flex }} />\n                                                ))}\n                                        </div>\n                                    )}\n\n                                    <SvgBody horizontalGrid={display.yGrid} metrics={metrics} />\n                                    <HoverPopover />\n                                    <SvgBodyHover\n                                        onValueHover={onBarHover}\n                                        onValueLeave={onBarLeave}\n                                    />\n                                </Fragment>\n                            ) : (\n                                <Stack\n                                    className=\"h-100\"\n                                    justifyContent=\"center\"\n                                    alignItems=\"center\"\n                                >\n                                    No Data\n                                </Stack>\n                            )}\n                        </div>\n                    </Stack.Item>\n                    {right && <Sidebar settings={right} right classNameTitle={classNameTitle} />}\n                </Stack>\n                {display.xLabels && (\n                    <XAxisLabels\n                        labels={labels}\n                        width={rect?.width ?? 0}\n                        left={left?.width ?? 0}\n                        right={right?.width ?? 0}\n                        labelsMerged={periods.length !== labels.length}\n                        hasBars={\n                            !!metrics.filter(\n                                m =>\n                                    m.type === 'bar' ||\n                                    m.type === 'stacked-bar' ||\n                                    m.type === 'grouped-bar'\n                            ).length\n                        }\n                    />\n                )}\n                {display.metricsTitlePosition === 'bottom' && (\n                    <Stack direction=\"row\" justifyContent=\"center\" className=\"p-3\">\n                        <MetricsTitle metrics={metrics} />\n                    </Stack>\n                )}\n            </div>\n        );\n    })\n);\n"],"names":["useCallback","useEffect","useMemo","Fragment","observer","classNames","Stack","provide","useDependencies","useClientRect","LineChartStore","SvgStore","getXLabels","Sidebar","MetricsTitle","XAxisLabels","SvgBody","SvgBodyHover","HoverPopover","Styles","Body","singletons","classNameTitle","display","metrics","left","right","periods","resolution","setHoveredIndex","svgStore","init","length","maxValue","rect","ref","onBarHover","ind","onBarLeave","labels","xLabels","width","div","className","alignItems","settings","Item","fill","chartWrapper","yLeft","yRight","labelBorders","map","text","flex","key","style","horizontalGrid","yGrid","onValueHover","onValueLeave","justifyContent","labelsMerged","hasBars","filter","m","type","metricsTitlePosition","direction"],"mappings":";AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAMC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,QAAQ,QAAQ,aAAa;AACtC,OAAOC,gBAAgB,aAAa;AACpC,SAASC,KAAK,QAAQ,8BAA8B;AACpD,SAASC,OAAO,EAAEC,eAAe,QAAQ,0BAA0B;AAEnE,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,YAAY,EAAEC,WAAW,QAAQ,UAAU;AACpD,SAASC,OAAO,EAAEC,YAAY,QAAQ,aAAa;AACnD,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,YAAYC,YAAY,qBAAqB;AAE7C,OAAO,MAAMC,OAAwCb,QAAQ;IAAEc,YAAY;QAACV;KAAS;AAAC,GAClFP,SAAS,CAAC,EAAEkB,cAAc,EAAE;IACxB,MAAM,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEC,eAAe,EAAE,EAAEC,SAAS,GACrFtB,gBAAgBE,gBAAgBC;IAEpCV,UAAU;YACiCwB,gBAAqBC;QAA5DI,SAASC,IAAI,CAACJ,QAAQK,MAAM,EAAER,SAASC,CAAAA,iBAAAA,iBAAAA,2BAAAA,KAAMQ,QAAQ,cAAdR,4BAAAA,iBAAkB,GAAGC,CAAAA,kBAAAA,kBAAAA,4BAAAA,MAAOO,QAAQ,cAAfP,6BAAAA,kBAAmB;IACnF,GAAG;QAACI;QAAUH;QAASH;QAASC;QAAMC;KAAM;IAC5C,MAAM,CAACQ,MAAMC,IAAI,GAAG1B;IAEpB,MAAM2B,aAAapC,YACf,CAACqC,MAAgBR,gBAAgBQ,KAAK,OACtC;QAACR;KAAgB;IAGrB,MAAMS,aAAatC,YACf,CAACqC,MAAgBR,gBAAgBQ,KAAK,QACtC;QAACR;KAAgB;IAGrB,MAAMU,SAASrC,QACX;YAAyDgC;eAAlDX,QAAQiB,OAAO,GAAG5B,WAAWe,SAASC,YAAYM,CAAAA,cAAAA,iBAAAA,2BAAAA,KAAMO,KAAK,cAAXP,yBAAAA,cAAe,KAAK,EAAE;OAC/E;QAACX;QAASI;QAASC;QAAYM;KAAK;QAkDjBA,aACDT,aACCC;IAjDvB,qBACI,MAACgB;QAAIC,WAAU;;0BACX,MAACrC;gBAAMsC,YAAW;;oBACbnB,sBAAQ,KAACZ;wBAAQgC,UAAUpB;wBAAMH,gBAAgBA;;kCAClD,KAAChB,MAAMwC,IAAI;wBAACC,IAAI;kCACZ,cAAA,KAACL;4BACGP,KAAKA;4BACLQ,WAAWtC,WAAWc,OAAO6B,YAAY,EAAE,iBAAiB;gCACxD,eAAe,CAAC,CAACvB,QAAQF,QAAQ0B,KAAK;gCACtC,gBAAgB,CAAC,CAACvB,SAASH,QAAQ2B,MAAM;4BAC7C;sCAECvB,QAAQK,MAAM,iBACX,MAAC7B;;oCACIwB,QAAQK,MAAM,KAAKO,OAAOP,MAAM,kBAC7B,KAACU;wCAAIC,WAAWxB,OAAOgC,YAAY;kDAC9BZ,OACIa,GAAG,CAAC,CAAC,CAACC,MAAMC,KAAK,EAAEjB,MAAQ;gDAACiB;gDAAM,GAAGjB,MAAMgB,MAAM;6CAAC,EAClDD,GAAG,CAAC,CAAC,CAACE,MAAMC,IAAI,iBACb,KAACb;gDAAcc,OAAO;oDAAEF;gDAAK;+CAAnBC;;kDAK1B,KAACvC;wCAAQyC,gBAAgBlC,QAAQmC,KAAK;wCAAElC,SAASA;;kDACjD,KAACN;kDACD,KAACD;wCACG0C,cAAcvB;wCACdwB,cAActB;;;+CAItB,KAAChC;gCACGqC,WAAU;gCACVkB,gBAAe;gCACfjB,YAAW;0CACd;;;;oBAMZlB,uBAAS,KAACb;wBAAQgC,UAAUnB;wBAAOA,KAAK;wBAACJ,gBAAgBA;;;;YAE7DC,QAAQiB,OAAO,kBACZ,KAACzB;gBACGwB,QAAQA;gBACRE,OAAOP,CAAAA,cAAAA,iBAAAA,2BAAAA,KAAMO,KAAK,cAAXP,yBAAAA,cAAe;gBACtBT,MAAMA,CAAAA,cAAAA,iBAAAA,2BAAAA,KAAMgB,KAAK,cAAXhB,yBAAAA,cAAe;gBACrBC,OAAOA,CAAAA,eAAAA,kBAAAA,4BAAAA,MAAOe,KAAK,cAAZf,0BAAAA,eAAgB;gBACvBoC,cAAcnC,QAAQK,MAAM,KAAKO,OAAOP,MAAM;gBAC9C+B,SACI,CAAC,CAACvC,QAAQwC,MAAM,CACZC,CAAAA,IACIA,EAAEC,IAAI,KAAK,SACXD,EAAEC,IAAI,KAAK,iBACXD,EAAEC,IAAI,KAAK,eACjBlC,MAAM;;YAInBT,QAAQ4C,oBAAoB,KAAK,0BAC9B,KAAC7D;gBAAM8D,WAAU;gBAAMP,gBAAe;gBAASlB,WAAU;0BACrD,cAAA,KAAC7B;oBAAaU,SAASA;;;;;AAK3C,IACF"}

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

@@ -0,0 +1,4 @@
+export const __esModule: true;
+export const chartWrapper: string;
+export const labelBorders: string;
+

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

@@ -5,10 +5,18 @@ 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 => {
+    singletons: [
+        LineChartStore
+    ]
+})(observer((props)=>{
     const [{ init, isInit }] = useDependencies(LineChartStore);
-    useEffect(() => init(props), [init, props]);
-    return isInit ? _jsx(Body, { classNameTitle: props.classNameTitle }) : null;
+    useEffect(()=>init(props), [
+        init,
+        props
+    ]);
+    return isInit ? /*#__PURE__*/ _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,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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/container.tsx"],"sourcesContent":["import { useEffect, FC } from 'react';\nimport { observer } from 'mobx-react';\nimport { provide, useDependencies } from '@servicetitan/react-ioc';\nimport { LineChartProps } from '../utils/interfaces';\nimport { LineChartStore } from '../stores/line-chart.store';\nimport { Body } from './body';\n\nexport const LineChart: FC<LineChartProps> = provide({\n    singletons: [LineChartStore],\n})(\n    observer(props => {\n        const [{ init, isInit }] = useDependencies(LineChartStore);\n\n        useEffect(() => init(props), [init, props]);\n\n        return isInit ? <Body classNameTitle={props.classNameTitle} /> : null;\n    })\n);\n"],"names":["useEffect","observer","provide","useDependencies","LineChartStore","Body","LineChart","singletons","props","init","isInit","classNameTitle"],"mappings":";AAAA,SAASA,SAAS,QAAY,QAAQ;AACtC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,EAAEC,eAAe,QAAQ,0BAA0B;AAEnE,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,MAAMC,YAAgCJ,QAAQ;IACjDK,YAAY;QAACH;KAAe;AAChC,GACIH,SAASO,CAAAA;IACL,MAAM,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAAE,CAAC,GAAGP,gBAAgBC;IAE3CJ,UAAU,IAAMS,KAAKD,QAAQ;QAACC;QAAMD;KAAM;IAE1C,OAAOE,uBAAS,KAACL;QAAKM,gBAAgBH,MAAMG,cAAc;SAAO;AACrE,IACF"}

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

@@ -10,27 +10,70 @@ 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(() => {
+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 = useMemo(() => {
+    const formatDateTitle = useMemo(()=>periodDateTitleFormatter[resolution], [
+        resolution
+    ]);
+    const formatValue = useCallback((title, value, isRight)=>getFormatter(isRight ? display.metricsRightFormat : display.metricsLeftFormat)(value) + ' ' + title, [
+        display
+    ]);
+    const popoverStyle = useMemo(()=>{
         const pos = svgStore.periodX(hoveredIndex);
         if (hoveredIndex < periods.length / 2) {
-            return { left: `${svgStore.fpx(pos + 2)}%` };
+            return {
+                left: `${svgStore.fpx(pos + 2)}%`
+            };
         }
-        return { right: `${svgStore.fpx(102 - pos)}%` };
-    }, [svgStore, hoveredIndex, periods.length]);
+        return {
+            right: `${svgStore.fpx(102 - pos)}%`
+        };
+    }, [
+        svgStore,
+        hoveredIndex,
+        periods.length
+    ]);
     if (hoveredIndex < 0 || hoveredIndex >= periods.length) {
         return null;
     }
     const period = periods[hoveredIndex];
     const partialWeek = !!period.partial;
-    return (_jsxs(Fragment, { children: [_jsx("div", { className: Styles.line, style: { left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%' } }), _jsxs("div", { className: classNames(Styles.popover, 'bg-white border border-radius-1 p-1'), style: popoverStyle, children: [_jsx(BodyText, { size: "small", bold: true, children: formatDateTitle(period) }), partialWeek && (_jsx(BodyText, { size: "xsmall", subdued: true, children: "Partial week" })), metrics.map(m => {
-                        var _a;
-                        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));
-                    })] })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: Styles.line,
+                style: {
+                    left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%'
+                }
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: classNames(Styles.popover, 'bg-white border border-radius-1 p-1'),
+                style: popoverStyle,
+                children: [
+                    /*#__PURE__*/ _jsx(BodyText, {
+                        size: "small",
+                        bold: true,
+                        children: formatDateTitle(period)
+                    }),
+                    partialWeek && /*#__PURE__*/ _jsx(BodyText, {
+                        size: "xsmall",
+                        subdued: true,
+                        children: "Partial week"
+                    }),
+                    metrics.map((m)=>{
+                        var _m_opts;
+                        return m.values[hoveredIndex] !== undefined && /*#__PURE__*/ _jsx(ColorTag, {
+                            label: formatValue(m.title, m.values[hoveredIndex], m.isRight),
+                            color: m.color,
+                            className: "m-t-1",
+                            dashed: (_m_opts = m.opts) === null || _m_opts === void 0 ? void 0 : _m_opts.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":"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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/hover-popover.tsx"],"sourcesContent":["import { useCallback, useMemo, FC, Fragment } from 'react';\nimport classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport { BodyText } from '@servicetitan/design-system';\nimport { LineChartStore } from '../stores/line-chart.store';\nimport { SvgStore } from '../stores/svg.store';\nimport { getFormatter } from '../utils/formatters';\nimport { periodDateTitleFormatter } from '../utils/labels';\nimport * as Styles from './hover-popover.module.less';\nimport { ColorTag } from './stuff';\n\nexport const HoverPopover: FC = observer(() => {\n    const [{ periods, resolution, hoveredIndex, metrics, display }, svgStore] = useDependencies(\n        LineChartStore,\n        SvgStore\n    );\n\n    const formatDateTitle = useMemo(() => periodDateTitleFormatter[resolution], [resolution]);\n    const formatValue = useCallback(\n        (title: string, value: number, isRight: boolean) =>\n            getFormatter(isRight ? display.metricsRightFormat : display.metricsLeftFormat)(value) +\n            ' ' +\n            title,\n        [display]\n    );\n    const popoverStyle = useMemo(() => {\n        const pos = svgStore.periodX(hoveredIndex);\n\n        if (hoveredIndex < periods.length / 2) {\n            return { left: `${svgStore.fpx(pos + 2)}%` };\n        }\n\n        return { right: `${svgStore.fpx(102 - pos)}%` };\n    }, [svgStore, hoveredIndex, periods.length]);\n\n    if (hoveredIndex < 0 || hoveredIndex >= periods.length) {\n        return null;\n    }\n\n    const period = periods[hoveredIndex]!;\n    const partialWeek = !!period.partial;\n\n    return (\n        <Fragment>\n            <div\n                className={Styles.line}\n                style={{ left: svgStore.fpx(svgStore.periodX(hoveredIndex)) + '%' }}\n            />\n            <div\n                className={classNames(Styles.popover, 'bg-white border border-radius-1 p-1')}\n                style={popoverStyle}\n            >\n                <BodyText size=\"small\" bold>\n                    {formatDateTitle(period)}\n                </BodyText>\n                {partialWeek && (\n                    <BodyText size=\"xsmall\" subdued>\n                        Partial week\n                    </BodyText>\n                )}\n                {metrics.map(\n                    m =>\n                        m.values[hoveredIndex] !== undefined && (\n                            <ColorTag\n                                label={formatValue(m.title, m.values[hoveredIndex], m.isRight)}\n                                color={m.color}\n                                key={m.title}\n                                className=\"m-t-1\"\n                                dashed={m.opts?.dashed}\n                                small\n                            />\n                        )\n                )}\n            </div>\n        </Fragment>\n    );\n});\n"],"names":["useCallback","useMemo","Fragment","classNames","observer","useDependencies","BodyText","LineChartStore","SvgStore","getFormatter","periodDateTitleFormatter","Styles","ColorTag","HoverPopover","periods","resolution","hoveredIndex","metrics","display","svgStore","formatDateTitle","formatValue","title","value","isRight","metricsRightFormat","metricsLeftFormat","popoverStyle","pos","periodX","length","left","fpx","right","period","partialWeek","partial","div","className","line","style","popover","size","bold","subdued","map","m","values","undefined","label","color","dashed","opts","small"],"mappings":";AAAA,SAASA,WAAW,EAAEC,OAAO,EAAMC,QAAQ,QAAQ,QAAQ;AAC3D,OAAOC,gBAAgB,aAAa;AACpC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,wBAAwB,QAAQ,kBAAkB;AAC3D,YAAYC,YAAY,8BAA8B;AACtD,SAASC,QAAQ,QAAQ,UAAU;AAEnC,OAAO,MAAMC,eAAmBT,SAAS;IACrC,MAAM,CAAC,EAAEU,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAEC,SAAS,GAAGd,gBACxEE,gBACAC;IAGJ,MAAMY,kBAAkBnB,QAAQ,IAAMS,wBAAwB,CAACK,WAAW,EAAE;QAACA;KAAW;IACxF,MAAMM,cAAcrB,YAChB,CAACsB,OAAeC,OAAeC,UAC3Bf,aAAae,UAAUN,QAAQO,kBAAkB,GAAGP,QAAQQ,iBAAiB,EAAEH,SAC/E,MACAD,OACJ;QAACJ;KAAQ;IAEb,MAAMS,eAAe1B,QAAQ;QACzB,MAAM2B,MAAMT,SAASU,OAAO,CAACb;QAE7B,IAAIA,eAAeF,QAAQgB,MAAM,GAAG,GAAG;YACnC,OAAO;gBAAEC,MAAM,GAAGZ,SAASa,GAAG,CAACJ,MAAM,GAAG,CAAC,CAAC;YAAC;QAC/C;QAEA,OAAO;YAAEK,OAAO,GAAGd,SAASa,GAAG,CAAC,MAAMJ,KAAK,CAAC,CAAC;QAAC;IAClD,GAAG;QAACT;QAAUH;QAAcF,QAAQgB,MAAM;KAAC;IAE3C,IAAId,eAAe,KAAKA,gBAAgBF,QAAQgB,MAAM,EAAE;QACpD,OAAO;IACX;IAEA,MAAMI,SAASpB,OAAO,CAACE,aAAa;IACpC,MAAMmB,cAAc,CAAC,CAACD,OAAOE,OAAO;IAEpC,qBACI,MAAClC;;0BACG,KAACmC;gBACGC,WAAW3B,OAAO4B,IAAI;gBACtBC,OAAO;oBAAET,MAAMZ,SAASa,GAAG,CAACb,SAASU,OAAO,CAACb,iBAAiB;gBAAI;;0BAEtE,MAACqB;gBACGC,WAAWnC,WAAWQ,OAAO8B,OAAO,EAAE;gBACtCD,OAAOb;;kCAEP,KAACrB;wBAASoC,MAAK;wBAAQC,IAAI;kCACtBvB,gBAAgBc;;oBAEpBC,6BACG,KAAC7B;wBAASoC,MAAK;wBAASE,OAAO;kCAAC;;oBAInC3B,QAAQ4B,GAAG,CACRC,CAAAA;4BAOoBA;+BANhBA,EAAEC,MAAM,CAAC/B,aAAa,KAAKgC,2BACvB,KAACpC;4BACGqC,OAAO5B,YAAYyB,EAAExB,KAAK,EAAEwB,EAAEC,MAAM,CAAC/B,aAAa,EAAE8B,EAAEtB,OAAO;4BAC7D0B,OAAOJ,EAAEI,KAAK;4BAEdZ,WAAU;4BACVa,MAAM,GAAEL,UAAAA,EAAEM,IAAI,cAANN,8BAAAA,QAAQK,MAAM;4BACtBE,KAAK;2BAHAP,EAAExB,KAAK;;;;;;AAU5C,GAAG"}

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

@@ -0,0 +1,5 @@
+export const __esModule: true;
+export const line: string;
+export const popover: string;
+export const trigger: string;
+

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

@@ -3,10 +3,40 @@ 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, { className: classNames(Styles.sidebarTitle, Styles.sidebarTitleText, classNameTitle !== null && classNameTitle !== void 0 ? classNameTitle : Styles.sidebarTitleDefault), children: settings.title || '' })) : undefined;
-    return (_jsxs("div", { 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, _jsxs(Stack, { className: Styles.sidebarValues, direction: "column", justifyContent: "space-evenly", children: [_jsx("div", { className: Styles.labelGap }), settings.values.map((val, i) => (_jsx("div", { className: Styles.label, children: val }, keyVal(val, i)))), _jsx("div", { className: Styles.labelGap })] }), !!right && sidebarTitle] }));
+export const Sidebar = ({ settings, right, className, classNameTitle })=>{
+    const sidebarTitle = settings.title ? /*#__PURE__*/ _jsx(Stack.Item, {
+        className: classNames(Styles.sidebarTitle, Styles.sidebarTitleText, classNameTitle !== null && classNameTitle !== void 0 ? classNameTitle : Styles.sidebarTitleDefault),
+        children: settings.title || ''
+    }) : undefined;
+    return /*#__PURE__*/ _jsxs("div", {
+        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,
+            /*#__PURE__*/ _jsxs(Stack, {
+                className: Styles.sidebarValues,
+                direction: "column",
+                justifyContent: "space-evenly",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: Styles.labelGap
+                    }),
+                    settings.values.map((val, i)=>/*#__PURE__*/ _jsx("div", {
+                            className: Styles.label,
+                            children: val
+                        }, keyVal(val, i))),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: Styles.labelGap
+                    })
+                ]
+            }),
+            !!right && sidebarTitle
+        ]
+    });
 };
+
 //# 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,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,IACP,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,YAAY,EACnB,MAAM,CAAC,gBAAgB,EACvB,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,CAAC,mBAAmB,CAC/C,YAEA,QAAQ,CAAC,KAAK,IAAI,EAAE,GACZ,CAChB,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACH,eACI,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,aAEtC,CAAC,KAAK,IAAI,YAAY,EACvB,MAAC,KAAK,IACF,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,cAAc,aAE7B,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,EAClC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,cAA0B,SAAS,EAAE,MAAM,CAAC,KAAK,YAC5C,GAAG,IADE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAElB,CACT,CAAC,EACF,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,IAC/B,EACP,CAAC,CAAC,KAAK,IAAI,YAAY,IACtB,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/components/sidebar.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\nimport { Stack } from '@servicetitan/design-system';\nimport * as Styles from './sidebar.module.less';\nimport { SideMetricsSettings } from '../utils/internal-interfaces';\nimport { keyVal } from '../utils/key';\n\ninterface SidebarProps {\n    settings: SideMetricsSettings;\n    className?: string;\n    classNameTitle?: string;\n    right?: boolean;\n}\n\nexport const Sidebar: FC<SidebarProps> = ({ settings, right, className, classNameTitle }) => {\n    const sidebarTitle = settings.title ? (\n        <Stack.Item\n            className={classNames(\n                Styles.sidebarTitle,\n                Styles.sidebarTitleText,\n                classNameTitle ?? Styles.sidebarTitleDefault\n            )}\n        >\n            {settings.title || ''}\n        </Stack.Item>\n    ) : undefined;\n\n    return (\n        <div\n            className={classNames(\n                'd-f flex-row',\n                className,\n                Styles.sidebar,\n                sidebarTitle ? Styles.sidebarWithTitle : Styles.sidebarNoTitle,\n                right ? Styles.sidebarRight : Styles.sidebarLeft,\n                {\n                    [Styles.sidebarNoTitle]: !sidebarTitle,\n                }\n            )}\n            style={{ width: `${settings.width}px` }}\n        >\n            {!right && sidebarTitle}\n            <Stack\n                className={Styles.sidebarValues}\n                direction=\"column\"\n                justifyContent=\"space-evenly\"\n            >\n                <div className={Styles.labelGap} />\n                {settings.values.map((val, i) => (\n                    <div key={keyVal(val, i)} className={Styles.label}>\n                        {val}\n                    </div>\n                ))}\n                <div className={Styles.labelGap} />\n            </Stack>\n            {!!right && sidebarTitle}\n        </div>\n    );\n};\n"],"names":["classNames","Stack","Styles","keyVal","Sidebar","settings","right","className","classNameTitle","sidebarTitle","title","Item","sidebarTitleText","sidebarTitleDefault","undefined","div","sidebar","sidebarWithTitle","sidebarNoTitle","sidebarRight","sidebarLeft","style","width","sidebarValues","direction","justifyContent","labelGap","values","map","val","i","label"],"mappings":";AACA,OAAOA,gBAAgB,aAAa;AACpC,SAASC,KAAK,QAAQ,8BAA8B;AACpD,YAAYC,YAAY,wBAAwB;AAEhD,SAASC,MAAM,QAAQ,eAAe;AAStC,OAAO,MAAMC,UAA4B,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,cAAc,EAAE;IACpF,MAAMC,eAAeJ,SAASK,KAAK,iBAC/B,KAACT,MAAMU,IAAI;QACPJ,WAAWP,WACPE,OAAOO,YAAY,EACnBP,OAAOU,gBAAgB,EACvBJ,2BAAAA,4BAAAA,iBAAkBN,OAAOW,mBAAmB;kBAG/CR,SAASK,KAAK,IAAI;SAEvBI;IAEJ,qBACI,MAACC;QACGR,WAAWP,WACP,gBACAO,WACAL,OAAOc,OAAO,EACdP,eAAeP,OAAOe,gBAAgB,GAAGf,OAAOgB,cAAc,EAC9DZ,QAAQJ,OAAOiB,YAAY,GAAGjB,OAAOkB,WAAW,EAChD;YACI,CAAClB,OAAOgB,cAAc,CAAC,EAAE,CAACT;QAC9B;QAEJY,OAAO;YAAEC,OAAO,GAAGjB,SAASiB,KAAK,CAAC,EAAE,CAAC;QAAC;;YAErC,CAAChB,SAASG;0BACX,MAACR;gBACGM,WAAWL,OAAOqB,aAAa;gBAC/BC,WAAU;gBACVC,gBAAe;;kCAEf,KAACV;wBAAIR,WAAWL,OAAOwB,QAAQ;;oBAC9BrB,SAASsB,MAAM,CAACC,GAAG,CAAC,CAACC,KAAKC,kBACvB,KAACf;4BAAyBR,WAAWL,OAAO6B,KAAK;sCAC5CF;2BADK1B,OAAO0B,KAAKC;kCAI1B,KAACf;wBAAIR,WAAWL,OAAOwB,QAAQ;;;;YAElC,CAAC,CAACpB,SAASG;;;AAGxB,EAAE"}

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

@@ -0,0 +1,13 @@
+export const __esModule: true;
+export const label: string;
+export const labelGap: string;
+export const sidebar: string;
+export const sidebarLeft: string;
+export const sidebarNoTitle: string;
+export const sidebarRight: string;
+export const sidebarTitle: string;
+export const sidebarTitleDefault: string;
+export const sidebarTitleText: string;
+export const sidebarValues: string;
+export const sidebarWithTitle: string;
+

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

@@ -3,65 +3,106 @@ 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, { alignItems: "center", className: className, children: [_jsx("div", { style: dashed
-                ? {
-                    borderColor: color,
-                }
-                : {
-                    backgroundColor: color,
-                }, className: classNames(Styles.colorTag, dashed && Styles.colorTagDashed, small && Styles.colorTagSmall) }), _jsx(BodyText, { size: small ? 'xsmall' : 'small', children: label })] }));
-export const MetricsTitle = ({ metrics }) => (_jsx(Stack, { alignItems: "center", children: metrics.map(m => {
-        var _a;
-        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(() => {
+export const ColorTag = ({ label, color, className, small, dashed })=>/*#__PURE__*/ _jsxs(Stack, {
+        alignItems: "center",
+        className: className,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                style: dashed ? {
+                    borderColor: color
+                } : {
+                    backgroundColor: color
+                },
+                className: classNames(Styles.colorTag, dashed && Styles.colorTagDashed, small && Styles.colorTagSmall)
+            }),
+            /*#__PURE__*/ _jsx(BodyText, {
+                size: small ? 'xsmall' : 'small',
+                children: label
+            })
+        ]
+    });
+export const MetricsTitle = ({ metrics })=>/*#__PURE__*/ _jsx(Stack, {
+        alignItems: "center",
+        children: metrics.map((m)=>{
+            var _m_opts;
+            return /*#__PURE__*/ _jsx(ColorTag, {
+                label: m.title,
+                color: m.color,
+                dashed: (_m_opts = m.opts) === null || _m_opts === void 0 ? void 0 : _m_opts.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,
-            flex,
-            key: `${ind}${text}`,
-            className: '',
-        }));
+        const labelsMapped = labels.map(([text, flex], ind)=>({
+                text,
+                flex,
+                key: `${ind}${text}`,
+                className: ''
+            }));
         if (hasBars) {
             // when we have bars, all labels will get space equally, so no need to calculate margins
             styles.marginLeft = `${left}px`;
             styles.marginRight = `${right}px`;
-        }
-        else if (labels.length && !!width && !labelsMerged) {
+        } else if (labels.length && !!width && !labelsMerged) {
             // when we have only lines, we should calculate available space for first and last label
             const labelWidth = (width - left - right) / labels.length;
             const labelHalfWidth = labelWidth / 2;
             if (left) {
                 if (left > labelHalfWidth) {
                     styles.marginLeft = `${left - labelHalfWidth}px`;
-                }
-                else {
+                } else {
                     labelsMapped[0].flex = (left + labelHalfWidth) / labelWidth;
                 }
-            }
-            else {
+            } else {
                 labelsMapped[0].flex = 0.5;
                 labelsMapped[0].className = 't-truncate';
             }
             if (right) {
                 if (right > labelHalfWidth) {
                     styles.marginRight = `${right - labelHalfWidth}px`;
-                }
-                else {
+                } else {
                     labelsMapped[labels.length - 1].flex = (right + labelHalfWidth) / labelWidth;
                 }
-            }
-            else {
+            } else {
                 labelsMapped[labels.length - 1].flex = 0.5;
                 labelsMapped[labels.length - 1].className = 't-truncate';
             }
         }
         return {
             labels: labelsMapped,
-            styles,
+            styles
         };
-    }, [labels, left, right, labelsMerged, width, hasBars]);
-    return (_jsx("div", { style: data.styles, children: _jsx(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", className: "m-t-1", children: data.labels.map(({ text, flex, key, className }) => (_jsx("div", { style: { flex }, className: className, children: _jsx(BodyText, { size: "xsmall", className: classNames(Styles.xAxisLabel, 'ta-center'), children: text }) }, key))) }) }));
+    }, [
+        labels,
+        left,
+        right,
+        labelsMerged,
+        width,
+        hasBars
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        style: data.styles,
+        children: /*#__PURE__*/ _jsx(Stack, {
+            direction: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            className: "m-t-1",
+            children: data.labels.map(({ text, flex, key, className })=>/*#__PURE__*/ _jsx("div", {
+                    style: {
+                        flex
+                    },
+                    className: className,
+                    children: /*#__PURE__*/ _jsx(BodyText, {
+                        size: "xsmall",
+                        className: classNames(Styles.xAxisLabel, 'ta-center'),
+                        children: text
+                    })
+                }, key))
+        })
+    });
 };
+
 //# 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,"sources":["../../../../../src/components/charts/line-chart/components/stuff.tsx"],"sourcesContent":["import { CSSProperties, useMemo, FC } from 'react';\nimport classNames from 'classnames';\nimport { BodyText, Stack } from '@servicetitan/design-system';\nimport * as Styles from './stuff.module.less';\nimport { LineChartMetric } from '../utils/interfaces';\nimport { ChartXLabels } from '../utils/internal-interfaces';\n\ninterface ColorTagProps {\n    label: string;\n    color: string;\n    className?: string;\n    small?: boolean;\n    dashed?: boolean;\n}\n\nexport const ColorTag: FC<ColorTagProps> = ({ label, color, className, small, dashed }) => (\n    <Stack alignItems=\"center\" className={className}>\n        <div\n            style={\n                dashed\n                    ? {\n                          borderColor: color,\n                      }\n                    : {\n                          backgroundColor: color,\n                      }\n            }\n            className={classNames(\n                Styles.colorTag,\n                dashed && Styles.colorTagDashed,\n                small && Styles.colorTagSmall\n            )}\n        />\n        <BodyText size={small ? 'xsmall' : 'small'}>{label}</BodyText>\n    </Stack>\n);\n\ninterface MetricsTitleProps {\n    metrics: LineChartMetric[];\n}\n\nexport const MetricsTitle: FC<MetricsTitleProps> = ({ metrics }) => (\n    <Stack alignItems=\"center\">\n        {metrics.map(m => (\n            <ColorTag\n                key={m.id}\n                label={m.title}\n                color={m.color}\n                dashed={m.opts?.dashed}\n                className=\"m-r-4\"\n            />\n        ))}\n    </Stack>\n);\n\nexport const XAxisLabels: FC<{\n    labels: ChartXLabels;\n    width: number;\n    left: number;\n    right: number;\n    labelsMerged: boolean;\n    hasBars: boolean;\n}> = ({ labels, width, left, right, labelsMerged, hasBars }) => {\n    const data = useMemo(() => {\n        const styles: CSSProperties = {};\n        const labelsMapped = labels.map(([text, flex], ind) => ({\n            text,\n            flex,\n            key: `${ind}${text}`,\n            className: '',\n        }));\n\n        if (hasBars) {\n            // when we have bars, all labels will get space equally, so no need to calculate margins\n            styles.marginLeft = `${left}px`;\n            styles.marginRight = `${right}px`;\n        } else if (labels.length && !!width && !labelsMerged) {\n            // when we have only lines, we should calculate available space for first and last label\n\n            const labelWidth = (width - left - right) / labels.length;\n            const labelHalfWidth = labelWidth / 2;\n\n            if (left) {\n                if (left > labelHalfWidth) {\n                    styles.marginLeft = `${left - labelHalfWidth}px`;\n                } else {\n                    labelsMapped[0].flex = (left + labelHalfWidth) / labelWidth;\n                }\n            } else {\n                labelsMapped[0].flex = 0.5;\n                labelsMapped[0].className = 't-truncate';\n            }\n\n            if (right) {\n                if (right > labelHalfWidth) {\n                    styles.marginRight = `${right - labelHalfWidth}px`;\n                } else {\n                    labelsMapped[labels.length - 1].flex = (right + labelHalfWidth) / labelWidth;\n                }\n            } else {\n                labelsMapped[labels.length - 1].flex = 0.5;\n                labelsMapped[labels.length - 1].className = 't-truncate';\n            }\n        }\n\n        return {\n            labels: labelsMapped,\n            styles,\n        };\n    }, [labels, left, right, labelsMerged, width, hasBars]);\n\n    return (\n        <div style={data.styles}>\n            <Stack\n                direction=\"row\"\n                justifyContent=\"space-between\"\n                alignItems=\"center\"\n                className=\"m-t-1\"\n            >\n                {data.labels.map(({ text, flex, key, className }) => (\n                    <div key={key} style={{ flex }} className={className}>\n                        <BodyText\n                            size=\"xsmall\"\n                            className={classNames(Styles.xAxisLabel, 'ta-center')}\n                        >\n                            {text}\n                        </BodyText>\n                    </div>\n                ))}\n            </Stack>\n        </div>\n    );\n};\n"],"names":["useMemo","classNames","BodyText","Stack","Styles","ColorTag","label","color","className","small","dashed","alignItems","div","style","borderColor","backgroundColor","colorTag","colorTagDashed","colorTagSmall","size","MetricsTitle","metrics","map","m","title","opts","id","XAxisLabels","labels","width","left","right","labelsMerged","hasBars","data","styles","labelsMapped","text","flex","ind","key","marginLeft","marginRight","length","labelWidth","labelHalfWidth","direction","justifyContent","xAxisLabel"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export const __esModule: true;
+export const colorTag: string;
+export const colorTagDashed: string;
+export const colorTagSmall: string;
+export const xAxisLabel: string;
+

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

@@ -1 +1 @@
-{"version":3,"file":"svg-bars.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,YAAY;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoEpC,CAAC;AAEF,UAAU,iBAAiB;IACvB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyB7C,CAAC"}
+{"version":3,"file":"svg-bars.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/components/svg-bars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,YAAY;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqEpC,CAAC;AAEF,UAAU,iBAAiB;IACvB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0B7C,CAAC"}