@alixpartners/ui-components 1.20.67 → 1.20.68

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.20.68 (April 28, 2022)
+
+- Updated `ApInput` component, fixed symbol styles, added `ap-input-field` class to input tag
+
 ## 1.20.67 (March 25, 2022)
 
 - Added `waves` icon to ApIcon

package/dist/esm/components/ApInput/ApInput.js

@@ -62,7 +62,7 @@ exports.ApInput = function (_a) {
                 }, onKeyUp: function (event) {
                     // @ts-ignore
                     setValueLength(event.target.value.length);
-                }, placeholder: placeholder, value: value }, props))),
+                }, placeholder: placeholder, value: value, className: "ap-input-field" }, props))),
         errorMessage ? (React.createElement(ApInput_styles_1.ErrorWrapper, null,
             React.createElement(ApIcon_1.ApIcon, { iconName: "outline_error", iconColor: theme_1.colors.red1, iconSize: 16 }),
             React.createElement(ApInput_styles_1.ErrorMessage, null, errorMessage))) : null));

package/dist/esm/components/ApInput/ApInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApInput.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,2CAA0C;AAG1C,oCAAkC;AAElC,mDAUyB;AAkBZ,QAAA,OAAO,GAA4B,UAAC,EAahD;IAZC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACF,KAAK,cAZuC,6HAahD,CADS;IAEF,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,EAAvE,WAAW,QAAA,EAAE,cAAc,QAA4C,CAAA;IAE9E,OAAO,CACL,oBAAC,wBAAO,IAAC,SAAS,EAAE,SAAS;QAC1B,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,6BAAY;YACV,KAAK,CAAC,CAAC,CAAC,oBAAC,sBAAK,QAAE,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YACrC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,wBAAO;gBACL,WAAW;;gBAAG,SAAS,CAChB,CACX,CAAC,CAAC,CAAC,IAAI,CACK,CAChB,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,6BAAY;YACV,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,4BAAW;gBACV,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,GAAI,CACd,CACf,CAAC,CAAC,CAAC,IAAI;YACP,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAW,QAAE,MAAM,CAAe,CAAC,CAAC,CAAC,IAAI;YAEpD,oBAAC,sBAAK,aACJ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAC,CAAsC;oBAC/C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC7B,CAAC,EACD,OAAO,EAAE,UAAC,KAA0B;oBAClC,aAAa;oBACb,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBAC3C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IACR,KAAK,EACT,CACW;QACd,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,6BAAY;YACX,oBAAC,eAAM,IACL,QAAQ,EAAC,eAAe,EACxB,SAAS,EAAE,cAAM,CAAC,IAAI,EACtB,QAAQ,EAAE,EAAE,GACZ;YACF,oBAAC,6BAAY,QAAE,YAAY,CAAgB,CAC9B,CAChB,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ApInput.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAC9B,2CAA0C;AAG1C,oCAAkC;AAElC,mDAUyB;AAkBZ,QAAA,OAAO,GAA4B,UAAC,EAahD;IAZC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,KAAK,WAAA,EACF,KAAK,cAZuC,6HAahD,CADS;IAEF,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,EAAvE,WAAW,QAAA,EAAE,cAAc,QAA4C,CAAA;IAE9E,OAAO,CACL,oBAAC,wBAAO,IAAC,SAAS,EAAE,SAAS;QAC1B,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,6BAAY;YACV,KAAK,CAAC,CAAC,CAAC,oBAAC,sBAAK,QAAE,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YACrC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,wBAAO;gBACL,WAAW;;gBAAG,SAAS,CAChB,CACX,CAAC,CAAC,CAAC,IAAI,CACK,CAChB,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,6BAAY;YACV,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,4BAAW;gBACV,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,GAAI,CACd,CACf,CAAC,CAAC,CAAC,IAAI;YACP,MAAM,CAAC,CAAC,CAAC,oBAAC,4BAAW,QAAE,MAAM,CAAe,CAAC,CAAC,CAAC,IAAI;YAEpD,oBAAC,sBAAK,aACJ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAC,CAAsC;oBAC/C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC7B,CAAC,EACD,OAAO,EAAE,UAAC,KAA0B;oBAClC,aAAa;oBACb,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBAC3C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACT,CACW;QACd,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,6BAAY;YACX,oBAAC,eAAM,IACL,QAAQ,EAAC,eAAe,EACxB,SAAS,EAAE,cAAM,CAAC,IAAI,EACtB,QAAQ,EAAE,EAAE,GACZ;YACF,oBAAC,6BAAY,QAAE,YAAY,CAAgB,CAC9B,CAChB,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ApInput/ApInput.styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = exports.ErrorWrapper = exports.Label = exports.LabelWrapper = exports.Counter = exports.Input = exports.InputWrapper = exports.Wrapper = exports.RightSymbol = void 0;
 var styled_components_1 = require("styled-components");
 var theme_1 = require("../../utils/theme");
