@alixpartners/ui-components 1.22.0 → 1.22.2

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

@@ -1,15 +1,15 @@
-"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.TrendLabel = exports.TrendValue = exports.Trend = exports.Wrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 50%;\n  font-family: Roboto;\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 50%;\n  font-family: Roboto;\n"])));
-exports.Trend = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));
-exports.TrendValue = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.44px;\n  font-weight: 500;\n  color: ", ";\n  text-align: center;\n\n  svg {\n    position: relative;\n    top: 2px;\n    right: -2px;\n    padding-right: 3px;\n    width: 10px;\n    margin-right: 6px;\n  }\n"], ["\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.44px;\n  font-weight: 500;\n  color: ", ";\n  text-align: center;\n\n  svg {\n    position: relative;\n    top: 2px;\n    right: -2px;\n    padding-right: 3px;\n    width: 10px;\n    margin-right: 6px;\n  }\n"])), theme_1.colors.grey8);
-exports.TrendLabel = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n  white-space: nowrap;\n"], ["\n  font-size: 11px;\n  color: ", ";\n  white-space: nowrap;\n"])), theme_1.colors.grey5);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+"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.TrendLabel = exports.TrendValue = exports.Trend = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 50%;\n  font-family: Roboto;\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 50%;\n  font-family: Roboto;\n"])));
+exports.Trend = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n"])));
+exports.TrendValue = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.44px;\n  font-weight: 500;\n  color: ", ";\n  text-align: center;\n\n  svg {\n    position: relative;\n    top: 2px;\n    right: -2px;\n    padding-right: 3px;\n    width: 10px;\n    margin-right: 6px;\n  }\n"], ["\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.44px;\n  font-weight: 500;\n  color: ", ";\n  text-align: center;\n\n  svg {\n    position: relative;\n    top: 2px;\n    right: -2px;\n    padding-right: 3px;\n    width: 10px;\n    margin-right: 6px;\n  }\n"])), theme_1.colors.grey8);
+exports.TrendLabel = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n  white-space: nowrap;\n"], ["\n  font-size: 11px;\n  color: ", ";\n  white-space: nowrap;\n"])), theme_1.colors.grey5);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=styles.js.map

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

