@alixpartners/ui-components 1.22.0 → 1.22.2

package/artefact/dist/esm/components/ApWidgets/ApTrendWidget/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApTrendWidget/mockData.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEtC,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,gCAAiB,CAAC,GAAG,EAAE;IACzE,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,uBAAuB;gBAC9B,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,wDAAwD;gBAC/D,KAAK,EAAE,KAAK;aACb;YACD;gBACE,KAAK,EAAE,4BAA4B;gBACnC,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,8BAA8B;gBACrC,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,+DAA+D;gBACtE,KAAK,EAAE,KAAK;aACb;YACD;gBACE,KAAK,EAAE,2BAA2B;gBAClC,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,6BAA6B;gBACpC,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,8DAA8D;gBACrE,KAAK,EAAE,KAAK;aACb;YACD;gBACE,KAAK,EAAE,4BAA4B;gBACnC,KAAK,EAAE,MAAM;aACd;YACD;gBACE,KAAK,EAAE,8BAA8B;gBACrC,KAAK,EAAE,GAAG;aACX;YACD;gBACE,KAAK,EAAE,+DAA+D;gBACtE,KAAK,EAAE,KAAK;aACb;SACF;QACD,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApTrendWidget/styles.js

@@ -0,0 +1,61 @@
+"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;
+};
+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.TableHeader = exports.TableRow = exports.TableValueCell = exports.TableCell = exports.Table = exports.Value = exports.NameDetail = exports.TextWrapper = exports.Container = exports.ValueTextWrapper = exports.ValueText = exports.ValueHelperText = exports.StyledWidgetWrapper = exports.StyledWidgetBody = exports.ArrowDownIconSmall = exports.ArrowIconSmall = exports.ArrowIcon = void 0;
+var React = require("react");
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+var ArrowIcon_1 = require("./ArrowIcon");
+var ApWidgetName_1 = require("../ApWidgetName");
+exports.ArrowIcon = styled_components_1.default(function (_a) {
+    var isSmall = _a.isSmall, props = __rest(_a, ["isSmall"]);
+    return (React.createElement(ArrowIcon_1.ArrowIcon, __assign({}, props)));
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  width: 16px;\n  color: ", ";\n  margin: 8px 16px 8px 0;\n\n  ", ";\n"], ["\n  display: inline-block;\n  width: 16px;\n  color: ", ";\n  margin: 8px 16px 8px 0;\n\n  ",
+    ";\n"])), theme_1.colors.green1, function (_a) {
+    var _b = _a.isSmall, isSmall = _b === void 0 ? false : _b;
+    return isSmall && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-top: -12px;\n    "], ["\n      margin-top: -12px;\n    "])));
+});
+exports.ArrowIconSmall = styled_components_1.default(exports.ArrowIcon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 5px;\n  margin: 0;\n"], ["\n  width: 5px;\n  margin: 0;\n"])));
+exports.ArrowDownIconSmall = styled_components_1.default(exports.ArrowIconSmall)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  transform: rotate(180deg);\n  color: ", ";\n"], ["\n  transform: rotate(180deg);\n  color: ", ";\n"])), theme_1.colors.black);
+exports.StyledWidgetBody = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"])));
+exports.StyledWidgetWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
+exports.ValueHelperText = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-self: flex-end;\n  white-space: nowrap;\n  display: inline-block;\n"], ["\n  align-self: flex-end;\n  white-space: nowrap;\n  display: inline-block;\n"])));
+exports.ValueText = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-self: flex-end;\n  flex-grow: 1;\n"], ["\n  align-self: flex-end;\n  flex-grow: 1;\n"])));
+exports.ValueTextWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 13px;\n  flex: 1 1 157px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  font-size: 23px;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 13px;\n  flex: 1 1 157px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  font-size: 23px;\n"])));
+exports.Container = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n"], ["\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n"])));
+exports.TextWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin-bottom: 20px;\n  align-items: center;\n\n  & > div:last-child {\n    margin-top: 4px;\n  }\n"], ["\n  margin-bottom: 20px;\n  align-items: center;\n\n  & > div:last-child {\n    margin-top: 4px;\n  }\n"])));
+exports.NameDetail = styled_components_1.default(ApWidgetName_1.ApWidgetName)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n  margin-left: 1em;\n"], ["\n  color: ", ";\n  margin-left: 1em;\n"])), theme_1.colors.grey7);
+exports.Value = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: 83px;\n  font-weight: 500;\n  letter-spacing: 0.03px;\n  color: ", ";\n  line-height: 88px;\n  margin-right: 24px;\n"], ["\n  font-size: 83px;\n  font-weight: 500;\n  letter-spacing: 0.03px;\n  color: ", ";\n  line-height: 88px;\n  margin-right: 24px;\n"])), theme_1.colors.grey7);
+exports.Table = styled_components_1.default.table(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  border: none;\n  table-layout: fixed;\n  color: ", ";\n  font-size: 13px;\n  border-spacing: 0;\n"], ["\n  border: none;\n  table-layout: fixed;\n  color: ", ";\n  font-size: 13px;\n  border-spacing: 0;\n"])), theme_1.colors.grey8);
+var cellCss = styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  letter-spacing: 0.8px;\n  padding: 4px 0;\n  line-height: 19px;\n"], ["\n  border-bottom: 1px solid ", ";\n  letter-spacing: 0.8px;\n  padding: 4px 0;\n  line-height: 19px;\n"])), theme_1.colors.grey2);
+exports.TableCell = styled_components_1.default.td(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", ";\n  max-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  ", ";\n  max-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), cellCss);
+exports.TableValueCell = styled_components_1.default.td(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", ";\n  width: 1%;\n  padding-left: 15px;\n  text-align: right;\n  font-weight: bold;\n  letter-spacing: 0.3px;\n  color: ", ";\n"], ["\n  ", ";\n  width: 1%;\n  padding-left: 15px;\n  text-align: right;\n  font-weight: bold;\n  letter-spacing: 0.3px;\n  color: ", ";\n"])), cellCss, theme_1.colors.grey7);
+exports.TableRow = styled_components_1.default.tr(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  &:last-child {\n    ", ", ", " {\n      border-bottom: none;\n    }\n  }\n"], ["\n  &:last-child {\n    ", ", ", " {\n      border-bottom: none;\n    }\n  }\n"])), exports.TableCell, exports.TableValueCell);
+exports.TableHeader = styled_components_1.default.th(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  text-transform: uppercase;\n  color: ", ";\n  font-size: 11px;\n  text-align: right;\n  font-weight: 200;\n  padding-bottom: 4px;\n\n  &:first-child {\n    text-align: left;\n  }\n\n  &:last-child {\n    padding-left: 5px;\n  }\n"], ["\n  text-transform: uppercase;\n  color: ", ";\n  font-size: 11px;\n  text-align: right;\n  font-weight: 200;\n  padding-bottom: 4px;\n\n  &:first-child {\n    text-align: left;\n  }\n\n  &:last-child {\n    padding-left: 5px;\n  }\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;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApTrendWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApTrendWidget/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,uDAA+C;AAE/C,8CAA6C;AAE7C,yCAA4D;AAE5D,gDAAkE;AASrD,QAAA,SAAS,GAAG,2BAAM,CAAC,UAAC,EAAiC;QAA/B,OAAO,aAAA,EAAK,KAAK,cAAnB,WAAqB,CAAF;IAAmB,OAAA,CACrE,oBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC;AAFsE,CAEtE,CAAC,uKAAA,uDAGS,EAAa,oCAGpB;IAIC,KACJ,KARU,cAAM,CAAC,MAAM,EAGpB,UAAC,EAAgC;QAA9B,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAClB,OAAA,OAAO,IACP,uBAAG,qGAAA,kCAEF,IAAA;AAHD,CAGC,EACJ;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,iBAAS,CAAC,oGAAA,iCAG9C,KAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,sBAAc,CAAC,qHAAA,2CAE7C,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAI5C,KAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,kJAAA,+EAIzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,iHAAA,8CAGnC,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,4NAAA,yJAQzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,8JAAA,yFAKlC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,8KAAA,yGAOpC,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,2BAAY,CAAC,8GAAoB,aACvD,EAAY,0BAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,0MAAA,iFAIpB,EAAY,kDAGtB,KAHU,cAAM,CAAC,KAAK,EAGtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,4KAAA,sDAGtB,EAAY,+CAGtB,KAHU,cAAM,CAAC,KAAK,EAGtB;AAED,IAAM,OAAO,GAAG,uBAAG,8KAAA,+BACU,EAAY,wEAIxC,KAJ4B,cAAM,CAAC,KAAK,CAIxC,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,EAAE,4KAAA,MAC9B,EAAO,+FAKV,KALG,OAAO,EAKV;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,EAAE,6MAAA,MACnC,EAAO,yHAMA,EAAY,KACtB,KAPG,OAAO,EAMA,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,qJAAA,0BAE3B,EAAS,IAAK,EAAc,8CAIjC,KAJK,iBAAS,EAAK,sBAAc,EAIjC;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,gTAAA,2CAEzB,EAAY,8LAatB,KAbU,cAAM,CAAC,KAAK,EAatB"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/ApWidgetBadge.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApWidgetBadge = exports.ApWidgetBadgeTypes = void 0;
+var React = require("react");
+var theme_1 = require("../../../utils/theme");
+var styles_1 = require("./styles");
+var ApWidgetBadgeTypes;
+(function (ApWidgetBadgeTypes) {
+    ApWidgetBadgeTypes["oxr"] = "oxr";
+    ApWidgetBadgeTypes["sxr"] = "sxr";
+    ApWidgetBadgeTypes["chc"] = "chc";
+    ApWidgetBadgeTypes["txr"] = "txr";
+})(ApWidgetBadgeTypes = exports.ApWidgetBadgeTypes || (exports.ApWidgetBadgeTypes = {}));
+var APP_COLORS = {
+    chc: theme_1.colors.orange,
+    oxr: theme_1.colors.blue1,
+    sxr: theme_1.colors.green4,
+    txr: theme_1.colors.red4,
+    tsxr: theme_1.colors.red4,
+};
+exports.ApWidgetBadge = function (_a) {
+    var type = _a.type, color = _a.color, className = _a.className;
+    return (React.createElement(styles_1.Wrapper, { className: "ap-widget-badge " + (className ? className : ''), type: type, color: color || APP_COLORS[type] }, type));
+};
+//# sourceMappingURL=ApWidgetBadge.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/ApWidgetBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetBadge.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBadge/ApWidgetBadge.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,8CAA6C;AAG7C,mCAAkC;AAElC,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,iCAAa,CAAA;AACf,CAAC,EALW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAK7B;AAED,IAAM,UAAU,GAAG;IACjB,GAAG,EAAE,cAAM,CAAC,MAAM;IAClB,GAAG,EAAE,cAAM,CAAC,KAAK;IACjB,GAAG,EAAE,cAAM,CAAC,MAAM;IAClB,GAAG,EAAE,cAAM,CAAC,IAAI;IAChB,IAAI,EAAE,cAAM,CAAC,IAAI;CAClB,CAAA;AAOY,QAAA,aAAa,GAAkC,UAAC,EAIvC;QAHpB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,gBAAO,IACN,SAAS,EAAE,sBAAmB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAC1D,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,IAE/B,IAAI,CACG,CACX,CAAA;AACH,CAAC,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/index.js

@@ -0,0 +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("./ApWidgetBadge"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBadge/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAA+B"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/styles.js

@@ -0,0 +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.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  height: 16px;\n  width: 40px;\n  min-height: 16px;\n  min-width: 40px;\n  max-height: 16px;\n  max-width: 40px;\n  background-color: ", ";\n  font-size: 11px;\n  font-weight: bold;\n  line-height: initial;\n  color: ", ";\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  height: 16px;\n  width: 40px;\n  min-height: 16px;\n  min-width: 40px;\n  max-height: 16px;\n  max-width: 40px;\n  background-color: ", ";\n  font-size: 11px;\n  font-weight: bold;\n  line-height: initial;\n  color: ", ";\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+    var color = _a.color;
+    return color || theme_1.colors.grey9;
+}, theme_1.colors.white);
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBadge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBadge/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAGhC,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,saAAqB,2IAOhC,EAAoC,iFAI/C,EAAY,mIAMtB,KAVqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,cAAM,CAAC,KAAK;AAArB,CAAqB,EAI/C,cAAM,CAAC,KAAK,EAMtB"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/ApWidgetBigValue.js

@@ -0,0 +1,38 @@
+"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.ApWidgetBigValue = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApWidgetBigValue = function (_a) {
+    var className = _a.className, children = _a.children, size = _a.size, setElHeight = _a.setElHeight, height = _a.height, props = __rest(_a, ["className", "children", "size", "setElHeight", "height"]);
+    var ref = React.useRef();
+    React.useLayoutEffect(function () {
+        if (setElHeight && ref && ref.current) {
+            setElHeight(ref.current.clientHeight);
+        }
+    });
+    return (React.createElement(styles_1.StyledWidgetBigValue, __assign({}, props, { ref: ref, size: size, height: height, className: "ap-widget-big-value" + (className ? " " + className : '') }), children));
+};
+//# sourceMappingURL=ApWidgetBigValue.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/ApWidgetBigValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetBigValue.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBigValue/ApWidgetBigValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,mCAA+C;AAUlC,QAAA,gBAAgB,GAAsC,UAAC,EAO3C;IANvB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,MAAM,YAAA,EACH,KAAK,cAN0D,0DAOnE,CADS;IAER,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA;IAE1B,KAAK,CAAC,eAAe,CAAC;QACpB,IAAI,WAAW,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE;YACrC,WAAW,CAAG,GAAG,CAAC,OAA+B,CAAC,YAAY,CAAC,CAAA;SAChE;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,6BAAoB,eACd,KAAa,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,yBAAsB,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAE,KAElE,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/index.js

@@ -0,0 +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("./ApWidgetBigValue"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBigValue/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAkC"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/styles.js

@@ -0,0 +1,24 @@
+"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.StyledWidgetBigValue = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.StyledWidgetBigValue = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: bold;\n  letter-spacing: 0.3px;\n\n  ", ";\n"], ["\n  color: ", ";\n  font-weight: bold;\n  letter-spacing: 0.3px;\n\n  ",
+    ";\n"])), theme_1.colors.grey7, function (_a) {
+    var size = _a.size, height = _a.height;
+    var heightProp = height
+        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          height: ", "px;\n        "], ["\n          height: ", "px;\n        "])), height) : '';
+    if (size === 's') {
+        return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        font-size: 19px;\n        line-height: 26px;\n        ", "\n      "], ["\n        font-size: 19px;\n        line-height: 26px;\n        ", "\n      "])), heightProp);
+    }
+    if (size === 'm') {
+        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        font-size: 30px;\n        line-height: 36px;\n        ", "\n      "], ["\n        font-size: 30px;\n        line-height: 36px;\n        ", "\n      "])), heightProp);
+    }
+    return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: 33px;\n      line-height: 40px;\n      ", "\n    "], ["\n      font-size: 33px;\n      line-height: 40px;\n      ", "\n    "])), heightProp);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBigValue/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBigValue/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA+C;AAE/C,8CAA6C;AAQhC,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,kJAAe,aAClD,EAAY,yDAInB;IA4BD,KACF,KAjCU,cAAM,CAAC,KAAK,EAInB,UAAC,EAA+B;QAA7B,IAAI,UAAA,EAAE,MAAM,YAAA;IACf,IAAM,UAAU,GAAG,MAAM;QACvB,CAAC,CAAC,uBAAG,0GAAA,sBACS,EAAM,eACjB,KADW,MAAM,EAEpB,CAAC,CAAC,EAAE,CAAA;IAEN,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,OAAO,uBAAG,iJAAA,kEAGN,EAAU,UACb,KADG,UAAU,EACb;KACF;IAED,IAAI,IAAI,KAAK,GAAG,EAAE;QAChB,OAAO,uBAAG,iJAAA,kEAGN,EAAU,UACb,KADG,UAAU,EACb;KACF;IAED,OAAO,uBAAG,yIAAA,4DAGN,EAAU,QACb,KADG,UAAU,EACb;AACH,CAAC,EACF"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/ApWidgetBullet.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApWidgetBulletList = exports.ApWidgetBullet = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApWidgetBullet = function (_a) {
+    var value = _a.value;
+    return (React.createElement(styles_1.Wrapper, null,
+        React.createElement(styles_1.Value, null, value)));
+};
+exports.ApWidgetBulletList = function (_a) {
+    var list = _a.list;
+    return (React.createElement(styles_1.ListWrapper, null, list
+        .filter(function (x) { return x; })
+        .map(function (value, index) { return (React.createElement(exports.ApWidgetBullet, { value: value, key: value.toString() + index })); })));
+};
+//# sourceMappingURL=ApWidgetBullet.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/ApWidgetBullet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetBullet.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBullet/ApWidgetBullet.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAG9B,mCAAsD;AAUzC,QAAA,cAAc,GAAoC,UAAC,EAEzC;QADrB,KAAK,WAAA;IAEL,OAAO,CACL,oBAAC,gBAAO;QACN,oBAAC,cAAK,QAAE,KAAK,CAAS,CACd,CACX,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,kBAAkB,GAAwC,UAAC,EAE7C;QADzB,IAAI,UAAA;IAEJ,OAAO,CACL,oBAAC,oBAAW,QACT,IAAI;SACF,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,EAAD,CAAC,CAAC;SACd,GAAG,CAAC,UAAC,KAAsB,EAAE,KAAa,IAAK,OAAA,CAC9C,oBAAC,sBAAc,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAI,CAChE,EAF+C,CAE/C,CAAC,CACQ,CACf,CAAA;AACH,CAAC,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/index.js

@@ -0,0 +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("./ApWidgetBullet"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBullet/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAgC"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/styles.js

@@ -0,0 +1,14 @@
+"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.ListWrapper = exports.Value = 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  border: 1px solid ", ";\n  display: inline-block;\n  padding: 0px 8px 5px;\n  border-radius: 12px;\n  margin: 4px 4px 0 0;\n"], ["\n  border: 1px solid ", ";\n  display: inline-block;\n  padding: 0px 8px 5px;\n  border-radius: 12px;\n  margin: 4px 4px 0 0;\n"])), theme_1.colors.grey3);
+exports.Value = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n  margin-top: 4px;\n  letter-spacing: 0;\n  line-height: 13px;\n  text-align: center;\n"], ["\n  font-size: 11px;\n  color: ", ";\n  margin-top: 4px;\n  letter-spacing: 0;\n  line-height: 13px;\n  text-align: center;\n"])), theme_1.colors.grey7);
+exports.ListWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: 0 -4px;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: 0 -4px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetBullet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBullet/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAEhC,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,qMAAA,wBACX,EAAY,wGAKjC,KALqB,cAAM,CAAC,KAAK,EAKjC;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,kMAAA,iCAEpB,EAAY,4FAKtB,KALU,cAAM,CAAC,KAAK,EAKtB;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,wJAAA,qFAMpC,KAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/ApWidgetCard.js

