@alixpartners/ui-components 1.22.0 → 1.22.1

package/dist/esm/components/ApWidgets/ApTrendChartWidget/ApTrendChartWidget.js

@@ -1,211 +1,211 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartItem = exports.ApTrendChartWidget = void 0;
-var React = require("react");
-var theme_1 = require("../../../utils/theme");
-var utils_1 = require("./utils");
-var ApLoaderDefault_1 = require("../../ApLoaderDefault");
-var ApLoaderText_1 = require("../../ApLoaderText");
-var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
-var ApWidgetCard_1 = require("../ApWidgetCard");
-var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
-var ApWidgetName_1 = require("../ApWidgetName");
-var styles_1 = require("./styles");
-var MIN_BAR_CHART_ITEMS_COUNT = 2;
-var RESIZE_TIMEOUT_DELAY = 500;
-var SMALL_FONT_THRESHOLD = 16;
-var MEDIUM_FONT_THRESHOLD = 10;
-var ApTrendChartWidget = /** @class */ (function (_super) {
-    __extends(ApTrendChartWidget, _super);
-    function ApTrendChartWidget() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            height: styles_1.LINE_CHART_MIN_HEIGHT,
-            width: 200,
-        };
-        _this.ref = React.createRef();
-        _this.handleResize = function () {
-            if (_this.resizeTimeoutHandle) {
-                clearTimeout(_this.resizeTimeoutHandle);
-            }
-            _this.resizeTimeoutHandle = setTimeout(function () {
-                _this.setChartWidth();
-                _this.resizeTimeoutHandle = null;
-            }, RESIZE_TIMEOUT_DELAY);
-        };
-        return _this;
-    }
-    ApTrendChartWidget.prototype.componentDidUpdate = function () {
-        this.setChartWidth();
-    };
-    ApTrendChartWidget.prototype.componentDidMount = function () {
-        this.setChartWidth();
-        if (window) {
-            window.addEventListener('resize', this.handleResize);
-        }
-    };
-    ApTrendChartWidget.prototype.componentWillUnmount = function () {
-        if (window) {
-            window.removeEventListener('resize', this.handleResize);
-        }
-    };
-    ApTrendChartWidget.prototype.render = function () {
-        var _a = this.props, data = _a.data, dataError = _a.dataError, config = _a.config, props = __rest(_a, ["data", "dataError", "config"]);
-        return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
-            React.createElement(styles_1.StyledWidgetWrapper, null,
-                config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
-                dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
-                    React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !data ? (React.createElement(styles_1.StyledWidgetBody, null,
-                    React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : data.list.length > MIN_BAR_CHART_ITEMS_COUNT ? (this.renderLineChartContent(data)) : (this.renderBarChartContent(data)))));
-    };
-    ApTrendChartWidget.prototype.setChartWidth = function () {
-        if (this.ref.current &&
-            (this.ref.current.clientWidth !== this.state.width ||
-                this.ref.current.clientHeight !== this.state.height)) {
-            this.setState({
-                height: this.ref.current.clientHeight,
-                width: this.ref.current.clientWidth,
-            });
-        }
-    };
-    ApTrendChartWidget.prototype.getValueTextSize = function (value) {
-        var isSmallText = value.length > SMALL_FONT_THRESHOLD - 1;
-        var isMediumText = value.length > MEDIUM_FONT_THRESHOLD &&
-            value.length < SMALL_FONT_THRESHOLD;
-        return isSmallText ? 's' : isMediumText ? 'm' : 'l';
-    };
-    ApTrendChartWidget.prototype.renderBarChartContent = function (data) {
-        var list = data.list, value = data.value;
-        var values = list.map(function (_a) {
-            var chartValue = _a.value;
-            return chartValue;
-        });
-        var valueTextSize = this.getValueTextSize(value);
-        var maxValue = Math.max.apply(Math, __spread(values));
-        var yScale = utils_1.scaleLinear({
-            domain: [0, maxValue],
-            range: [0, 100],
-        });
-        return (React.createElement(styles_1.Wrapper, null,
-            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, { size: valueTextSize }, value),
-            React.createElement(styles_1.BarChartWrapper, null, list.map(function (_a, idx) {
-                var name = _a.name, label = _a.label, chartValue = _a.value;
-                return (React.createElement(exports.BarChartItem, { key: name + label, height: yScale(chartValue), name: name, label: label }));
-            }))));
-    };
-    ApTrendChartWidget.prototype.renderLineChartContent = function (data) {
-        var list = data.list, value = data.value;
-        var _a = this.state, width = _a.width, height = _a.height;
-        var chartHeight = Math.max(styles_1.LINE_CHART_MIN_HEIGHT, height);
-        var values = list.map(function (_a) {
-            var chartValue = _a.value;
-            return chartValue;
-        });
-        var minValue = Math.min.apply(Math, __spread(values));
-        var maxValue = Math.max.apply(Math, __spread(values));
-        var valueTextSize = this.getValueTextSize(value);
-        var yScale = utils_1.scaleLinear({
-            domain: [minValue, maxValue],
-            range: [chartHeight, 0],
-        });
-        var prevPoint;
-        var lines = [];
-        var circles = [];
-        if (!width) {
-            return null;
-        }
-        var sectionsCount = list.length - 1;
-        var sectionWidth = (1 / sectionsCount) * 100;
-        list.forEach(function (_a, idx) {
-            var name = _a.name, chartValue = _a.value;
-            var w = width || 0;
-            var x2 = (w * idx) / sectionsCount;
-            var y2 = yScale(chartValue);
-            var line = !!prevPoint && (React.createElement(styles_1.Line, { key: name + idx, stroke: theme_1.colors.blue, x1: prevPoint.x, y1: prevPoint.y, x2: x2, y2: y2 }));
-            var circle = (React.createElement(styles_1.Circle, { key: name + idx, fill: theme_1.colors.blue, cx: x2, cy: y2, r: "5" }));
-            prevPoint = { x: x2, y: y2 };
-            lines.push(line);
-            circles.push(circle);
-        });
-        return (React.createElement(styles_1.Wrapper, null,
-            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, { size: valueTextSize }, value),
-            React.createElement(styles_1.ChartWrapper, null,
-                React.createElement(styles_1.ChartBodyWrapper, { ref: this.ref },
-                    React.createElement(styles_1.Svg, { viewBox: "0 0 " + width + " " + chartHeight },
-                        lines,
-                        circles),
-                    list.map(function (_a, idx) {
-                        var name = _a.name, chartValue = _a.value, label = _a.label;
-                        return (React.createElement(styles_1.ChartItem, { key: name + label, x: idx * sectionWidth, y: yScale(chartValue) }, label));
-                    })),
-                React.createElement(styles_1.ChartBottomAxisWrapper, null, list.map(function (_a, idx) {
-                    var name = _a.name, label = _a.label;
-                    return (React.createElement(styles_1.ChartScaleItem, { key: name + label, x: idx * sectionWidth }, name));
-                })))));
-    };
-    return ApTrendChartWidget;
-}(React.Component));
-exports.ApTrendChartWidget = ApTrendChartWidget;
-exports.BarChartItem = function (_a) {
-    var height = _a.height, name = _a.name, label = _a.label;
-    return (React.createElement(styles_1.BarChartItemWrapper, null,
-        React.createElement(styles_1.BarChartMarker, { height: height },
-            React.createElement(styles_1.BarChartItemLabel, null, label),
-            React.createElement(styles_1.BarChartItemName, null, name))));
-};
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChartItem = exports.ApTrendChartWidget = void 0;
+var React = require("react");
+var theme_1 = require("../../../utils/theme");
+var utils_1 = require("./utils");
+var ApLoaderDefault_1 = require("../../ApLoaderDefault");
+var ApLoaderText_1 = require("../../ApLoaderText");
+var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
+var ApWidgetCard_1 = require("../ApWidgetCard");
+var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var styles_1 = require("./styles");
+var MIN_BAR_CHART_ITEMS_COUNT = 2;
+var RESIZE_TIMEOUT_DELAY = 500;
+var SMALL_FONT_THRESHOLD = 16;
+var MEDIUM_FONT_THRESHOLD = 10;
+var ApTrendChartWidget = /** @class */ (function (_super) {
+    __extends(ApTrendChartWidget, _super);
+    function ApTrendChartWidget() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            height: styles_1.LINE_CHART_MIN_HEIGHT,
+            width: 200,
+        };
+        _this.ref = React.createRef();
+        _this.handleResize = function () {
+            if (_this.resizeTimeoutHandle) {
+                clearTimeout(_this.resizeTimeoutHandle);
+            }
+            _this.resizeTimeoutHandle = setTimeout(function () {
+                _this.setChartWidth();
+                _this.resizeTimeoutHandle = null;
+            }, RESIZE_TIMEOUT_DELAY);
+        };
+        return _this;
+    }
+    ApTrendChartWidget.prototype.componentDidUpdate = function () {
+        this.setChartWidth();
+    };
+    ApTrendChartWidget.prototype.componentDidMount = function () {
+        this.setChartWidth();
+        if (window) {
+            window.addEventListener('resize', this.handleResize);
+        }
+    };
+    ApTrendChartWidget.prototype.componentWillUnmount = function () {
+        if (window) {
+            window.removeEventListener('resize', this.handleResize);
+        }
+    };
+    ApTrendChartWidget.prototype.render = function () {
+        var _a = this.props, data = _a.data, dataError = _a.dataError, config = _a.config, props = __rest(_a, ["data", "dataError", "config"]);
+        return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+            React.createElement(styles_1.StyledWidgetWrapper, null,
+                config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
+                dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
+                    React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !data ? (React.createElement(styles_1.StyledWidgetBody, null,
+                    React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : data.list.length > MIN_BAR_CHART_ITEMS_COUNT ? (this.renderLineChartContent(data)) : (this.renderBarChartContent(data)))));
+    };
+    ApTrendChartWidget.prototype.setChartWidth = function () {
+        if (this.ref.current &&
+            (this.ref.current.clientWidth !== this.state.width ||
+                this.ref.current.clientHeight !== this.state.height)) {
+            this.setState({
+                height: this.ref.current.clientHeight,
+                width: this.ref.current.clientWidth,
+            });
+        }
+    };
+    ApTrendChartWidget.prototype.getValueTextSize = function (value) {
+        var isSmallText = value.length > SMALL_FONT_THRESHOLD - 1;
+        var isMediumText = value.length > MEDIUM_FONT_THRESHOLD &&
+            value.length < SMALL_FONT_THRESHOLD;
+        return isSmallText ? 's' : isMediumText ? 'm' : 'l';
+    };
+    ApTrendChartWidget.prototype.renderBarChartContent = function (data) {
+        var list = data.list, value = data.value;
+        var values = list.map(function (_a) {
+            var chartValue = _a.value;
+            return chartValue;
+        });
+        var valueTextSize = this.getValueTextSize(value);
+        var maxValue = Math.max.apply(Math, __spread(values));
+        var yScale = utils_1.scaleLinear({
+            domain: [0, maxValue],
+            range: [0, 100],
+        });
+        return (React.createElement(styles_1.Wrapper, null,
+            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, { size: valueTextSize }, value),
+            React.createElement(styles_1.BarChartWrapper, null, list.map(function (_a, idx) {
+                var name = _a.name, label = _a.label, chartValue = _a.value;
+                return (React.createElement(exports.BarChartItem, { key: name + label, height: yScale(chartValue), name: name, label: label }));
+            }))));
+    };
+    ApTrendChartWidget.prototype.renderLineChartContent = function (data) {
+        var list = data.list, value = data.value;
+        var _a = this.state, width = _a.width, height = _a.height;
+        var chartHeight = Math.max(styles_1.LINE_CHART_MIN_HEIGHT, height);
+        var values = list.map(function (_a) {
+            var chartValue = _a.value;
+            return chartValue;
+        });
+        var minValue = Math.min.apply(Math, __spread(values));
+        var maxValue = Math.max.apply(Math, __spread(values));
+        var valueTextSize = this.getValueTextSize(value);
+        var yScale = utils_1.scaleLinear({
+            domain: [minValue, maxValue],
+            range: [chartHeight, 0],
+        });
+        var prevPoint;
+        var lines = [];
+        var circles = [];
+        if (!width) {
+            return null;
+        }
+        var sectionsCount = list.length - 1;
+        var sectionWidth = (1 / sectionsCount) * 100;
+        list.forEach(function (_a, idx) {
+            var name = _a.name, chartValue = _a.value;
+            var w = width || 0;
+            var x2 = (w * idx) / sectionsCount;
+            var y2 = yScale(chartValue);
+            var line = !!prevPoint && (React.createElement(styles_1.Line, { key: name + idx, stroke: theme_1.colors.blue, x1: prevPoint.x, y1: prevPoint.y, x2: x2, y2: y2 }));
+            var circle = (React.createElement(styles_1.Circle, { key: name + idx, fill: theme_1.colors.blue, cx: x2, cy: y2, r: "5" }));
+            prevPoint = { x: x2, y: y2 };
+            lines.push(line);
+            circles.push(circle);
+        });
+        return (React.createElement(styles_1.Wrapper, null,
+            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, { size: valueTextSize }, value),
+            React.createElement(styles_1.ChartWrapper, null,
+                React.createElement(styles_1.ChartBodyWrapper, { ref: this.ref },
+                    React.createElement(styles_1.Svg, { viewBox: "0 0 " + width + " " + chartHeight },
+                        lines,
+                        circles),
+                    list.map(function (_a, idx) {
+                        var name = _a.name, chartValue = _a.value, label = _a.label;
+                        return (React.createElement(styles_1.ChartItem, { key: name + label, x: idx * sectionWidth, y: yScale(chartValue) }, label));
+                    })),
+                React.createElement(styles_1.ChartBottomAxisWrapper, null, list.map(function (_a, idx) {
+                    var name = _a.name, label = _a.label;
+                    return (React.createElement(styles_1.ChartScaleItem, { key: name + label, x: idx * sectionWidth }, name));
+                })))));
+    };
+    return ApTrendChartWidget;
+}(React.Component));
+exports.ApTrendChartWidget = ApTrendChartWidget;
+exports.BarChartItem = function (_a) {
+    var height = _a.height, name = _a.name, label = _a.label;
+    return (React.createElement(styles_1.BarChartItemWrapper, null,
+        React.createElement(styles_1.BarChartMarker, { height: height },
+            React.createElement(styles_1.BarChartItemLabel, null, label),
+            React.createElement(styles_1.BarChartItemName, null, name))));
+};
 //# sourceMappingURL=ApTrendChartWidget.js.map