@@ -1,146 +1,146 @@
-"use strict";
-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 __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.ApWidgetChart = void 0;
-var Highcharts = require("highcharts");
-var highcharts_react_official_1 = require("highcharts-react-official");
-var React = require("react");
-// @ts-ignore
-var server_1 = require("react-dom/server");
-var theme_1 = require("../../../utils/theme");
-var ApWidgetChart_utils_1 = require("./ApWidgetChart.utils");
-var styles_1 = require("./styles");
-var defaultOptions = {
-    chart: {
-        height: 222,
-        type: 'column',
-    },
-    credits: {
-        enabled: false,
-    },
-    legend: {
-        align: 'center',
-        itemStyle: {
-            color: '#333333',
-            fontSize: '11px',
-            fontWeight: 'normal',
-        },
-        symbolRadius: 0,
-        verticalAlign: 'top',
-        x: 16,
-    },
-    plotOptions: {
-        column: {
-            borderWidth: 0,
-            groupPadding: 0.33,
-            pointPadding: 0,
-            pointWidth: 3,
-        },
-    },
-    series: [],
-    title: {
-        text: '',
-    },
-    tooltip: {
-        shared: true,
-        useHTML: true,
-    },
-    xAxis: {
-        labels: {
-            step: 1,
-            style: {
-                color: theme_1.colors.grey5,
-                fontSize: '11px',
-            },
-        },
-    },
-    yAxis: {
-        max: 100,
-        min: 0,
-        tickAmount: 5,
-        title: {
-            text: '',
-        },
-    },
-};
-exports.ApWidgetChart = function (_a) {
-    var data = _a.data, type = _a.type;
-    type = type || 'column';
-    var valueType = data && data[0] && data[0].valueType;
-    var currency = data && data[0] && data[0].currency;
-    var currentPeriodData = data.map(function (item) { return item.values[0]; });
-    var prevPeriodData = data.map(function (item) { return item.values[1] || 0; });
-    var maxValue = Math.max.apply(Math, __spread(currentPeriodData, prevPeriodData));
-    var minValue = Math.min.apply(Math, __spread(currentPeriodData, prevPeriodData));
-    var _b = ApWidgetChart_utils_1.getAxisMinMaxValues(maxValue, minValue, valueType), yAxisMax = _b.yAxisMax, yAxisMin = _b.yAxisMin;
-    var currentSeries = {
-        color: theme_1.colors.chartDarkBlue,
-        data: currentPeriodData,
-        marker: {
-            enabled: false,
-        },
-        name: 'Current period',
-    };
-    var prevSeries = {
-        color: theme_1.colors.chartLightBlue,
-        data: prevPeriodData,
-        marker: {
-            enabled: false,
-        },
-        name: 'Prior period',
-    };
-    var hasPrevSeries = prevPeriodData.filter(Boolean).length > 0;
-    var options = __assign(__assign({}, defaultOptions), { chart: __assign(__assign({}, defaultOptions.chart), { type: type }), series: hasPrevSeries ? [currentSeries, prevSeries] : [currentSeries], tooltip: __assign(__assign({}, defaultOptions.tooltip), { shared: true, useHTML: true, backgroundColor: theme_1.colors.white, formatter: function () {
-                var tooltip = this;
-                var points = (tooltip.points || []);
-                return server_1.renderToString(React.createElement(styles_1.TooltipContainer, null, points.map(function (point) {
-                    return point ? (React.createElement(styles_1.TooltipItem, { key: point.series.name + "-" + point.color },
-                        React.createElement("span", null,
-                            React.createElement(styles_1.TooltipColor, { color: point.color }),
-                            React.createElement(styles_1.TooltipItemName, null, point.series.name)),
-                        React.createElement(styles_1.TooltipItemValue, null, ApWidgetChart_utils_1.formatValue(point.y, valueType, currency)))) : null;
-                })));
-            } }), xAxis: __assign(__assign({}, defaultOptions.xAxis), { categories: data.map(function (item) { return item.label; }) }), yAxis: __assign(__assign({}, defaultOptions.yAxis), { endOnTick: true, labels: {
-                formatter: function () {
-                    var yAxis = this;
-                    return ApWidgetChart_utils_1.formatValue(yAxis.value, valueType, currency);
-                },
-                style: {
-                    color: theme_1.colors.grey5,
-                    fontSize: '11px',
-                },
-            }, max: yAxisMax, min: yAxisMin, startOnTick: true }) });
-    return (React.createElement(styles_1.Wrapper, null,
-        React.createElement(highcharts_react_official_1.default, { highcharts: Highcharts, options: options })));
-};
+"use strict";
+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 __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.ApWidgetChart = void 0;
+var Highcharts = require("highcharts");
+var highcharts_react_official_1 = require("highcharts-react-official");
+var React = require("react");
+// @ts-ignore
+var server_1 = require("react-dom/server");
+var theme_1 = require("../../../utils/theme");
+var ApWidgetChart_utils_1 = require("./ApWidgetChart.utils");
+var styles_1 = require("./styles");
+var defaultOptions = {
+    chart: {
+        height: 222,
+        type: 'column',
+    },
+    credits: {
+        enabled: false,
+    },
+    legend: {
+        align: 'center',
+        itemStyle: {
+            color: '#333333',
+            fontSize: '11px',
+            fontWeight: 'normal',
+        },
+        symbolRadius: 0,
+        verticalAlign: 'top',
+        x: 16,
+    },
+    plotOptions: {
+        column: {
+            borderWidth: 0,
+            groupPadding: 0.33,
+            pointPadding: 0,
+            pointWidth: 3,
+        },
+    },
+    series: [],
+    title: {
+        text: '',
+    },
+    tooltip: {
+        shared: true,
+        useHTML: true,
+    },
+    xAxis: {
+        labels: {
+            step: 1,
+            style: {
+                color: theme_1.colors.grey5,
+                fontSize: '11px',
+            },
+        },
+    },
+    yAxis: {
+        max: 100,
+        min: 0,
+        tickAmount: 5,
+        title: {
+            text: '',
+        },
+    },
+};
+exports.ApWidgetChart = function (_a) {
+    var data = _a.data, type = _a.type;
+    type = type || 'column';
+    var valueType = data && data[0] && data[0].valueType;
+    var currency = data && data[0] && data[0].currency;
+    var currentPeriodData = data.map(function (item) { return item.values[0]; });
+    var prevPeriodData = data.map(function (item) { return item.values[1] || 0; });
+    var maxValue = Math.max.apply(Math, __spread(currentPeriodData, prevPeriodData));
+    var minValue = Math.min.apply(Math, __spread(currentPeriodData, prevPeriodData));
+    var _b = ApWidgetChart_utils_1.getAxisMinMaxValues(maxValue, minValue, valueType), yAxisMax = _b.yAxisMax, yAxisMin = _b.yAxisMin;
+    var currentSeries = {
+        color: theme_1.colors.chartDarkBlue,
+        data: currentPeriodData,
+        marker: {
+            enabled: false,
+        },
+        name: 'Current period',
+    };
+    var prevSeries = {
+        color: theme_1.colors.chartLightBlue,
+        data: prevPeriodData,
+        marker: {
+            enabled: false,
+        },
+        name: 'Prior period',
+    };
+    var hasPrevSeries = prevPeriodData.filter(Boolean).length > 0;
+    var options = __assign(__assign({}, defaultOptions), { chart: __assign(__assign({}, defaultOptions.chart), { type: type }), series: hasPrevSeries ? [currentSeries, prevSeries] : [currentSeries], tooltip: __assign(__assign({}, defaultOptions.tooltip), { shared: true, useHTML: true, backgroundColor: theme_1.colors.white, formatter: function () {
+                var tooltip = this;
+                var points = (tooltip.points || []);
+                return server_1.renderToString(React.createElement(styles_1.TooltipContainer, null, points.map(function (point) {
+                    return point ? (React.createElement(styles_1.TooltipItem, { key: point.series.name + "-" + point.color },
+                        React.createElement("span", null,
+                            React.createElement(styles_1.TooltipColor, { color: point.color }),
+                            React.createElement(styles_1.TooltipItemName, null, point.series.name)),
+                        React.createElement(styles_1.TooltipItemValue, null, ApWidgetChart_utils_1.formatValue(point.y, valueType, currency)))) : null;
+                })));
+            } }), xAxis: __assign(__assign({}, defaultOptions.xAxis), { categories: data.map(function (item) { return item.label; }) }), yAxis: __assign(__assign({}, defaultOptions.yAxis), { endOnTick: true, labels: {
+                formatter: function () {
+                    var yAxis = this;
+                    return ApWidgetChart_utils_1.formatValue(yAxis.value, valueType, currency);
+                },
+                style: {
+                    color: theme_1.colors.grey5,
+                    fontSize: '11px',
+                },
+            }, max: yAxisMax, min: yAxisMin, startOnTick: true }) });
+    return (React.createElement(styles_1.Wrapper, null,
+        React.createElement(highcharts_react_official_1.default, { highcharts: Highcharts, options: options })));
+};
 //# sourceMappingURL=ApWidgetChart.js.map

