@servicetitan/marketing-ui 5.8.1 → 5.10.0

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,141 +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
+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.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, "init", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (props) => {
-                var _a;
-                this.display = Object.assign(Object.assign({}, defaultDisplay()), ((_a = props.display) !== null && _a !== void 0 ? _a : {}));
-                this.metrics = props.metrics.map(m => {
-                    var _a, _b, _c;
-                    const mv = props.metricValues.find(mv => mv.metricId === m.id);
-                    return Object.assign(Object.assign({}, 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 || [];
+        _define_property(this, "setHoveredIndex", (index, isHovered)=>{
+            if (isHovered) {
+                this.hoveredIndex = index;
+            } else if (index === this.hoveredIndex) {
                 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;
-                }
             }
         });
         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

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/stores/line-chart.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { action, observable, makeObservable } from 'mobx';\nimport {\n    LineChartDisplay,\n    LineChartDisplayValueFormat,\n    LineChartMetricValues,\n    LineChartPeriod,\n    LineChartProps,\n    LineChartResolution,\n} from '../utils/interfaces';\nimport { defaultDisplay } from '../utils/const';\nimport { ChartMetric, SideMetricsSettings } from '../utils/internal-interfaces';\nimport { getFormatter } from '../utils/formatters';\n\nconst getSideMetricsSettings = (\n    metrics: ChartMetric[],\n    values: LineChartMetricValues[],\n    range?: number,\n    title?: string,\n    format?: LineChartDisplayValueFormat\n): SideMetricsSettings | undefined => {\n    let maxRange = range ?? 0;\n    const lineBarMetricIDs = metrics\n        .filter(m => m.type === 'line' || m.type === 'bar' || m.type === 'grouped-bar')\n        .map(m => m.id);\n    const stackedBarMetricIDs = metrics.filter(m => m.type === 'stacked-bar').map(m => m.id);\n\n    if (!maxRange) {\n        maxRange = values.reduce(\n            (sum, metricValues) =>\n                lineBarMetricIDs.includes(metricValues.metricId)\n                    ? Math.max(\n                          sum,\n                          metricValues.values.reduce((acc, v) => Math.max(acc, v), 0)\n                      )\n                    : sum,\n            0\n        );\n    }\n\n    if (stackedBarMetricIDs.length) {\n        const stackChartMetricValues = values\n            .filter(metricValues => stackedBarMetricIDs.includes(metricValues.metricId))\n            .map(metric => metric.values);\n\n        const summedStackedMetrics = stackChartMetricValues[0]?.map((value, i) =>\n            stackChartMetricValues.reduce((sum, metricValues) => sum + metricValues[i], 0)\n        );\n\n        if (summedStackedMetrics?.length) {\n            maxRange = Math.max(...summedStackedMetrics, maxRange);\n        }\n    }\n\n    if (!maxRange) {\n        if (!lineBarMetricIDs.length && !stackedBarMetricIDs.length) {\n            return undefined;\n        }\n\n        maxRange = 10;\n    }\n\n    maxRange = Math.max(maxRange, 10);\n\n    if (format === 'moneyShort' && maxRange > 1000 && maxRange < 10000) {\n        maxRange = 10000;\n    }\n\n    const sums = [];\n    const step = maxRange / 10;\n    const formatter = getFormatter(format);\n\n    for (let i = 0; i < 10; i++) {\n        sums.push(formatter(maxRange - i * step));\n    }\n\n    const width = title ? 64 : 48;\n\n    return { maxRange, maxValue: 1.1 * maxRange, title: title ?? '', values: sums, width };\n};\n\n@injectable()\nexport class LineChartStore {\n    @observable isInit = false;\n    @observable display: LineChartDisplay = defaultDisplay();\n    @observable metrics: ChartMetric[] = [];\n    @observable periods: LineChartPeriod[] = [];\n    @observable resolution: LineChartResolution = 'day';\n\n    @observable left?: SideMetricsSettings;\n    @observable right?: SideMetricsSettings;\n\n    @observable hoveredIndex = -1;\n\n    constructor() {\n        makeObservable(this);\n    }\n\n    @action init = (props: LineChartProps) => {\n        this.display = {\n            ...defaultDisplay(),\n            ...(props.display ?? {}),\n        };\n\n        this.metrics = props.metrics.map(m => {\n            const mv = props.metricValues.find(mv => mv.metricId === m.id);\n\n            return {\n                ...m,\n                isRight: !!m.isRight,\n                type: m.type ?? 'line',\n                opts: m.opts ?? {},\n                values: mv?.values ?? [],\n                valuesOpts: mv?.opts,\n            };\n        });\n\n        this.left = getSideMetricsSettings(\n            this.metrics.filter(m => !m.isRight),\n            props.metricValues,\n            props.maxRange,\n            props.titleY,\n            this.display.yLeftFormat\n        );\n        this.right = getSideMetricsSettings(\n            this.metrics.filter(m => m.isRight),\n            props.metricValues,\n            props.maxRangeRight,\n            props.titleYRight,\n            this.display.yRightFormat\n        );\n\n        this.resolution = props.resolution;\n        this.periods = props.periods || [];\n        this.hoveredIndex = -1;\n        this.isInit = true;\n    };\n\n    @action setHoveredIndex = (index: number, isHovered: boolean) => {\n        if (isHovered) {\n            this.hoveredIndex = index;\n        } else if (index === this.hoveredIndex) {\n            this.hoveredIndex = -1;\n        }\n    };\n}\n"],"names":["injectable","action","observable","makeObservable","LineChartDisplay","LineChartResolution","defaultDisplay","SideMetricsSettings","getFormatter","getSideMetricsSettings","metrics","values","range","title","format","maxRange","lineBarMetricIDs","filter","m","type","map","id","stackedBarMetricIDs","reduce","sum","metricValues","includes","metricId","Math","max","acc","v","length","stackChartMetricValues","metric","summedStackedMetrics","value","i","undefined","sums","step","formatter","push","width","maxValue","LineChartStore","constructor","isInit","display","periods","resolution","left","right","hoveredIndex","init","props","mv","find","isRight","opts","valuesOpts","titleY","yLeftFormat","maxRangeRight","titleYRight","yRightFormat","setHoveredIndex","index","isHovered"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"svg.store.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,qBACa,QAAQ;IACL,GAAG,SAAK;IACR,MAAM,SAAK;IACX,OAAO,SAAK;IACZ,QAAQ,SAAK;IAEzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,aAAa,CAAK;;IAMlB,IAAI,WACA,MAAM,WACL,WAAW,EAAE,gBACR,MAAM,iBACL,MAAM,UAoBvB;IAEF,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI9B,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM;IAO5C,GAAG,QAAS,MAAM,KAAG,MAAM,CAEzB;IAEF,GAAG,QAAS,MAAM,KAAG,MAAM,CAEzB;CACL"}
+{"version":3,"file":"svg.store.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,qBACa,QAAQ;IACL,GAAG,SAAK;IACR,MAAM,SAAK;IACX,OAAO,SAAK;IACZ,QAAQ,SAAK;IAEzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,aAAa,CAAK;;IAMlB,IAAI,GACR,QAAQ,MAAM,EACd,SAAS,WAAW,EAAE,EACtB,cAAc,MAAM,EACpB,eAAe,MAAM,UAoBvB;IAEF,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI9B,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM;IAO5C,GAAG,GAAI,KAAK,MAAM,KAAG,MAAM,CAEzB;IAEF,GAAG,GAAI,KAAK,MAAM,KAAG,MAAM,CAEzB;CACL"}

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

@@ -1,131 +1,89 @@
-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';
 const barRelativeWidth = 0.8;
 const maxBarWidth = 7;
-let SvgStore = class SvgStore {
-    constructor() {
-        Object.defineProperty(this, "key", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "length", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 1
-        });
-        Object.defineProperty(this, "xOffset", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "barWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "fullBarWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "maxValueLeft", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "maxValueRight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "init", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (length, metrics, maxValueLeft, maxValueRight) => {
-                this.length = length || 1;
-                this.key = Date.now();
-                const hasBars = !!metrics.filter(m => m.type === 'bar' || m.type === 'stacked-bar' || m.type === 'grouped-bar').length;
-                if (hasBars) {
-                    this.fullBarWidth = 100 / this.length;
-                    this.xOffset = this.fullBarWidth / 2;
-                }
-                else {
-                    this.fullBarWidth = 100 / (this.length - 1);
-                    this.xOffset = 0;
-                }
-                this.barWidth = Math.min(barRelativeWidth * this.fullBarWidth, maxBarWidth);
-                this.maxValueLeft = maxValueLeft;
-                this.maxValueRight = maxValueRight;
-            }
-        });
-        Object.defineProperty(this, "fpx", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (val) => {
-                return val.toFixed(1);
-            }
-        });
-        Object.defineProperty(this, "fpy", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (val) => {
-                return (100 - val).toFixed(1);
-            }
-        });
-        makeObservable(this);
-    }
+export class SvgStore {
     periodX(index) {
         return this.xOffset + this.fullBarWidth * index;
     }
     periodY(m, ind) {
         const value = ind < 0 || ind >= m.values.length ? 0 : m.values[ind];
         const maxValue = m.isRight ? this.maxValueRight : this.maxValueLeft;
-        return value && maxValue ? (100 * value) / maxValue : 0;
+        return value && maxValue ? 100 * value / maxValue : 0;
+    }
+    constructor(){
+        _define_property(this, "key", 0);
+        _define_property(this, "length", 1);
+        _define_property(this, "xOffset", 0);
+        _define_property(this, "barWidth", 0);
+        _define_property(this, "fullBarWidth", 0);
+        _define_property(this, "maxValueLeft", 0);
+        _define_property(this, "maxValueRight", 0);
+        _define_property(this, "init", (length, metrics, maxValueLeft, maxValueRight)=>{
+            this.length = length || 1;
+            this.key = Date.now();
+            const hasBars = !!metrics.filter((m)=>m.type === 'bar' || m.type === 'stacked-bar' || m.type === 'grouped-bar').length;
+            if (hasBars) {
+                this.fullBarWidth = 100 / this.length;
+                this.xOffset = this.fullBarWidth / 2;
+            } else {
+                this.fullBarWidth = 100 / (this.length - 1);
+                this.xOffset = 0;
+            }
+            this.barWidth = Math.min(barRelativeWidth * this.fullBarWidth, maxBarWidth);
+            this.maxValueLeft = maxValueLeft;
+            this.maxValueRight = maxValueRight;
+        });
+        _define_property(this, "fpx", (val)=>{
+            return val.toFixed(1);
+        });
+        _define_property(this, "fpy", (val)=>{
+            return (100 - val).toFixed(1);
+        });
+        makeObservable(this);
     }
-};
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+}
+_ts_decorate([
+    observable
 ], SvgStore.prototype, "key", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SvgStore.prototype, "length", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SvgStore.prototype, "xOffset", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], SvgStore.prototype, "barWidth", void 0);
