@alixpartners/ui-components 1.22.0 → 1.22.1

package/artefact/dist/esm/components/ApMenu/ApMenuSection.js

@@ -0,0 +1,33 @@
+"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.ApMenuSection = void 0;
+/* tslint:disable */
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApMenuSection = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(styles_1.MenuSection, __assign({}, props, { className: className })));
+};
+//# sourceMappingURL=ApMenuSection.js.map

package/artefact/dist/esm/components/ApMenu/ApMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApMenuSection.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/ApMenuSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAAoB;AACpB,6BAA8B;AAG9B,mCAAsC;AAEzB,QAAA,aAAa,GAAuC,UAAC,EAAuB;IAArB,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IACnF,OAAO,CACH,oBAAC,oBAAW,eACJ,KAAK,IACT,SAAS,EAAE,SAAS,IACtB,CACL,CAAA;AACL,CAAC,CAAA"}

package/artefact/dist/esm/components/ApMenu/ApMenuTrigger.js

@@ -0,0 +1,42 @@
+"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.ApMenuTrigger = void 0;
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var theme_1 = require("../../utils/theme");
+var styles_1 = require("./styles");
+var ApMenuTriggerInternal = react_1.forwardRef(function (_a, ref) {
+    var children = _a.children, icon = _a.icon, isOpen = _a.isOpen, props = __rest(_a, ["children", "icon", "isOpen"]);
+    return (React.createElement(styles_1.TriggerWrapper, __assign({}, props, { ref: ref }),
+        React.createElement(styles_1.BorderedTrigger, null,
+            icon && React.createElement(styles_1.TriggerIcon, { iconName: icon }),
+            "  ",
+            children),
+        React.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
+});
+exports.ApMenuTrigger = react_1.memo(ApMenuTriggerInternal);
+//# sourceMappingURL=ApMenuTrigger.js.map

package/artefact/dist/esm/components/ApMenu/ApMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApMenuTrigger.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/ApMenuTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAAoB;AACpB,6BAA8B;AAC9B,+BAAwC;AACxC,mBAAmB;AACnB,2CAA0C;AAC1C,mCAKkB;AAElB,IAAM,qBAAqB,GAAG,kBAAU,CACtC,UAAC,EAAyC,EAAE,GAAQ;IAAjD,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAlC,8BAAoC,CAAF;IACjC,OAAO,CACL,oBAAC,uBAAc,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QACjC,oBAAC,wBAAe;YACb,IAAI,IAAI,oBAAC,oBAAW,IAAC,QAAQ,EAAE,IAAI,GAAI;;YAAI,QAAQ,CACpC;QAClB,oBAAC,sBAAa,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAE,cAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC9D,CAClB,CAAA;AACH,CAAC,CACF,CAAC;AAEW,QAAA,aAAa,GAAG,YAAI,CAAC,qBAAqB,CAAC,CAAC"}

package/artefact/dist/esm/components/ApMenu/ApMenuTriggerBordered.js

@@ -0,0 +1,42 @@
+"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.ApMenuTriggerBordered = exports.ApMenuTriggerBorderedInternal = void 0;
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var theme_1 = require("../../utils/theme");
+var styles_1 = require("./styles");
+exports.ApMenuTriggerBorderedInternal = react_1.forwardRef(function (_a, ref) {
+    var children = _a.children, icon = _a.icon, isOpen = _a.isOpen, props = __rest(_a, ["children", "icon", "isOpen"]);
+    return (React.createElement(styles_1.BorderedTriggerWrapper, __assign({ icon: icon }, props, { ref: ref }),
+        React.createElement(styles_1.BorderedTrigger, null,
+            icon && React.createElement(styles_1.TriggerIcon, { iconName: icon }),
+            "  ",
+            children),
+        React.createElement(styles_1.BorderedCaret, { iconName: 'caret', iconColor: theme_1.colors.grey700, isOpen: isOpen })));
+});
+exports.ApMenuTriggerBordered = react_1.memo(exports.ApMenuTriggerBorderedInternal);
+//# sourceMappingURL=ApMenuTriggerBordered.js.map

package/artefact/dist/esm/components/ApMenu/ApMenuTriggerBordered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApMenuTriggerBordered.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/ApMenuTriggerBordered.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAAoB;AACpB,6BAA8B;AAC9B,+BAAwC;AACxC,mBAAmB;AACnB,2CAA0C;AAC1C,mCAKkB;AAEL,QAAA,6BAA6B,GAAG,kBAAU,CAAC,UAAC,EAAyC,EAAE,GAAQ;IAAjD,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAlC,8BAAoC,CAAF;IACzF,OAAO,CACL,oBAAC,+BAAsB,aAAC,IAAI,EAAE,IAAI,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG;QACrD,oBAAC,wBAAe;YACb,IAAI,IAAI,oBAAC,oBAAW,IAAC,QAAQ,EAAE,IAAI,GAAI;;YAAI,QAAQ,CACpC;QAClB,oBAAC,sBAAa,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAE,cAAM,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CACtD,CAC1B,CAAA;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,YAAI,CAAC,qCAA6B,CAAC,CAAC"}

package/artefact/dist/esm/components/ApMenu/context.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApMenuContext = void 0;
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+exports.ApMenuContext = react_1.createContext({
+    closeAll: lodash_1.noop,
+    closeMenu: lodash_1.noop,
+    small: false,
+    depth: -1,
+    isOpen: false,
+});
+exports.default = exports.ApMenuContext;
+//# sourceMappingURL=context.js.map

package/artefact/dist/esm/components/ApMenu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/context.ts"],"names":[],"mappings":";;;AAAA,iCAA6B;AAC7B,+BAAqC;AAUxB,QAAA,aAAa,GAAG,qBAAa,CAAgB;IACxD,QAAQ,EAAE,aAAI;IACd,SAAS,EAAE,aAAI;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,EAAE,KAAK;CACd,CAAC,CAAA;AAEF,kBAAe,qBAAa,CAAA"}

package/artefact/dist/esm/components/ApMenu/index.js

@@ -0,0 +1,22 @@
+"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("./ApMenu"), exports);
+__exportStar(require("./ApMenuItem"), exports);
+__exportStar(require("./ApMenuItemSelect"), exports);
+__exportStar(require("./ApMenuItemMultiSelect"), exports);
+__exportStar(require("./ApMenuTrigger"), exports);
+__exportStar(require("./ApMenuTriggerBordered"), exports);
+__exportStar(require("./ApMenuItemStatic"), exports);
+__exportStar(require("./ApMenuSection"), exports);
+__exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ApMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B;AAC5B,qDAAkC;AAClC,0DAAuC;AACvC,kDAA+B;AAC/B,0DAAuC;AACvC,qDAAkC;AAClC,kDAA+B;AAC/B,4CAAyB"}

package/artefact/dist/esm/components/ApMenu/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderedCaret = exports.TriggerIcon = exports.BorderedTrigger = exports.BorderedTriggerWrapper = exports.TriggerWrapper = exports.ButtonIcon = exports.IconWrapper = exports.MenuSection = exports.MenuItemText = exports.MenuItem = exports.MenuContainer = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var ApIcon_1 = require("../ApIcon");
+var ApPopover_1 = require("../ApPopover/ApPopover");
+var itemSpacing = '8px';
+exports.MenuContainer = styled_components_1.default(ApPopover_1.ApPopover)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --webkit-overflow-scrolling: touch;\n  overflow-y: auto;\n  outline: 0;\n  min-width: 192px;\n  max-width: 300px;\n  max-height: calc(100% - 96px);\n  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);\n  /* For nested <Divider> */\n  padding-top: ", ";\n  padding-bottom: ", ";\n  transform: ", ";\n  z-index: 998;\n"], ["\n  --webkit-overflow-scrolling: touch;\n  overflow-y: auto;\n  outline: 0;\n  min-width: 192px;\n  max-width: 300px;\n  max-height: calc(100% - 96px);\n  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);\n  /* For nested <Divider> */\n  padding-top: ", ";\n  padding-bottom: ", ";\n  transform: ", ";\n  z-index: 998;\n"])), itemSpacing, itemSpacing, function (props) { return (props.subMenu ? 'translateY(-8px)' : 'none'); });
+exports.MenuItem = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    text-transform: uppercase;\n    border-radius: 1px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.1s ease-out;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    background-color: ", ";\n    border: 0;\n    text-align: left;\n    margin: 0;\n    outline: none;\n    color: ", ";\n    font-family: ", ";\n    padding: 0;\n    height: 36px;\n    ", "\n    ", "\n"], ["\n    text-transform: uppercase;\n    border-radius: 1px;\n    font-weight: 500;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.1s ease-out;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    background-color: ", ";\n    border: 0;\n    text-align: left;\n    margin: 0;\n    outline: none;\n    color: ", ";\n    font-family: ", ";\n    padding: 0;\n    height: 36px;\n    ",
+    "\n    ",
+    "\n"])), function (props) { return (props.isOpen ? theme_1.colors.green0 : theme_1.colors.white); }, theme_1.colors.grey800, theme_1.font.fontFamily, function (_a) {
+    var disabled = _a.disabled;
+    return disabled &&
+        "\n        pointer-events: none;\n        color: " + theme_1.colors.grey400 + ";\n        svg {\n          fill: " + theme_1.colors.grey300 + ";\n        }\n    ";
+}, function (_a) {
+    var disableHover = _a.disableHover, isStatic = _a.isStatic, disabled = _a.disabled;
+    return !disableHover &&
+        !disabled &&
+        !isStatic &&
+        "\n        cursor: pointer;\n        &:hover {\n            background-color: " + theme_1.colors.green0 + ";\n        }\n    ";
+});
+exports.MenuItemText = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  text-transform: none;\n  letter-spacing: 0.3px;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n"], ["\n  flex: 1;\n  text-transform: none;\n  letter-spacing: 0.3px;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n"])));
+exports.MenuSection = styled_components_1.default(exports.MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  letter-spacing: 0.8px;\n  line-height: 16px;\n  pointer-events: none;\n  height: 36px;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n"], ["\n  color: ", ";\n  letter-spacing: 0.8px;\n  line-height: 16px;\n  pointer-events: none;\n  height: 36px;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n"])), function (props) { return (props.disabled ? theme_1.colors.grey300 : theme_1.colors.grey500); });
+exports.IconWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 24px;\n  margin-left: 8px;\n  margin-right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"], ["\n  width: 24px;\n  margin-left: 8px;\n  margin-right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"])));
+exports.ButtonIcon = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-left: 10px;\n  transform: rotate(270deg);\n  color: ", ";\n"], ["\n  margin-left: 10px;\n  transform: rotate(270deg);\n  color: ", ";\n"])), function (props) { return (props.isOpen ? theme_1.colors.grey400 : theme_1.colors.grey800); });
+exports.TriggerWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 40px;\n  padding-left: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n  padding-left: 8px;\n  color: ", ";\n  border-radius: 1px;\n  box-sizing: border-box;\n\n  ", "\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 40px;\n  padding-left: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n  padding-left: 8px;\n  color: ", ";\n  border-radius: 1px;\n  box-sizing: border-box;\n\n  ",
+    "\n  ",
+    "\n"])), theme_1.colors.grey700, function (_a) {
+    var disabled = _a.disabled;
+    return disabled
+        ? styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        border-color: ", ";\n        color: ", ";\n        cursor: not-allowed;\n        ", " {\n          fill: ", ";\n        }\n      "], ["\n        border-color: ", ";\n        color: ", ";\n        cursor: not-allowed;\n        ", " {\n          fill: ", ";\n        }\n      "])), theme_1.colors.grey300, theme_1.colors.grey400, exports.BorderedCaret, theme_1.colors.grey400) : styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:focus {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), theme_1.colors.green50, theme_1.colors.green50, theme_1.colors.green100);
+}, function (_a) {
+    var small = _a.small;
+    return small && styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      height: 32px;\n    "], ["\n      height: 32px;\n    "])));
+});
+exports.BorderedTriggerWrapper = styled_components_1.default(exports.TriggerWrapper)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding-left: ", "px;\n  border: 1px solid ", ";\n  ", "\n"], ["\n  padding-left: ", "px;\n  border: 1px solid ", ";\n  ",
+    "\n"])), function (_a) {
+    var icon = _a.icon;
+    return icon ? 8 : 12;
+}, theme_1.colors.grey500, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), theme_1.colors.grey300);
+});
+exports.BorderedTrigger = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n"], ["\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n"])));
+exports.TriggerIcon = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  margin-right: 4px;\n  fill: ", ";\n"], ["\n  margin-right: 4px;\n  fill: ", ";\n"])), theme_1.colors.grey500);
+exports.BorderedCaret = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  margin-left: 4px;\n  margin-right: 4px;\n  transform: rotate(", "deg);\n  transition: transform 0.3s;\n"], ["\n  display: flex;\n  margin-left: 4px;\n  margin-right: 4px;\n  transform: rotate(", "deg);\n  transition: transform 0.3s;\n"])), function (_a) {
+    var isOpen = _a.isOpen;
+    return isOpen ? 180 : 0;
+});
+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;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApMenu/styles.js.map

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