-exports.RightSymbol = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 36px;\n  height: 40px;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  width: 36px;\n  height: 40px;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+exports.RightSymbol = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  padding-right: 12px;\n  height: 40px;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  padding-right: 12px;\n  height: 40px;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 exports.InputWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n"], ["\n  position: relative;\n  display: flex;\n"])));
 exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 40px;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 120px;\n  padding-right: 32px;\n  border: 1px solid ", ";\n  border-radius: 1px;\n  background-color: transparent;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ", ";\n  font-size: 16px;\n  line-height: 24px;\n  appearance: none;\n  text-indent: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  z-index: 1;\n  &:hover,\n  &:focus {\n    border-color: ", ";\n    outline: none;\n  }\n  &:active {\n    border-color: ", ";\n    outline: none;\n  }\n  &:disabled {\n    pointer-events: none;\n    color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  height: 40px;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 120px;\n  padding-right: 32px;\n  border: 1px solid ", ";\n  border-radius: 1px;\n  background-color: transparent;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ", ";\n  font-size: 16px;\n  line-height: 24px;\n  appearance: none;\n  text-indent: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  z-index: 1;\n  &:hover,\n  &:focus {\n    border-color: ", ";\n    outline: none;\n  }\n  &:active {\n    border-color: ", ";\n    outline: none;\n  }\n  &:disabled {\n    pointer-events: none;\n    color: ", ";\n    border-color: ", ";\n  }\n"])), theme_1.colors.grey4, theme_1.colors.grey8, theme_1.colors.green2, theme_1.colors.green3, theme_1.colors.grey5, theme_1.colors.grey2);

package/dist/esm/components/ApInput/ApInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApInput.styles.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,2CAA0C;AAE7B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,kNAAA,+IAQpC,KAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,oHAAA,iDAGhC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,2tBAAA,iIAMX,EAAY,oJAMvB,EAAY,oMAUH,EAAa,8DAIb,EAAa,oFAKpB,EAAY,uBACL,EAAY,UAE/B,KA5BqB,cAAM,CAAC,KAAK,EAMvB,cAAM,CAAC,KAAK,EAUH,cAAM,CAAC,MAAM,EAIb,cAAM,CAAC,MAAM,EAKpB,cAAM,CAAC,KAAK,EACL,cAAM,CAAC,KAAK,EAE/B;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACtB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mKAAA,gGAKrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,yKAAA,+FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB;AACY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,sKAAA,4FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB"}
+{"version":3,"file":"ApInput.styles.js","sourceRoot":"","sources":["../../../../src/components/ApInput/ApInput.styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,2CAA0C;AAE7B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0NAAA,uJAQpC,KAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,oHAAA,iDAGhC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,2tBAAA,iIAMX,EAAY,oJAMvB,EAAY,oMAUH,EAAa,8DAIb,EAAa,oFAKpB,EAAY,uBACL,EAAY,UAE/B,KA5BqB,cAAM,CAAC,KAAK,EAMvB,cAAM,CAAC,KAAK,EAUH,cAAM,CAAC,MAAM,EAIb,cAAM,CAAC,MAAM,EAKpB,cAAM,CAAC,KAAK,EACL,cAAM,CAAC,KAAK,EAE/B;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACtB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mKAAA,gGAKrC,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,aACpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,yKAAA,+FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB;AACY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,sKAAA,4FAK3B,EAAW,KACrB,KADU,cAAM,CAAC,IAAI,EACrB"}

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

@@ -0,0 +1,59 @@
+"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.ApCustomKPIWidget = void 0;
+var React = require("react");
+var ApLoaderDefault_1 = require("../../ApLoaderDefault");
+var ApLoaderText_1 = require("../../ApLoaderText");
+var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
+var ApWidgetBullet_1 = require("../ApWidgetBullet");
+var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
+var ApWidgetName_1 = require("../ApWidgetName");
+var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
+var styles_1 = require("./styles");
+exports.ApCustomKPIWidget = function (_a) {
+    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, props = __rest(_a, ["config", "data"]);
+    return (React.createElement(styles_1.Container, __assign({}, props),
+        config && React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType }),
+        !data ? (React.createElement(styles_1.StyledWidgetBody, null,
+            React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : (React.createElement(styles_1.ColsWrapper, null,
+            React.createElement("div", null,
+                React.createElement(styles_1.VarianceContainer, null,
+                    React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.value)),
+                React.createElement(styles_1.AverageContainer, null,
+                    React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.compareValue && data.compareValue + "%", trend: +data.compareValue }),
+                    data.valuePairs.map(function (valuePair, index) { return (React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { key: valuePair.label + index, label: valuePair.label, value: valuePair.value })); })),
+                React.createElement(styles_1.AttributesListContainer, null, data.attributes.map(function (attribute, index) { return (React.createElement(ApWidgetBullet_1.ApWidgetBullet, { key: attribute + index, value: attribute })); }))),
+            config && config.widthRatio === 2 ? (React.createElement(styles_1.CenterAlign, null,
+                React.createElement("svg", { height: 64, viewBox: "0 0 24 24", width: 64 },
+                    React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
+                    React.createElement("path", { d: "M5 9.2h3V19H5V9.2zM10.6 5h2.8v14h-2.8V5zm5.6 8H19v6h-2.8v-6z" })))) : null))));
+};
+exports.ApCustomKPIWidget.defaultProps = {
+    config: {
+        name: '',
+    },
+    data: null,
+};
+//# sourceMappingURL=ApCustomKPIWidget.js.map