package/dist/esm/components/ApWidgets/ApWidgetChart/ApWidgetChart.utils.js

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatValue = exports.getAxisMinMaxValues = void 0;
-var numeral = require("numeral");
-exports.getAxisMinMaxValues = function (maxValue, minValue, valueType) {
-    if (valueType && valueType.toLowerCase() !== 'percentage') {
-        return { yAxisMax: maxValue, yAxisMin: minValue };
-    }
-    var yAxisMax = Math.max(getAxisMaxValue(maxValue), 0);
-    var yAxisMin = Math.min(getAxisMaxValue(minValue), 0);
-    if (yAxisMax !== 0 && yAxisMin !== 0) {
-        var max = Math.max(Math.abs(yAxisMax), Math.abs(yAxisMin));
-        return { yAxisMax: max, yAxisMin: -max };
-    }
-    return { yAxisMax: yAxisMax, yAxisMin: yAxisMin };
-};
-var getAxisMaxValue = function (value) {
-    var sign = value >= 0 ? 1 : -1;
-    var counter = 0.05;
-    var step = 0.05;
-    value = Math.abs(value);
-    while (counter <= value) {
-        counter += step;
-        step = 0.1;
-    }
-    return counter * sign;
-};
-exports.formatValue = function (value, valueType, currency) {
-    var formattedValue = '';
-    if (valueType && valueType.toLowerCase() === 'currency') {
-        formattedValue = "" + currency + numeral(value)
-            .format('0.0a')
-            .toUpperCase();
-    }
-    else if (valueType && valueType.toLowerCase() === 'percentage') {
-        formattedValue = Math.floor(value * 1000) / 10 + "%";
-    }
-    else {
-        formattedValue = "" + Math.floor(value * 100) / 100;
-    }
-    return formattedValue;
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatValue = exports.getAxisMinMaxValues = void 0;
+var numeral = require("numeral");
+exports.getAxisMinMaxValues = function (maxValue, minValue, valueType) {
+    if (valueType && valueType.toLowerCase() !== 'percentage') {
+        return { yAxisMax: maxValue, yAxisMin: minValue };
+    }
+    var yAxisMax = Math.max(getAxisMaxValue(maxValue), 0);
+    var yAxisMin = Math.min(getAxisMaxValue(minValue), 0);
+    if (yAxisMax !== 0 && yAxisMin !== 0) {
+        var max = Math.max(Math.abs(yAxisMax), Math.abs(yAxisMin));
+        return { yAxisMax: max, yAxisMin: -max };
+    }
+    return { yAxisMax: yAxisMax, yAxisMin: yAxisMin };
+};
+var getAxisMaxValue = function (value) {
+    var sign = value >= 0 ? 1 : -1;
+    var counter = 0.05;
+    var step = 0.05;
+    value = Math.abs(value);
+    while (counter <= value) {
+        counter += step;
+        step = 0.1;
+    }
+    return counter * sign;
+};
+exports.formatValue = function (value, valueType, currency) {
+    var formattedValue = '';
+    if (valueType && valueType.toLowerCase() === 'currency') {
+        formattedValue = "" + currency + numeral(value)
+            .format('0.0a')
+            .toUpperCase();
+    }
+    else if (valueType && valueType.toLowerCase() === 'percentage') {
+        formattedValue = Math.floor(value * 1000) / 10 + "%";
+    }
+    else {
+        formattedValue = "" + Math.floor(value * 100) / 100;
+    }
+    return formattedValue;
+};
 //# sourceMappingURL=ApWidgetChart.utils.js.map

package/dist/esm/components/ApWidgets/ApWidgetChart/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("./ApWidgetChart"), 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("./ApWidgetChart"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,17 +1,17 @@
-"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.TooltipItemValue = exports.TooltipItemName = exports.TooltipItem = exports.TooltipColor = exports.TooltipContainer = exports.Wrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n  .highcharts-label-box {\n    stroke-width: 0;\n  }\n"], ["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n  .highcharts-label-box {\n    stroke-width: 0;\n  }\n"])));
-exports.TooltipContainer = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 8px 16px;\n  margin: 0;\n  background-color: ", ";\n  border: 0px;\n  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: 8px 16px;\n  margin: 0;\n  background-color: ", ";\n  border: 0px;\n  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);\n"])), theme_1.colors.white);
-exports.TooltipColor = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin-right: 8px;\n  background-color: ", ";\n"], ["\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin-right: 8px;\n  background-color: ", ";\n"])), function (props) { return (props.color ? props.color : 'transparent'); });
-exports.TooltipItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-exports.TooltipItemName = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 11px;\n  text-transform: capitalize;\n"], ["\n  font-size: 11px;\n  text-transform: capitalize;\n"])));
-exports.TooltipItemValue = styled_components_1.default.strong(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 13px;\n  margin-left: 12px;\n"], ["\n  font-size: 13px;\n  margin-left: 12px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+"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.TooltipItemValue = exports.TooltipItemName = exports.TooltipItem = exports.TooltipColor = exports.TooltipContainer = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n  .highcharts-label-box {\n    stroke-width: 0;\n  }\n"], ["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n  .highcharts-label-box {\n    stroke-width: 0;\n  }\n"])));
+exports.TooltipContainer = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 8px 16px;\n  margin: 0;\n  background-color: ", ";\n  border: 0px;\n  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: 8px 16px;\n  margin: 0;\n  background-color: ", ";\n  border: 0px;\n  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);\n"])), theme_1.colors.white);
+exports.TooltipColor = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin-right: 8px;\n  background-color: ", ";\n"], ["\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin-right: 8px;\n  background-color: ", ";\n"])), function (props) { return (props.color ? props.color : 'transparent'); });
+exports.TooltipItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+exports.TooltipItemName = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 11px;\n  text-transform: capitalize;\n"], ["\n  font-size: 11px;\n  text-transform: capitalize;\n"])));
+exports.TooltipItemValue = styled_components_1.default.strong(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 13px;\n  margin-left: 12px;\n"], ["\n  font-size: 13px;\n  margin-left: 12px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=styles.js.map

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

@@ -1,36 +1,36 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApWidgetErrorMessage = void 0;
-var React = require("react");
-var theme_1 = require("../../../utils/theme");
-var ApIcon_1 = require("../../ApIcon");
-var styles_1 = require("./styles");
-exports.ApWidgetErrorMessage = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(styles_1.Wrapper, __assign({}, props, { className: "ap-widget-error" + (className ? " " + className : '') }),
-        React.createElement(ApIcon_1.ApIcon, { iconName: "widdget_error_icon", iconColor: theme_1.colors.amber, iconSize: 40 }),
-        React.createElement(styles_1.MessageText, null, "The data for this insight is currently unavailable")));
-};
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApWidgetErrorMessage = void 0;
+var React = require("react");
+var theme_1 = require("../../../utils/theme");
+var ApIcon_1 = require("../../ApIcon");
+var styles_1 = require("./styles");
+exports.ApWidgetErrorMessage = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(styles_1.Wrapper, __assign({}, props, { className: "ap-widget-error" + (className ? " " + className : '') }),
+        React.createElement(ApIcon_1.ApIcon, { iconName: "widdget_error_icon", iconColor: theme_1.colors.amber, iconSize: 40 }),
+        React.createElement(styles_1.MessageText, null, "The data for this insight is currently unavailable")));
+};
 //# sourceMappingURL=ApWidgetErrorMessage.js.map