-__decorate([
-    action,
-    __metadata("design:type", Object)
+_ts_decorate([
+    action
 ], SvgStore.prototype, "init", void 0);
-SvgStore = __decorate([
+SvgStore = _ts_decorate([
     injectable(),
-    __metadata("design:paramtypes", [])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [])
 ], SvgStore);
-export { SvgStore };
+
 //# sourceMappingURL=svg.store.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"svg.store.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/stores/svg.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { action, observable, makeObservable } from 'mobx';\nimport { ChartMetric } from '../utils/internal-interfaces';\n\nconst barRelativeWidth = 0.8;\nconst maxBarWidth = 7;\n\n@injectable()\nexport class SvgStore {\n    @observable key = 0;\n    @observable length = 1;\n    @observable xOffset = 0;\n    @observable barWidth = 0;\n\n    private fullBarWidth = 0;\n    private maxValueLeft = 0;\n    private maxValueRight = 0;\n\n    constructor() {\n        makeObservable(this);\n    }\n\n    @action init = (\n        length: number,\n        metrics: ChartMetric[],\n        maxValueLeft: number,\n        maxValueRight: number\n    ) => {\n        this.length = length || 1;\n        this.key = Date.now();\n\n        const hasBars = !!metrics.filter(\n            m => m.type === 'bar' || m.type === 'stacked-bar' || m.type === 'grouped-bar'\n        ).length;\n\n        if (hasBars) {\n            this.fullBarWidth = 100 / this.length;\n            this.xOffset = this.fullBarWidth / 2;\n        } else {\n            this.fullBarWidth = 100 / (this.length - 1);\n            this.xOffset = 0;\n        }\n\n        this.barWidth = Math.min(barRelativeWidth * this.fullBarWidth, maxBarWidth);\n        this.maxValueLeft = maxValueLeft;\n        this.maxValueRight = maxValueRight;\n    };\n\n    periodX(index: number): number {\n        return this.xOffset + this.fullBarWidth * index;\n    }\n\n    periodY(m: ChartMetric, ind: number): number {\n        const value = ind < 0 || ind >= m.values.length ? 0 : m.values[ind];\n        const maxValue = m.isRight ? this.maxValueRight : this.maxValueLeft;\n\n        return value && maxValue ? (100 * value) / maxValue : 0;\n    }\n\n    fpx = (val: number): string => {\n        return val.toFixed(1);\n    };\n\n    fpy = (val: number): string => {\n        return (100 - val).toFixed(1);\n    };\n}\n"],"names":["injectable","action","observable","makeObservable","barRelativeWidth","maxBarWidth","SvgStore","periodX","index","xOffset","fullBarWidth","periodY","m","ind","value","values","length","maxValue","isRight","maxValueRight","maxValueLeft","constructor","key","barWidth","init","metrics","Date","now","hasBars","filter","type","Math","min","fpx","val","toFixed","fpy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,EAAEC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AAG1D,MAAMC,mBAAmB;AACzB,MAAMC,cAAc;AAGpB,OAAO,MAAMC;IAwCTC,QAAQC,KAAa,EAAU;QAC3B,OAAO,IAAI,CAACC,OAAO,GAAG,IAAI,CAACC,YAAY,GAAGF;IAC9C;IAEAG,QAAQC,CAAc,EAAEC,GAAW,EAAU;QACzC,MAAMC,QAAQD,MAAM,KAAKA,OAAOD,EAAEG,MAAM,CAACC,MAAM,GAAG,IAAIJ,EAAEG,MAAM,CAACF,IAAI;QACnE,MAAMI,WAAWL,EAAEM,OAAO,GAAG,IAAI,CAACC,aAAa,GAAG,IAAI,CAACC,YAAY;QAEnE,OAAON,SAASG,WAAW,AAAC,MAAMH,QAASG,WAAW;IAC1D;IAvCAI,aAAc;QATd,uBAAYC,OAAM;QAClB,uBAAYN,UAAS;QACrB,uBAAYP,WAAU;QACtB,uBAAYc,YAAW;QAEvB,uBAAQb,gBAAe;QACvB,uBAAQU,gBAAe;QACvB,uBAAQD,iBAAgB;QAMxB,uBAAQK,QAAO,CACXR,QACAS,SACAL,cACAD;YAEA,IAAI,CAACH,MAAM,GAAGA,UAAU;YACxB,IAAI,CAACM,GAAG,GAAGI,KAAKC,GAAG;YAEnB,MAAMC,UAAU,CAAC,CAACH,QAAQI,MAAM,CAC5BjB,CAAAA,IAAKA,EAAEkB,IAAI,KAAK,SAASlB,EAAEkB,IAAI,KAAK,iBAAiBlB,EAAEkB,IAAI,KAAK,eAClEd,MAAM;YAER,IAAIY,SAAS;gBACT,IAAI,CAAClB,YAAY,GAAG,MAAM,IAAI,CAACM,MAAM;gBACrC,IAAI,CAACP,OAAO,GAAG,IAAI,CAACC,YAAY,GAAG;YACvC,OAAO;gBACH,IAAI,CAACA,YAAY,GAAG,MAAO,CAAA,IAAI,CAACM,MAAM,GAAG,CAAA;gBACzC,IAAI,CAACP,OAAO,GAAG;YACnB;YAEA,IAAI,CAACc,QAAQ,GAAGQ,KAAKC,GAAG,CAAC5B,mBAAmB,IAAI,CAACM,YAAY,EAAEL;YAC/D,IAAI,CAACe,YAAY,GAAGA;YACpB,IAAI,CAACD,aAAa,GAAGA;QACzB;QAaAc,uBAAAA,OAAM,CAACC;YACH,OAAOA,IAAIC,OAAO,CAAC;QACvB;QAEAC,uBAAAA,OAAM,CAACF;YACH,OAAO,AAAC,CAAA,MAAMA,GAAE,EAAGC,OAAO,CAAC;QAC/B;QA9CIhC,eAAe,IAAI;IACvB;AA8CJ"}

package/dist/components/charts/line-chart/utils/const.js

@@ -2,12 +2,13 @@ export const chartResolutionTitles = {
     hour: 'by hour',
     day: 'by day',
     week: 'by week',
-    month: 'by month',
+    month: 'by month'
 };
-export const defaultDisplay = () => ({
-    xLabels: true,
-    yGrid: true,
-    yLeft: true,
-    yRight: true,
-});
+export const defaultDisplay = ()=>({
+        xLabels: true,
+        yGrid: true,
+        yLeft: true,
+        yRight: true
+    });
+
 //# sourceMappingURL=const.js.map

package/dist/components/charts/line-chart/utils/const.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACtE,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE,CAAC,CAAC;IACnD,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;CACf,CAAC,CAAC"}
+{"version":3,"sources":["../../../../../src/components/charts/line-chart/utils/const.ts"],"sourcesContent":["import { LineChartResolution, LineChartDisplay } from './interfaces';\n\nexport const chartResolutionTitles: Record<LineChartResolution, string> = {\n    hour: 'by hour',\n    day: 'by day',\n    week: 'by week',\n    month: 'by month',\n};\n\nexport const defaultDisplay = (): LineChartDisplay => ({\n    xLabels: true,\n    yGrid: true,\n    yLeft: true,\n    yRight: true,\n});\n"],"names":["chartResolutionTitles","hour","day","week","month","defaultDisplay","xLabels","yGrid","yLeft","yRight"],"mappings":"AAEA,OAAO,MAAMA,wBAA6D;IACtEC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,OAAO;AACX,EAAE;AAEF,OAAO,MAAMC,iBAAiB,IAAyB,CAAA;QACnDC,SAAS;QACTC,OAAO;QACPC,OAAO;QACPC,QAAQ;IACZ,CAAA,EAAG"}

package/dist/components/charts/line-chart/utils/formatters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/formatters.ts"],"names":[],"mappings":"AACA,OAAO,EACH,2BAA2B,EAC3B,8BAA8B,EAC9B,kCAAkC,EACrC,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,MAAM,CAC3B,kCAAkC,EAClC,8BAA8B,CAkBjC,CAAC;AAEF,eAAO,MAAM,YAAY,YACZ,2BAA2B,KACrC,8BAKwB,CAAC"}
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/line-chart/utils/formatters.ts"],"names":[],"mappings":"AACA,OAAO,EACH,2BAA2B,EAC3B,8BAA8B,EAC9B,kCAAkC,EACrC,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,MAAM,CAC3B,kCAAkC,EAClC,8BAA8B,CAkBjC,CAAC;AAEF,eAAO,MAAM,YAAY,GACrB,SAAS,2BAA2B,KACrC,8BAKwB,CAAC"}

package/dist/components/charts/line-chart/utils/formatters.js

@@ -1,22 +1,24 @@
 import { formatMoney } from 'accounting';
 export const formatters = {
-    number: (value) => Math.round(value).toLocaleString(),
-    money: (value) => formatMoney(value, undefined, 0),
-    moneyShort: (value) => {
-        const postfixes = ['', 'K', 'M', 'B'];
+    number: (value)=>Math.round(value).toLocaleString(),
+    money: (value)=>formatMoney(value, undefined, 0),
+    moneyShort: (value)=>{
+        const postfixes = [
+            '',
+            'K',
+            'M',
+            'B'
+        ];
         let val = value;
-        for (let i = 0; i < postfixes.length; i++) {
+        for(let i = 0; i < postfixes.length; i++){
             if (val < 1000 || i === postfixes.length - 1) {
                 return formatMoney(Math.round(val), undefined, 0) + postfixes[i];
             }
             val = val / 1000;
         }
         return '';
-    },
+    }
 };
-export const getFormatter = (format) => format
-    ? typeof format === 'string'
-        ? formatters[format] || formatters.number
-        : format
-    : formatters.number;
+export const getFormatter = (format)=>format ? typeof format === 'string' ? formatters[format] || formatters.number : format : formatters.number;
+
 //# sourceMappingURL=formatters.js.map