package/dist/esm/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApCustomKPIWidget.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,yDAAuD;AACvD,mDAAiD;AACjD,wDAAsD;AACtD,oDAAkD;AAClD,oEAAkE;AAClE,gDAA8C;AAC9C,4DAA0D;AAG1D,mCAQiB;AAkBJ,QAAA,iBAAiB,GAAsB,UAAC,EAI5C;IAHP,IAAA,cAAqB,EAArB,MAAM,mBAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAA,EACrB,IAAI,UAAA,EACD,KAAK,cAH2C,kBAIpD,CADS;IAER,OAAO,CACL,oBAAC,kBAAS,eAAM,KAAa;QAC1B,MAAM,IAAI,oBAAC,2BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI;QAExE,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,oBAAC,yBAAgB;YACf,oBAAC,iCAAe,IAAC,UAAU,EAAE,cAAM,OAAA,oBAAC,2BAAY,OAAG,EAAhB,CAAgB,GAAI,CACtC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAW;YACV;gBACE,oBAAC,0BAAiB;oBAChB,oBAAC,mCAAgB,QAAE,IAAI,CAAC,KAAK,CAAoB,CAC/B;gBACpB,oBAAC,yBAAgB;oBACf,oBAAC,+CAAsB,IACrB,KAAK,EAAE,IAAI,CAAC,YAAY,IAAO,IAAI,CAAC,YAAY,MAAG,EACnD,KAAK,EAAE,CAAC,IAAI,CAAC,YAAY,GACD;oBACzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,SAAqB,EAAE,KAAa,IAAK,OAAA,CAC7D,oBAAC,uCAAkB,IACjB,GAAG,EAAE,SAAS,CAAC,KAAK,GAAG,KAAK,EAC5B,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,SAAS,CAAC,KAAK,GACF,CACvB,EAN8D,CAM9D,CAAC,CACe;gBACnB,oBAAC,gCAAuB,QACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,SAAiB,EAAE,KAAa,IAAK,OAAA,CACzD,oBAAC,+BAAc,IAAC,GAAG,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,GAAI,CAC7D,EAF0D,CAE1D,CAAC,CACsB,CACtB;YACL,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,oBAAC,oBAAW;gBACV,6BAAK,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE;oBAC5C,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG;oBACxC,8BAAM,CAAC,EAAC,8DAA8D,GAAG,CACrE,CACM,CACf,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,yBAAiB,CAAC,YAAY,GAAG;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;KACT;IACD,IAAI,EAAE,IAAI;CACX,CAAA"}

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

package/dist/esm/components/ApWidgets/ApCustomKPIWidget/index.js.map

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

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

@@ -0,0 +1,20 @@
+"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.CenterAlign = exports.ColsWrapper = exports.AverageContainer = exports.AttributesListContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.Container = exports.StyledWidgetBody = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.StyledWidgetBody = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __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.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px 12px 20px 24px;\n  background: ", ";\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px 12px 20px 24px;\n  background: ", ";\n  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n"])), theme_1.colors.white);
+exports.Label = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n"], ["\n  font-size: 11px;\n  color: ", ";\n"])), theme_1.colors.grey5);
+exports.Value = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"], ["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"])), theme_1.colors.grey7);
+exports.VarianceContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+exports.AttributesListContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  & > div {\n    margin: 0 8px 4px 0;\n  }\n"], ["\n  & > div {\n    margin: 0 8px 4px 0;\n  }\n"])));
+exports.AverageContainer = styled_components_1.default(exports.AttributesListContainer)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n  }\n  margin: 16px 0 12px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n  }\n  margin: 16px 0 12px;\n"])));
+exports.ColsWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"], ["\n  display: flex;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"])));
+exports.CenterAlign = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > svg {\n    margin: 30px auto;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > svg {\n    margin: 30px auto;\n    fill: ", ";\n  }\n"])), theme_1.colors.grey3);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/ApWidgets/ApCustomKPIWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCustomKPIWidget/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAEhC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,uSAAA,iHAKnB,EAAY,iHAK3B,KALe,cAAM,CAAC,KAAK,EAK3B;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,iCAEpB,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,qJAAA,uDAGpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,oJAAA,iFAI1C,KAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mHAAA,gDAIhD,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,+BAA8B,CAAC,sLAAA,mHAOrE,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,gJAAA,6EAOpC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0MAAA,2HAOzB,EAAY,UAEvB,KAFW,cAAM,CAAC,KAAK,EAEvB"}

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