package/dist/esm/components/ApWidgets/ApWidgetErrorMessage/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("./ApWidgetErrorMessage"), 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("./ApWidgetErrorMessage"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,13 @@
-"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.MessageText = exports.Wrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  svg {\n    display: block;\n    margin: 0 auto;\n    margin-top: -40px;\n  }\n"], ["\n  svg {\n    display: block;\n    margin: 0 auto;\n    margin-top: -40px;\n  }\n"])));
-exports.MessageText = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 2px auto 0;\n\n  height: 42px;\n  width: 160px;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 21px;\n  text-align: center;\n"], ["\n  margin: 2px auto 0;\n\n  height: 42px;\n  width: 160px;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 21px;\n  text-align: center;\n"])), theme_1.colors.grey7);
-var templateObject_1, templateObject_2;
+"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.MessageText = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  svg {\n    display: block;\n    margin: 0 auto;\n    margin-top: -40px;\n  }\n"], ["\n  svg {\n    display: block;\n    margin: 0 auto;\n    margin-top: -40px;\n  }\n"])));
+exports.MessageText = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 2px auto 0;\n\n  height: 42px;\n  width: 160px;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 21px;\n  text-align: center;\n"], ["\n  margin: 2px auto 0;\n\n  height: 42px;\n  width: 160px;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  letter-spacing: 0.8px;\n  line-height: 21px;\n  text-align: center;\n"])), theme_1.colors.grey7);
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map