package/artefact/dist/esm/components/ApModal/ApModal.js

@@ -0,0 +1,80 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApModal = void 0;
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var react_dom_1 = require("react-dom");
+var theme_1 = require("../../utils/theme");
+var ApButtons_1 = require("../ApButtons");
+var styles_1 = require("./styles");
+exports.ApModal = function (_a) {
+    var _b, _c;
+    var trigger = _a.trigger, header = _a.header, footer = _a.footer, isFluid = _a.isFluid, isDismissible = _a.isDismissible, isOpen = _a.isOpen, hasClosed = _a.hasClosed, className = _a.className, children = _a.children, zIndex = _a.zIndex;
+    var _d = __read(react_1.useState(!!isOpen), 2), stateIsOpen = _d[0], setIsOpen = _d[1];
+    var _e = __read(react_1.useState((_c = (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.overflow), 1), prevOverflow = _e[0];
+    react_1.useEffect(function () {
+        if (isOpen !== undefined && isOpen !== stateIsOpen) {
+            setIsOpen(isOpen);
+        }
+    }, [isOpen]);
+    react_1.useEffect(function () {
+        var _a, _b;
+        (_b = (_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.setProperty('overflow', stateIsOpen ? 'hidden' : prevOverflow);
+        return function () {
+            var _a, _b;
+            (_b = (_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.setProperty('overflow', prevOverflow);
+        };
+    }, [stateIsOpen]);
+    var handleOpen = function () {
+        setIsOpen(true);
+    };
+    var handleClose = function () {
+        setIsOpen(false);
+        if (hasClosed) {
+            hasClosed();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(styles_1.StyledModalTrigger, null, trigger &&
+            trigger({
+                handleOpen: function () { return handleOpen(); },
+            })),
+        stateIsOpen &&
+            react_dom_1.createPortal(React.createElement(React.Fragment, null,
+                React.createElement(styles_1.StyledModal, { zIndex: zIndex, className: "ap-modal " + (className ? className : '') },
+                    React.createElement(styles_1.StyledModalLightbox, { className: "ap-modal-lightbox", onClick: function () { return handleClose(); } }),
+                    React.createElement(styles_1.StyledModalWrapper, { className: "ap-modal-wrapper" },
+                        React.createElement(styles_1.StyledModalContent, { className: "ap-modal-content", isFluid: isFluid },
+                            header && (React.createElement(styles_1.StyledModalHeader, { className: "ap-modal-header" },
+                                React.createElement("h4", null, header),
+                                isDismissible && (React.createElement(ApButtons_1.ApButtonIcon, { iconName: "baseline_close", onClick: function () { return handleClose(); } })))),
+                            React.createElement(styles_1.StyledModalBody, { className: "ap-modal-body" }, children),
+                            footer && (React.createElement(styles_1.StyledModalFooter, { className: "ap-modal-footer" }, footer({
+                                handleClose: function () { return handleClose(); },
+                            }))))))), document.body)));
+};
+exports.ApModal.defaultProps = {
+    isDismissible: false,
+    isFluid: false,
+    isOpen: false,
+    zIndex: theme_1.depths.modal,
+};
+//# sourceMappingURL=ApModal.js.map

package/artefact/dist/esm/components/ApModal/ApModal.js.map

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

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

package/artefact/dist/esm/components/ApModal/index.js.map

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

package/artefact/dist/esm/components/ApModal/styles.js

@@ -0,0 +1,69 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledModalFooter = exports.StyledModalBody = exports.StyledModalHeader = exports.StyledModalContent = exports.StyledModalWrapper = exports.StyledModalLightbox = exports.StyledModalTrigger = exports.StyledModal = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledModal = styled_components_1.default.div({
+    height: '100vh',
+    left: '0px',
+    position: 'fixed',
+    top: '0px',
+    width: '100%'
+}, function (_a) {
+    var zIndex = _a.zIndex;
+    return ({
+        zIndex: zIndex
+    });
+});
+exports.StyledModalTrigger = styled_components_1.default.div({
+    display: 'inline-flex'
+});
+var lighboxAnimIn = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var blockAnimIn = styled_components_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    transform: scaleX(0.8) scaleY(0.8)\n  }\n  100% {\n    transform: scaleX(1) scaleY(1)\n  }\n"], ["\n  0% {\n    transform: scaleX(0.8) scaleY(0.8)\n  }\n  100% {\n    transform: scaleX(1) scaleY(1)\n  }\n"])));
+exports.StyledModalLightbox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  animation: ", " 0.2s linear;\n  background-color: ", ";\n"], ["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  animation: ", " 0.2s linear;\n  background-color: ", ";\n"])), lighboxAnimIn, theme_1.colors.lightbox);
+exports.StyledModalWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  animation: ", " 0.13s ease-out;\n  width: calc(100% - ", ");\n  height: calc(100% - ", ");\n  overflow-y: auto;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  animation: ", " 0.13s ease-out;\n  width: calc(100% - ", ");\n  height: calc(100% - ", ");\n  overflow-y: auto;\n"])), theme_1.scaffolding.md, blockAnimIn, theme_1.scaffolding.xl, theme_1.scaffolding.xl);
+exports.StyledModalContent = styled_components_1.default.div({
+    backgroundColor: theme_1.colors.white,
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative',
+    width: '100%'
+}, function (_a) {
+    var isFluid = _a.isFluid;
+    return ({
+        maxWidth: isFluid ? '100%' : theme_1.breakpoints.sm
+    });
+});
+exports.StyledModalHeader = styled_components_1.default.div({
+    alignItems: 'center',
+    borderBottom: "1px solid " + theme_1.colors.grey3,
+    display: 'flex',
+    h4: __assign(__assign({}, theme_1.font), { fontSize: '19px', fontWeight: theme_1.fontWeights.bold, lineHeigt: '27px', margin: '0px' }),
+    justifyContent: 'space-between',
+    padding: theme_1.scaffolding.md
+});
+exports.StyledModalBody = styled_components_1.default.div({
+    overflowY: 'auto',
+    padding: theme_1.scaffolding.md
+});
+exports.StyledModalFooter = styled_components_1.default.div({
+    borderTop: "1px solid " + theme_1.colors.grey3,
+    padding: theme_1.scaffolding.md
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApModal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ApModal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAqD;AAIrD,2CAM0B;AAEb,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CACnC;IACE,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;CACd,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC;QACf,MAAM,QAAA;KACP,CAAC;AAFc,CAEd,CACH,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAC;IAC3C,OAAO,EAAE,aAAa;CACvB,CAAC,CAAA;AAEF,IAAM,aAAa,GAAG,6BAAS,qIAAA,kEAO9B,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,6BAAS,+KAAA,4GAO5B,IAAA,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,qNAAA,oGAM9B,EAAa,qCACN,EAAe,KACpC,KAFc,aAAa,EACN,cAAM,CAAC,QAAQ,EACpC;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,iRAAA,oFAIhC,EAAc,kBACX,EAAW,yCACH,EAAc,4BACb,EAAc,2BAErC,KALW,mBAAW,CAAC,EAAE,EACX,WAAW,EACH,mBAAW,CAAC,EAAE,EACb,mBAAW,CAAC,EAAE,EAErC;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAC1C;IACE,eAAe,EAAE,cAAM,CAAC,KAAK;IAC7B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;CACd,EACD,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC;QAChB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAW,CAAC,EAAE;KAC5C,CAAC;AAFe,CAEf,CACH,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC;IAC1C,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,eAAa,cAAM,CAAC,KAAO;IACzC,OAAO,EAAE,MAAM;IACf,EAAE,wBACI,YAAY,KAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,mBAAW,CAAC,IAAI,EAC5B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,KAAK,GACd;IACD,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,mBAAW,CAAC,EAAE;CACxB,CAAC,CAAA;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAC;IACxC,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,mBAAW,CAAC,EAAE;CACxB,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC;IAC1C,SAAS,EAAE,eAAa,cAAM,CAAC,KAAO;IACtC,OAAO,EAAE,mBAAW,CAAC,EAAE;CACxB,CAAC,CAAA"}

package/artefact/dist/esm/components/ApMonthPicker/ApMonthPicker.js

@@ -0,0 +1,163 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApMonthPicker = void 0;
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var theme_1 = require("../../utils/theme");
+var ApButtonGroup_1 = require("../ApButtonGroup");
+var ApButtons_1 = require("../ApButtons");
+var ApIcon_1 = require("../ApIcon");
+var ApMonthPickerGrid_1 = require("./ApMonthPickerGrid");
+var types_1 = require("./types");
+var utils_1 = require("./utils");
+var styles_1 = require("./styles");
+exports.ApMonthPicker = function (_a) {
+    var srcRange = _a.srcRange, stateRange = _a.stateRange, onConfirm = _a.onConfirm, onReset = _a.onReset, className = _a.className;
+    var _b = __read(react_1.useState(false), 2), isOpen = _b[0], setIsOpen = _b[1];
+    var initialRange = {
+        from: {
+            month: utils_1.monthNames[srcRange.from.month - 1],
+            monthNumber: srcRange.from.month,
+            year: srcRange.from.year,
+        },
+        to: {
+            month: utils_1.monthNames[srcRange.to.month - 1],
+            monthNumber: srcRange.to.month,
+            year: srcRange.to.year,
+        },
+    };
+    var _c = __read(react_1.useState(__assign({}, initialRange)), 2), setRange = _c[0], setSetRange = _c[1];
+    var _d = __read(react_1.useState(__assign({}, initialRange)), 2), selectedRange = _d[0], setselectedRange = _d[1];
+    var _e = __read(react_1.useState({
+        from: {
+            yearIndex: 0,
+        },
+        to: {
+            yearIndex: 0,
+        },
+    }), 2), currentYear = _e[0], setCurrentYear = _e[1];
+    var handleFromSelect = function (obj) {
+        setselectedRange(__assign(__assign({}, selectedRange), { from: obj }));
+    };
+    var handleToSelect = function (obj) {
+        setselectedRange(__assign(__assign({}, selectedRange), { to: obj }));
+    };
+    var handleConfirm = function () {
+        setSetRange({ from: selectedRange.from, to: selectedRange.to });
+        if (onConfirm) {
+            onConfirm({ from: selectedRange.from, to: selectedRange.to });
+        }
+        setIsOpen(false);
+    };
+    var handleDismiss = function () {
+        setselectedRange({ from: setRange.from, to: setRange.to });
+        setIsOpen(false);
+    };
+    var handleOpen = function () {
+        setIsOpen(true);
+    };
+    var handleReset = function () {
+        setSetRange(__assign({}, initialRange));
+        setselectedRange(__assign({}, initialRange));
+        setCurrentYear({
+            from: {
+                yearIndex: utils_1.getYearIndexFromRange(fromCompleteRange, srcRange.from.year),
+            },
+            to: {
+                yearIndex: utils_1.getYearIndexFromRange(toCompleteRange, srcRange.to.year),
+            },
+        });
+        if (onReset) {
+            onReset(__assign({}, initialRange));
+        }
+    };
+    var availableData = initialRange.from.month + " " + initialRange.from.year + " - " + initialRange.to.month + " " + initialRange.to.year;
+    var selectedData = setRange.from.month + " " + setRange.from.year + " - " + setRange.to.month + " " + setRange.to.year;
+    var fromCompleteRange = utils_1.createSrcRange(srcRange, selectedRange.from, selectedRange.to, types_1.FROM);
+    var toCompleteRange = utils_1.createSrcRange(srcRange, selectedRange.to, selectedRange.from, types_1.TO);
+    react_1.useEffect(function () {
+        if (stateRange) {
+            setSetRange(__assign({}, stateRange));
+            setselectedRange(__assign({}, stateRange));
+            setCurrentYear({
+                from: {
+                    yearIndex: utils_1.getYearIndexFromRange(fromCompleteRange, stateRange.from.year),
+                },
+                to: {
+                    yearIndex: utils_1.getYearIndexFromRange(toCompleteRange, stateRange.to.year),
+                },
+            });
+        }
+        else {
+            setCurrentYear({
+                from: {
+                    yearIndex: utils_1.getYearIndexFromRange(fromCompleteRange, srcRange.from.year),
+                },
+                to: {
+                    yearIndex: utils_1.getYearIndexFromRange(toCompleteRange, srcRange.to.year),
+                },
+            });
+        }
+    }, [stateRange]);
+    var handleChangeYear = function (key, value) {
+        var _a;
+        setCurrentYear(__assign(__assign({}, currentYear), (_a = {}, _a[key] = {
+            yearIndex: currentYear[key].yearIndex + value,
+        }, _a)));
+    };
+    return (React.createElement(styles_1.StyledMonthPicker, { className: "ap-month-picker " + (className ? className : '') },
+        React.createElement(styles_1.StyledPickerInput, { onClick: function () { return handleOpen(); } },
+            React.createElement(ApIcon_1.ApIcon, { iconColor: theme_1.colors.grey4, iconName: "baseline_date_range" }),
+            React.createElement("span", { style: { marginLeft: theme_1.scaffolding.sm } }, selectedData)),
+        isOpen && (React.createElement(styles_1.StyledPickerBody, null,
+            React.createElement(styles_1.StyledPickerHeader, null,
+                React.createElement("h4", null, "Start the time period"),
+                React.createElement(ApButtons_1.ApButtonIcon, { iconName: "baseline_close", onClick: function () { return handleDismiss(); } })),
+            React.createElement(styles_1.StyledSubHeader, null,
+                React.createElement(styles_1.StyledAvailableData, null,
+                    React.createElement(ApIcon_1.ApIcon, { iconName: "outline_error", iconColor: theme_1.colors.green1 }),
+                    React.createElement("h5", { style: { color: theme_1.colors.green1 } }, "Available Data:"),
+                    React.createElement("h5", null, availableData)),
+                React.createElement(ApButtons_1.ApButtonSecondary, { onClick: function () { return handleReset(); } }, "RESET")),
+            React.createElement(styles_1.StyledMonthGroup, null,
+                React.createElement(ApMonthPickerGrid_1.ApMonthPickerGrid, { completedSrcRange: fromCompleteRange, handleSelect: function (obj) { return handleFromSelect(obj); }, handleDeIncYear: function () { return handleChangeYear(types_1.FROM, -1); }, handleIncYear: function () { return handleChangeYear(types_1.FROM, 1); }, selectDirection: types_1.FROM, currentYear: currentYear.from.yearIndex }),
+                React.createElement("span", { style: {
+                        border: "1px solid " + theme_1.colors.grey2,
+                        margin: "0px " + theme_1.scaffolding.md,
+                    } }),
+                React.createElement(ApMonthPickerGrid_1.ApMonthPickerGrid, { completedSrcRange: toCompleteRange, handleSelect: function (obj) { return handleToSelect(obj); }, handleDeIncYear: function () { return handleChangeYear(types_1.TO, -1); }, handleIncYear: function () { return handleChangeYear(types_1.TO, 1); }, selectDirection: types_1.TO, currentYear: currentYear.to.yearIndex })),
+            React.createElement(styles_1.StyledPickerFooter, null,
+                React.createElement(ApButtonGroup_1.ApButtonGroup, { justifyContent: "space-between" },
+                    React.createElement(ApButtons_1.ApButtonSecondary, { onClick: function () { return handleDismiss(); } }, "Cancel"),
+                    React.createElement(ApButtons_1.ApButtonMain, { onClick: function () { return handleConfirm(); } }, "Apply")))))));
+};
+//# sourceMappingURL=ApMonthPicker.js.map

package/artefact/dist/esm/components/ApMonthPicker/ApMonthPicker.js.map

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