@@ -0,0 +1,32 @@
+"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.ApWidgetCard = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApWidgetCard = function (_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(styles_1.StyledWrapper, __assign({}, props, { className: "ap-widget-card" + (className ? " " + className : '') }), children));
+};
+//# sourceMappingURL=ApWidgetCard.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/ApWidgetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetCard.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetCard/ApWidgetCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,mCAAwC;AAO3B,QAAA,YAAY,GAAkC,UAAC,EAIvC;IAHnB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,KAAK,cAHkD,yBAI3D,CADS;IAER,OAAO,CACL,oBAAC,sBAAa,eACP,KAAa,IAClB,SAAS,EAAE,oBAAiB,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAE,KAE7D,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/index.js

@@ -0,0 +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("./ApWidgetCard"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA8B"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/styles.js

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledWrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.StyledWrapper = styled_components_1.default.div(__assign(__assign({}, theme_1.font), { background: theme_1.colors.white, boxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.1)', boxSizing: 'border-box', height: '100%', padding: '0 20px 20px 20px', width: '100%' }));
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetCard/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetCard/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uDAAsC;AAEtC,8CAAmD;AAGtC,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,uBACjC,YAAY,KAChB,UAAU,EAAE,cAAM,CAAC,KAAK,EACxB,SAAS,EAAE,iCAAiC,EAC5C,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,MAAM,IACb,CAAA"}

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

@@ -0,0 +1,39 @@
+"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.ApWidgetChangeOverTime = void 0;
+var React = require("react");
+var ApWidgetTrendArrow_1 = require("../ApWidgetTrendArrow");
+var styles_1 = require("./styles");
+exports.ApWidgetChangeOverTime = function (_a) {
+    var label = _a.label, value = _a.value, trend = _a.trend, isNoCriteria = _a.isNoCriteria, isUpTrendNegative = _a.isUpTrendNegative, props = __rest(_a, ["label", "value", "trend", "isNoCriteria", "isUpTrendNegative"]);
+    var compare = value || '—';
+    return (React.createElement(styles_1.Wrapper, __assign({}, props),
+        React.createElement(styles_1.Trend, null,
+            label && React.createElement(styles_1.TrendLabel, null, label),
+            React.createElement(styles_1.TrendValue, null,
+                React.createElement(ApWidgetTrendArrow_1.ApWidgetTrendArrow, { trend: trend, negative: isUpTrendNegative, isNoCriteria: isNoCriteria }),
+                compare))));
+};
+//# sourceMappingURL=ApWidgetChangeOverTime.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetChangeOverTime/ApWidgetChangeOverTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetChangeOverTime.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetChangeOverTime/ApWidgetChangeOverTime.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,4DAA0D;AAE1D,mCAAiE;AAUpD,QAAA,sBAAsB,GAA4C,UAAC,EAOjD;IAN7B,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACd,KAAK,cANsE,gEAO/E,CADS;IAER,IAAM,OAAO,GAAG,KAAK,IAAI,GAAG,CAAA;IAE5B,OAAO,CACL,oBAAC,gBAAO,eAAM,KAAa;QACzB,oBAAC,cAAK;YACH,KAAK,IAAI,oBAAC,mBAAU,QAAE,KAAK,CAAc;YAC1C,oBAAC,mBAAU;gBACT,oBAAC,uCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,GAAI;gBAC5F,OAAO,CACG,CACP,CACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApWidgetChangeOverTime/index.js

@@ -0,0 +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("./ApWidgetChangeOverTime"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApWidgetChangeOverTime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetChangeOverTime/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAAwC"}

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

@@ -0,0 +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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetChangeOverTime/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAGhC,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,uJAAe,oFAK/C,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,gJAAA,6EAI9B,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,qVAAA,uGAKzB,EAAY,yKAWtB,KAXU,cAAM,CAAC,KAAK,EAWtB;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,mIAAA,iCAEzB,EAAY,6BAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB"}

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

@@ -0,0 +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 })));
+};
+//# sourceMappingURL=ApWidgetChart.js.map