@@ -0,0 +1,113 @@
+"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 __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApWidgetBarChart = void 0;
+var Highcharts = require("highcharts");
+var highcharts_react_official_1 = require("highcharts-react-official");
+var React = require("react");
+var theme_1 = require("../../../utils/theme");
+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: {
+        footerFormat: '</table>',
+        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
+        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
+            '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
+        shared: true,
+        useHTML: true,
+    },
+    xAxis: {
+        labels: {
+            style: {
+                color: theme_1.colors.grey5,
+                fontSize: '11px',
+            },
+        },
+    },
+    yAxis: {
+        labels: {
+            formatter: function () {
+                return this.value + '%';
+            },
+            style: {
+                color: theme_1.colors.grey5,
+                fontSize: '11px',
+            },
+        },
+        max: 100,
+        min: 0,
+        tickAmount: 5,
+        title: {
+            text: '',
+        },
+    },
+};
+exports.ApWidgetBarChart = function (_a) {
+    var data = _a.data;
+    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, __spreadArrays(currentPeriodData, prevPeriodData));
+    var yAxisMax = Math.ceil(maxValue / 25) * 25;
+    var currentSeries = {
+        color: theme_1.colors.chartDarkBlue,
+        data: currentPeriodData,
+        name: 'Current period',
+    };
+    var prevSeries = {
+        color: theme_1.colors.chartLightBlue,
+        data: prevPeriodData,
+        name: 'Prior period',
+    };
+    var hasPrevSeries = prevPeriodData.filter(Boolean).length > 0;
+    var options = __assign(__assign({}, defaultOptions), { series: hasPrevSeries ? [currentSeries, prevSeries] : [currentSeries], xAxis: __assign(__assign({}, defaultOptions.xAxis), { categories: data.map(function (item) { return item.label; }) }), yAxis: __assign(__assign({}, defaultOptions.yAxis), { max: yAxisMax }) });
+    return (React.createElement(styles_1.Wrapper, null,
+        React.createElement(highcharts_react_official_1.default, { highcharts: Highcharts, options: options })));
+};
+//# sourceMappingURL=ApWidgetBarChart.js.map

package/dist/esm/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApWidgetBarChart.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.tsx"],"names":[],"mappings":"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"}

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

package/dist/esm/components/ApWidgets/ApWidgetBarChart/index.js.map

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

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

@@ -0,0 +1,11 @@
+"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");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n"], ["\n  .highcharts-axis-labels text {\n    font-size: 7px;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/ApWidgets/ApWidgetBarChart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBarChart/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,mIAAA,gEAIhC,KAAA"}

package/dist/types/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../../utils/types';
+import { IConfigKeys } from '../types';
+interface IValuePair {
+    label: string;
+    value: string | number;
+}
+interface IDataProp {
+    value: number | string;
+    compareValue: number;
+    attributes: string[];
+    valuePairs: IValuePair[];
+}
+interface IProps extends IDefaultProps {
+    config?: IConfigKeys;
+    data?: IDataProp | null;
+}
+export declare const ApCustomKPIWidget: React.SFC<IProps>;
+export {};

package/dist/types/components/ApWidgets/ApCustomKPIWidget/index.d.ts

@@ -0,0 +1 @@
+export * from './ApCustomKPIWidget';

package/dist/types/components/ApWidgets/ApCustomKPIWidget/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledWidgetBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VarianceContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AttributesListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AverageContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const ColsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CenterAlign: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../../utils/types';
+export interface IBarChartDataItem {
+    label: string;
+    values: number[];
+}
+export interface IApWidgetBarChartProps extends IDefaultProps {
+    data: IBarChartDataItem[];
+}
+export declare const ApWidgetBarChart: React.SFC<IApWidgetBarChartProps>;

package/dist/types/components/ApWidgets/ApWidgetBarChart/index.d.ts

@@ -0,0 +1 @@
+export * from './ApWidgetBarChart';

package/dist/types/components/ApWidgets/ApWidgetBarChart/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;