@alixpartners/ui-components 1.20.55 → 1.20.56

package/CHANGELOG.md

@@ -1,4 +1,8 @@
-## 1.20.54 (January 18 , 2022)
+## 1.20.56 (January 20 , 2022)
+
+- Updated `ApSimpleDropdown` component, to behave properly with max width container
+
+## 1.20.55 (January 18 , 2022)
 
 - Updated `ApIcon` component, added `more_horiz` icon
 

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

@@ -10,7 +10,7 @@ var styled_components_1 = require("styled-components");
 var theme_1 = require("../../utils/theme");
 var ApIcon_1 = require("../ApIcon");
 var ApMenu_1 = require("../ApMenu");
-exports.ApSimpleDropdownLabelContainer = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 38px;\n  border: none;\n  font-weight: 500;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  color: ", ";\n  border: 1px solid transparent;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0 4px 9px;\n  background-color: ", ";\n  outline: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    border: 1px solid ", ";\n  }\n\n  ", ";\n\n  ", "\n"], ["\n  height: 38px;\n  border: none;\n  font-weight: 500;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  color: ", ";\n  border: 1px solid transparent;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0 4px 9px;\n  background-color: ", ";\n  outline: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    border: 1px solid ", ";\n  }\n\n  ",
+exports.ApSimpleDropdownLabelContainer = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 38px;\n  border: none;\n  font-weight: 500;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  color: ", ";\n  border: 1px solid transparent;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0 4px 9px;\n  background-color: ", ";\n  outline: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    border: 1px solid ", ";\n  }\n\n  ", ";\n\n  ", "\n"], ["\n  max-width: 100%;\n  height: 38px;\n  border: none;\n  font-weight: 500;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  color: ", ";\n  border: 1px solid transparent;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0 4px 9px;\n  background-color: ", ";\n  outline: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    border: 1px solid ", ";\n  }\n\n  ",
     ";\n\n  ",
     "\n"])), theme_1.colors.grey8, theme_1.colors.white, polished_1.rgba(theme_1.colors.green2, 0.1), polished_1.rgba(theme_1.colors.green2, 0.2), polished_1.rgba(theme_1.colors.green2, 0.3), theme_1.colors.green3, function (_a) {
     var isOpen = _a.isOpen;
@@ -21,8 +21,8 @@ exports.ApSimpleDropdownLabelContainer = styled_components_1.default.button(temp
     return disabled
         ? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          pointer-events: none;\n          background-color: none;\n          color: ", ";\n        "], ["\n          pointer-events: none;\n          background-color: none;\n          color: ", ";\n        "])), theme_1.colors.grey5) : styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          cursor: pointer;\n        "], ["\n          cursor: pointer;\n        "])));
 });
-exports.ApSimpleDropdownLabelText = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  white-space: nowrap;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  line-height: 38px;\n  padding: 2px 0 0 4px;\n"], ["\n  color: ",
-    ";\n  white-space: nowrap;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  line-height: 38px;\n  padding: 2px 0 0 4px;\n"])), function (_a) {
+exports.ApSimpleDropdownLabelText = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  line-height: 38px;\n  padding: 2px 0 0 4px;\n"], ["\n  color: ",
+    ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 13px;\n  letter-spacing: 0.3px;\n  line-height: 38px;\n  padding: 2px 0 0 4px;\n"])), function (_a) {
     var disabled = _a.disabled;
     return disabled ? "" + theme_1.colors.grey5 : "" + theme_1.colors.grey8;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ApSimpleDropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAA+B;AAC/B,uDAA+C;AAE/C,2CAA0C;AAC1C,oCAAkC;AAClC,oCAA8C;AAMjC,QAAA,8BAA8B,GAAG,2BAAM,CAAC,MAAM,ylBAEzD,gJAOS,EAAY,qKAOD,EAAY,4DAIV,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,2BACxB,EAAa,cAGjC;IASM,SAEN;IASK,IACR,KA5CU,cAAM,CAAC,KAAK,EAOD,cAAM,CAAC,KAAK,EAIV,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,cAAM,CAAC,MAAM,EAGjC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,uBAAG,qMAAA,gCACmB,EAAa,gGAKlC,KALqB,cAAM,CAAC,MAAM,EAMrC,CAAC,CAAC,EAAE;AARN,CAQM,EAEN,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,IAAI,4MAAa,aACtD;IACyC,0HAMnD,KAPU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO;AAAhD,CAAgD,EAMnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,mBAAU,CAAC,6cAAA,iRAgB1B,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,cAG5C;IASK,IACR,KArBuB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAG5C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sIAAA,4DAG1B,EAAY,KAC3B,KADe,cAAM,CAAC,KAAK,EAC3B;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,eAAM,CAAC,8FAAuB,kBAC9C,EAAiD,KAChE,KADe,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAhC,CAAgC,EAChE;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6JAAA,2DAG7B,EAAY,2BAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB"}
+{"version":3,"file":"ApSimpleDropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAA+B;AAC/B,uDAA+C;AAE/C,2CAA0C;AAC1C,oCAAkC;AAClC,oCAA8C;AAMjC,QAAA,8BAA8B,GAAG,2BAAM,CAAC,MAAM,6mBAEzD,oKAQS,EAAY,qKAOD,EAAY,4DAIV,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,2BACxB,EAAa,cAGjC;IASM,SAEN;IASK,IACR,KA5CU,cAAM,CAAC,KAAK,EAOD,cAAM,CAAC,KAAK,EAIV,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,cAAM,CAAC,MAAM,EAGjC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,uBAAG,qMAAA,gCACmB,EAAa,gGAKlC,KALqB,cAAM,CAAC,MAAM,EAMrC,CAAC,CAAC,EAAE;AARN,CAQM,EAEN,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,IAAI,6PAAa,aACtD;IACyC,2KAQnD,KATU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO;AAAhD,CAAgD,EAQnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,mBAAU,CAAC,6cAAA,iRAgB1B,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,cAG5C;IASK,IACR,KArBuB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAG5C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sIAAA,4DAG1B,EAAY,KAC3B,KADe,cAAM,CAAC,KAAK,EAC3B;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,eAAM,CAAC,8FAAuB,kBAC9C,EAAiD,KAChE,KADe,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAhC,CAAgC,EAChE;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6JAAA,2DAG7B,EAAY,2BAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB"}

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/ApNotifications/styles.d.ts

@@ -14,15 +14,18 @@ export declare const PushWrapper: import("styled-components").StyledComponent<"d
 export declare const PushNotification: import("styled-components").StyledComponent<import("react").SFC<import("./NotificationItem").IProps>, any, {}, never>;
 export declare const GrouppedNotification: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const GrouppedText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RestyledSnackContainer: import("styled-components").GlobalStyleComponent<Pick<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "ref" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & Partial<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
+export declare const RestyledSnackContainer: import("styled-components").GlobalStyleComponent<(Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
     theme?: any;
 } & {
     as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
     forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-}, import("styled-components").DefaultTheme>;
+}) | (Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
+    theme?: any;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+    forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+}), import("styled-components").DefaultTheme>;
 export declare const CloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

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>;