package/dist/esm/components/ApWidgets/ApTrendChartWidget/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApTrendChartWidget"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApTrendChartWidget"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApWidgets/ApTrendChartWidget/mockData.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.props = void 0;
-var ApWidgetIcon_1 = require("../ApWidgetIcon");
-exports.props = {
-    config: {
-        iconType: ApWidgetIcon_1.ApWidgetIconTypes.sxr,
-        name: 'Total Spend (All Years)',
-    },
-    data: {
-        list: [
-            { name: '2017', label: '$2M', value: 2000000 },
-            { name: '2018', label: '$5M', value: 5000000 },
-            { name: '2019', label: '$30M', value: 30000000 },
-            { name: '2020', label: '$2M', value: 2000000 },
-        ],
-        value: '$6M',
-    },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+exports.props = {
+    config: {
+        iconType: ApWidgetIcon_1.ApWidgetIconTypes.sxr,
+        name: 'Total Spend (All Years)',
+    },
+    data: {
+        list: [
+            { name: '2017', label: '$2M', value: 2000000 },
+            { name: '2018', label: '$5M', value: 5000000 },
+            { name: '2019', label: '$30M', value: 30000000 },
+            { name: '2020', label: '$2M', value: 2000000 },
+        ],
+        value: '$6M',
+    },
+};
 //# sourceMappingURL=mockData.js.map

package/dist/esm/components/ApWidgets/ApTrendChartWidget/styles.js

@@ -1,56 +1,56 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChartItemLabel = exports.BarChartItemName = exports.BarChartMarker = exports.BarChartItemWrapper = exports.BarChartWrapper = exports.StyledWidgetWrapper = exports.PinkOne = exports.StyledWidgetBody = exports.Circle = exports.Line = exports.Svg = exports.ChartBottomAxisWrapper = exports.ChartBodyWrapper = exports.ChartWrapper = exports.ChartScaleItem = exports.ChartItem = exports.ValueBkp = exports.Value = exports.Wrapper = exports.LINE_CHART_MIN_HEIGHT = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.LINE_CHART_MIN_HEIGHT = 40;
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])));
-exports.Value = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  svg {\n    width: 100%;\n    height: auto;\n  }\n\n  text {\n    transform: translate(0, 50px);\n    font-size: 40px;\n    fill: ", ";\n    font-weight: 500;\n  }\n"], ["\n  svg {\n    width: 100%;\n    height: auto;\n  }\n\n  text {\n    transform: translate(0, 50px);\n    font-size: 40px;\n    fill: ", ";\n    font-weight: 500;\n  }\n"])), theme_1.colors.grey7);
-exports.ValueBkp = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 83px;\n  font-weight: 500;\n  line-height: 88px;\n  letter-spacing: 0.03px;\n  color: ", ";\n  max-height: 90px;\n  flex: 1;\n  position: relative;\n\n  ", ";\n"], ["\n  font-size: 83px;\n  font-weight: 500;\n  line-height: 88px;\n  letter-spacing: 0.03px;\n  color: ", ";\n  max-height: 90px;\n  flex: 1;\n  position: relative;\n\n  ",
-    ";\n"])), theme_1.colors.grey7, function (_a) {
-    var _b = _a.isSmall, isSmall = _b === void 0 ? false : _b, _c = _a.isMedium, isMedium = _c === void 0 ? false : _c;
-    if (isSmall) {
-        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        font-size: 40px;\n      "], ["\n        font-size: 40px;\n      "])));
-    }
-    if (isMedium) {
-        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        font-size: 60px;\n      "], ["\n        font-size: 60px;\n      "])));
-    }
-    return null;
-});
-exports.ChartItem = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  margin-left: -17px;\n  margin-top: -27px;\n  width: 34px;\n  height: 20px;\n  list-style: none;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"], ["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  margin-left: -17px;\n  margin-top: -27px;\n  width: 34px;\n  height: 20px;\n  list-style: none;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"])), function (_a) {
-    var y = _a.y;
-    return y + "px";
-}, function (_a) {
-    var x = _a.x;
-    return x + "%";
-}, theme_1.colors.grey5);
-exports.ChartScaleItem = styled_components_1.default(exports.ChartItem)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  top: auto;\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n  font-weight: normal;\n  margin-top: 0;\n"], ["\n  top: auto;\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n  font-weight: normal;\n  margin-top: 0;\n"])), theme_1.colors.grey5);
-exports.ChartWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.ChartBodyWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-height: ", "px;\n  flex: 1;\n  position: relative;\n  margin: 40px 20px 50px;\n"], ["\n  min-height: ", "px;\n  flex: 1;\n  position: relative;\n  margin: 40px 20px 50px;\n"])), exports.LINE_CHART_MIN_HEIGHT);
-exports.ChartBottomAxisWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin: 0 20px;\n  position: absolute;\n  bottom: 12px;\n  right: 0;\n  left: 0;\n"], ["\n  margin: 0 20px;\n  position: absolute;\n  bottom: 12px;\n  right: 0;\n  left: 0;\n"])));
-exports.Svg = styled_components_1.default.svg(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  overflow: visible;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  overflow: visible;\n"])));
-exports.Line = styled_components_1.default.line(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  stroke: ", ";\n  stroke-width: 1;\n"], ["\n  stroke: ", ";\n  stroke-width: 1;\n"])), function (_a) {
-    var stroke = _a.stroke;
-    return stroke || theme_1.colors.blue;
-});
-exports.Circle = styled_components_1.default.circle(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  stroke: white;\n  stroke-width: 2;\n  fill: ", ";\n"], ["\n  stroke: white;\n  stroke-width: 2;\n  fill: ", ";\n"])), function (_a) {
-    var fill = _a.fill;
-    return fill || theme_1.colors.blue;
-});
-exports.StyledWidgetBody = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n"], ["\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n"])));
-exports.PinkOne = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  flex: 1;\n  position: relative;\n"], ["\n  flex: 1;\n  position: relative;\n"])));
-exports.StyledWidgetWrapper = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: relative;\n"])));
-exports.BarChartWrapper = styled_components_1.default.ul(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  min-height: ", "px;\n  margin-top: 40px;\n  margin-bottom: 18px;\n\n  flex: 1;\n  position: relative;\n  padding: 0;\n"], ["\n  display: flex;\n  flex-direction: row;\n  min-height: ", "px;\n  margin-top: 40px;\n  margin-bottom: 18px;\n\n  flex: 1;\n  position: relative;\n  padding: 0;\n"])), exports.LINE_CHART_MIN_HEIGHT);
-exports.BarChartItemWrapper = styled_components_1.default.li(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: block;\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  margin-right: 17px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"], ["\n  display: block;\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  margin-right: 17px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])));
-exports.BarChartMarker = styled_components_1.default.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: ", ";\n  background: ", ";\n  transition: height 0.3s ease-in-out;\n  width: 100%;\n"], ["\n  display: block;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: ", ";\n  background: ", ";\n  transition: height 0.3s ease-in-out;\n  width: 100%;\n"])), function (_a) {
-    var height = _a.height;
-    return (height ? height + "%" : 0);
-}, theme_1.colors.blue);
-exports.BarChartItemName = styled_components_1.default.span(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: block;\n  text-align: center;\n  position: absolute;\n  bottom: -18px;\n  width: 100%;\n\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n"], ["\n  display: block;\n  text-align: center;\n  position: absolute;\n  bottom: -18px;\n  width: 100%;\n\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n"])), theme_1.colors.grey5);
-exports.BarChartItemLabel = styled_components_1.default.span(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  display: block;\n  text-align: center;\n  position: absolute;\n  top: -28px;\n  width: 100%;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"], ["\n  display: block;\n  text-align: center;\n  position: absolute;\n  top: -28px;\n  width: 100%;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"])), theme_1.colors.grey5);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChartItemLabel = exports.BarChartItemName = exports.BarChartMarker = exports.BarChartItemWrapper = exports.BarChartWrapper = exports.StyledWidgetWrapper = exports.PinkOne = exports.StyledWidgetBody = exports.Circle = exports.Line = exports.Svg = exports.ChartBottomAxisWrapper = exports.ChartBodyWrapper = exports.ChartWrapper = exports.ChartScaleItem = exports.ChartItem = exports.ValueBkp = exports.Value = exports.Wrapper = exports.LINE_CHART_MIN_HEIGHT = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.LINE_CHART_MIN_HEIGHT = 40;
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])));
+exports.Value = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  svg {\n    width: 100%;\n    height: auto;\n  }\n\n  text {\n    transform: translate(0, 50px);\n    font-size: 40px;\n    fill: ", ";\n    font-weight: 500;\n  }\n"], ["\n  svg {\n    width: 100%;\n    height: auto;\n  }\n\n  text {\n    transform: translate(0, 50px);\n    font-size: 40px;\n    fill: ", ";\n    font-weight: 500;\n  }\n"])), theme_1.colors.grey7);
+exports.ValueBkp = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 83px;\n  font-weight: 500;\n  line-height: 88px;\n  letter-spacing: 0.03px;\n  color: ", ";\n  max-height: 90px;\n  flex: 1;\n  position: relative;\n\n  ", ";\n"], ["\n  font-size: 83px;\n  font-weight: 500;\n  line-height: 88px;\n  letter-spacing: 0.03px;\n  color: ", ";\n  max-height: 90px;\n  flex: 1;\n  position: relative;\n\n  ",
+    ";\n"])), theme_1.colors.grey7, function (_a) {
+    var _b = _a.isSmall, isSmall = _b === void 0 ? false : _b, _c = _a.isMedium, isMedium = _c === void 0 ? false : _c;
+    if (isSmall) {
+        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        font-size: 40px;\n      "], ["\n        font-size: 40px;\n      "])));
+    }
+    if (isMedium) {
+        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        font-size: 60px;\n      "], ["\n        font-size: 60px;\n      "])));
+    }
+    return null;
+});
+exports.ChartItem = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  margin-left: -17px;\n  margin-top: -27px;\n  width: 34px;\n  height: 20px;\n  list-style: none;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"], ["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  margin-left: -17px;\n  margin-top: -27px;\n  width: 34px;\n  height: 20px;\n  list-style: none;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"])), function (_a) {
+    var y = _a.y;
+    return y + "px";
+}, function (_a) {
+    var x = _a.x;
+    return x + "%";
+}, theme_1.colors.grey5);
+exports.ChartScaleItem = styled_components_1.default(exports.ChartItem)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  top: auto;\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n  font-weight: normal;\n  margin-top: 0;\n"], ["\n  top: auto;\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n  font-weight: normal;\n  margin-top: 0;\n"])), theme_1.colors.grey5);
+exports.ChartWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+exports.ChartBodyWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-height: ", "px;\n  flex: 1;\n  position: relative;\n  margin: 40px 20px 50px;\n"], ["\n  min-height: ", "px;\n  flex: 1;\n  position: relative;\n  margin: 40px 20px 50px;\n"])), exports.LINE_CHART_MIN_HEIGHT);
+exports.ChartBottomAxisWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin: 0 20px;\n  position: absolute;\n  bottom: 12px;\n  right: 0;\n  left: 0;\n"], ["\n  margin: 0 20px;\n  position: absolute;\n  bottom: 12px;\n  right: 0;\n  left: 0;\n"])));
+exports.Svg = styled_components_1.default.svg(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  overflow: visible;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  overflow: visible;\n"])));
+exports.Line = styled_components_1.default.line(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  stroke: ", ";\n  stroke-width: 1;\n"], ["\n  stroke: ", ";\n  stroke-width: 1;\n"])), function (_a) {
+    var stroke = _a.stroke;
+    return stroke || theme_1.colors.blue;
+});
+exports.Circle = styled_components_1.default.circle(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  stroke: white;\n  stroke-width: 2;\n  fill: ", ";\n"], ["\n  stroke: white;\n  stroke-width: 2;\n  fill: ", ";\n"])), function (_a) {
+    var fill = _a.fill;
+    return fill || theme_1.colors.blue;
+});
+exports.StyledWidgetBody = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n"], ["\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n"])));
+exports.PinkOne = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  flex: 1;\n  position: relative;\n"], ["\n  flex: 1;\n  position: relative;\n"])));
+exports.StyledWidgetWrapper = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: relative;\n"])));
+exports.BarChartWrapper = styled_components_1.default.ul(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  min-height: ", "px;\n  margin-top: 40px;\n  margin-bottom: 18px;\n\n  flex: 1;\n  position: relative;\n  padding: 0;\n"], ["\n  display: flex;\n  flex-direction: row;\n  min-height: ", "px;\n  margin-top: 40px;\n  margin-bottom: 18px;\n\n  flex: 1;\n  position: relative;\n  padding: 0;\n"])), exports.LINE_CHART_MIN_HEIGHT);
+exports.BarChartItemWrapper = styled_components_1.default.li(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: block;\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  margin-right: 17px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"], ["\n  display: block;\n  position: relative;\n  height: 100%;\n  flex-grow: 1;\n  flex-basis: 0;\n  margin-right: 17px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])));
+exports.BarChartMarker = styled_components_1.default.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  display: block;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: ", ";\n  background: ", ";\n  transition: height 0.3s ease-in-out;\n  width: 100%;\n"], ["\n  display: block;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: ", ";\n  background: ", ";\n  transition: height 0.3s ease-in-out;\n  width: 100%;\n"])), function (_a) {
+    var height = _a.height;
+    return (height ? height + "%" : 0);
+}, theme_1.colors.blue);
+exports.BarChartItemName = styled_components_1.default.span(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: block;\n  text-align: center;\n  position: absolute;\n  bottom: -18px;\n  width: 100%;\n\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n"], ["\n  display: block;\n  text-align: center;\n  position: absolute;\n  bottom: -18px;\n  width: 100%;\n\n  color: ", ";\n  font-size: 11px;\n  line-height: 13px;\n"])), theme_1.colors.grey5);
+exports.BarChartItemLabel = styled_components_1.default.span(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  display: block;\n  text-align: center;\n  position: absolute;\n  top: -28px;\n  width: 100%;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"], ["\n  display: block;\n  text-align: center;\n  position: absolute;\n  top: -28px;\n  width: 100%;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 19px;\n"])), theme_1.colors.grey5);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21;
 //# sourceMappingURL=styles.js.map