@alixpartners/ui-components 1.22.0 → 1.22.2

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

@@ -0,0 +1,112 @@
+"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;
+};
+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.ApTooltipReference = exports.ApTooltipManager = exports.ApTooltip = void 0;
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var react_popper_1 = require("react-popper");
+Object.defineProperty(exports, "ApTooltipManager", { enumerable: true, get: function () { return react_popper_1.Manager; } });
+Object.defineProperty(exports, "ApTooltipReference", { enumerable: true, get: function () { return react_popper_1.Reference; } });
+var setReactRef_1 = require("../../utils/setReactRef");
+var ApTooltip_styles_1 = require("./ApTooltip.styles");
+/**
+ * Robust and composable tooltip.
+ * This component is similar to ApPopover component
+ *
+ * It builds upon [Popper.js](https://popper.js.org) and all of its positioning logic,
+ * e.g.:
+ *
+ * - it never hides behind window boundaries (or boundaries of the parent scroll element)
+ * - it repositions itself as the user scrolls
+ * - its position always follows the button (tooltip reference)
+ *
+ * See the story, https://popper.js.org and https://github.com/FezVrasta/react-popper
+ * for documentation and examples of usage.
+ */
+var Tooltip = function (_a) {
+    var children = _a.children, onClose = _a.onClose, className = _a.className, _b = _a.hideArrow, hideArrow = _b === void 0 ? false : _b, _c = _a.disableOutsideClick, disableOutsideClick = _c === void 0 ? false : _c, _d = _a.enterDelay, enterDelay = _d === void 0 ? 500 : _d, _e = _a.initialOpen, initialOpen = _e === void 0 ? false : _e, modifiers = _a.modifiers, _f = _a.stopPropagation, stopPropagation = _f === void 0 ? true : _f, _g = _a.containerProps, containerProps = _g === void 0 ? {} : _g, message = _a.message, rest = __rest(_a, ["children", "onClose", "className", "hideArrow", "disableOutsideClick", "enterDelay", "initialOpen", "modifiers", "stopPropagation", "containerProps", "message"]);
+    var _h = __read(react_1.useState(initialOpen), 2), isOpen = _h[0], setOpen = _h[1];
+    var enterTimer = react_1.useRef();
+    var childRef = children.ref;
+    react_1.useLayoutEffect(function () {
+        if (initialOpen) {
+            setOpen(initialOpen);
+        }
+    }, [initialOpen]);
+    // Clear timeout on unmount
+    react_1.useEffect(function () { return function () {
+        clearTimeout(enterTimer.current);
+    }; }, []);
+    var showTooltip = react_1.useCallback(function () {
+        clearTimeout(enterTimer.current);
+        if (enterDelay) {
+            enterTimer.current = window.setTimeout(function () {
+                setOpen(true);
+            }, enterDelay);
+        }
+        else {
+            setOpen(true);
+        }
+    }, [enterDelay]);
+    var hideTooltip = react_1.useCallback(function () {
+        setOpen(false);
+        clearTimeout(enterTimer.current);
+    }, []);
+    var ownRef = react_1.useRef();
+    var handleRef = react_1.useCallback(function (value) {
+        // If child has a `ref` already we must not override it
+        setReactRef_1.setReactRef(childRef, value);
+        ownRef.current = value;
+    }, [childRef, ownRef]);
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, {
+            onMouseEnter: showTooltip,
+            onMouseLeave: hideTooltip,
+            ref: handleRef,
+        }),
+        isOpen && message && (React.createElement(ApTooltip_styles_1.TooltipContainer, __assign({ disableOutsideClick: true, onClose: hideTooltip, hideArrow: hideArrow, className: className, referenceElement: ownRef.current, modifiers: {
+                offset: { offset: '0, 4' }
+            } }, rest), message))));
+};
+exports.ApTooltip = react_1.memo(Tooltip);
+//# sourceMappingURL=ApTooltip.js.map

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

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

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

@@ -0,0 +1,25 @@
+"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.TooltipContainer = exports.Arrow = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var ApPopover_1 = require("../ApPopover/ApPopover");
+var arrowSize = '16px';
+var fadeIn = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+exports.Arrow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  /* 1px to account for arrow border */\n  width: calc(", " + 1px);\n  height: ", ";\n  &:before,\n  &:after {\n    content: ' ';\n    display: block;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n"], ["\n  position: absolute;\n  /* 1px to account for arrow border */\n  width: calc(", " + 1px);\n  height: ", ";\n  &:before,\n  &:after {\n    content: ' ';\n    display: block;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n"])), arrowSize, arrowSize);
+exports.TooltipContainer = styled_components_1.default(ApPopover_1.ApPopover)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-shadow: ", ";\n  background: ", ";\n  color: ", ";\n  max-width: 120px;\n  z-index: 10;\n  opacity: 0;\n  animation: ", " ease 0.1s forwards;\n  padding: 6px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  font-size: 11px;\n  font-weight: normal;\n  border-radius: 1px;\n  &[data-placement='top'] {\n    margin-bottom: ", ";\n  }\n  &[data-placement='bottom'] {\n    margin-top: ", ";\n  }\n  &[data-placement='left'] {\n    margin-right: ", ";\n  }\n  &[data-placement='right'] {\n    margin-left: ", ";\n  }\n  &[data-placement*='top'] {\n    .ap-popover-arrow {\n      bottom: calc(", " / -2);\n      transform: scaleY(-1);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        border-bottom-color: ", ";\n        transform: translate(0, -55%);\n      }\n      &:after {\n        border-bottom-color: ", ";\n        transform: translate(0, -48%);\n      }\n    }\n  }\n  &[data-placement*='bottom'] {\n    .ap-popover-arrow {\n      top: calc((", " / -2) + 2px);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        border-bottom-color: ", ";\n        transform: translate(5%, -55%);\n      }\n      &:after {\n        border-bottom-color: ", ";\n        transform: translate(5%, -48%);\n      }\n    }\n  }\n  &[data-placement*='left'] {\n    .ap-popover-arrow {\n      right: calc(", " * -1 + 2px);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        top: ", ";\n        transform: translate(15%, -100%);\n      }\n      &:before {\n        border-left-color: ", ";\n      }\n      &:after {\n        border-left-color: ", ";\n      }\n    }\n  }\n  &[data-placement*='right'] {\n    .ap-popover-arrow {\n      left: calc(", " * -1 + 2px);\n      transform: scaleX(-1);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        top: ", ";\n        transform: translate(15%, -100%);\n      }\n      &:before {\n        border-left-color: rgba(0, 0, 0, 0.05);\n      }\n      &:after {\n        border-left-color: ", ";\n      }\n    }\n  }\n"], ["\n  box-shadow: ", ";\n  background: ", ";\n  color: ", ";\n  max-width: 120px;\n  z-index: 10;\n  opacity: 0;\n  animation: ", " ease 0.1s forwards;\n  padding: 6px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  font-size: 11px;\n  font-weight: normal;\n  border-radius: 1px;\n  &[data-placement='top'] {\n    margin-bottom: ",
+    ";\n  }\n  &[data-placement='bottom'] {\n    margin-top: ", ";\n  }\n  &[data-placement='left'] {\n    margin-right: ",
+    ";\n  }\n  &[data-placement='right'] {\n    margin-left: ",
+    ";\n  }\n  &[data-placement*='top'] {\n    .ap-popover-arrow {\n      bottom: calc(", " / -2);\n      transform: scaleY(-1);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        border-bottom-color: ", ";\n        transform: translate(0, -55%);\n      }\n      &:after {\n        border-bottom-color: ", ";\n        transform: translate(0, -48%);\n      }\n    }\n  }\n  &[data-placement*='bottom'] {\n    .ap-popover-arrow {\n      top: calc((", " / -2) + 2px);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        border-bottom-color: ", ";\n        transform: translate(5%, -55%);\n      }\n      &:after {\n        border-bottom-color: ", ";\n        transform: translate(5%, -48%);\n      }\n    }\n  }\n  &[data-placement*='left'] {\n    .ap-popover-arrow {\n      right: calc(", " * -1 + 2px);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        top: ", ";\n        transform: translate(15%, -100%);\n      }\n      &:before {\n        border-left-color: ", ";\n      }\n      &:after {\n        border-left-color: ", ";\n      }\n    }\n  }\n  &[data-placement*='right'] {\n    .ap-popover-arrow {\n      left: calc(", " * -1 + 2px);\n      transform: scaleX(-1);\n      &:before,\n      &:after {\n        border: 8px solid rgba(0, 0, 0, 0);\n        top: ", ";\n        transform: translate(15%, -100%);\n      }\n      &:before {\n        border-left-color: rgba(0, 0, 0, 0.05);\n      }\n      &:after {\n        border-left-color: ", ";\n      }\n    }\n  }\n"])), theme_1.boxShadows[3], theme_1.colors.grey6, theme_1.colors.white, fadeIn, function (props) {
+    return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)";
+}, function (props) { return (props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)"); }, function (props) {
+    return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)";
+}, function (props) {
+    return props.hideArrow ? '' : "calc(" + arrowSize + " - 7px)";
+}, arrowSize, theme_1.colors.grey6, theme_1.colors.grey6, arrowSize, theme_1.colors.grey6, theme_1.colors.grey6, arrowSize, arrowSize, theme_1.colors.grey6, theme_1.colors.grey6, arrowSize, arrowSize, theme_1.colors.grey6);
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=ApTooltip.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApTooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/ApTooltip/ApTooltip.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAqD;AAErD,2CAAsD;AAEtD,oDAAkD;AAGlD,IAAM,SAAS,GAAG,MAAM,CAAA;AAExB,IAAM,MAAM,GAAG,6BAAS,qIAAA,kEAOvB,IAAA,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,mTAAA,kFAGf,EAAS,sBACb,EAAS,oIASpB,KAVe,SAAS,EACb,SAAS,EASpB;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,qBAAS,CAAC,mqEAAiB,kBAClD,EAAa,mBACb,EAAY,cACjB,EAAY,sEAIR,EAAM,8PAUA;IACkC,0DAGrC,EAA4D,0DAG1D;IACmC,0DAGpC;IACoC,oFAIlC,EAAS,qJAKC,EAAY,oGAIZ,EAAY,6IAOxB,EAAS,8HAIG,EAAY,qGAIZ,EAAY,6IAOvB,EAAS,6GAId,EAAS,sGAIK,EAAY,0DAGZ,EAAY,oGAMtB,EAAS,2IAKb,EAAS,iLAOK,EAAY,0BAIxC,KAhGe,kBAAU,CAAC,CAAC,CAAC,EACb,cAAM,CAAC,KAAK,EACjB,cAAM,CAAC,KAAK,EAIR,MAAM,EAUA,UAAA,KAAK;IACpB,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAQ,SAAS,YAAS;AAAjD,CAAiD,EAGrC,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAQ,SAAS,YAAS,CAAC,EAAnD,CAAmD,EAG1D,UAAA,KAAK;IACnB,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAQ,SAAS,YAAS;AAAjD,CAAiD,EAGpC,UAAA,KAAK;IAClB,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAQ,SAAS,YAAS;AAAjD,CAAiD,EAIlC,SAAS,EAKC,cAAM,CAAC,KAAK,EAIZ,cAAM,CAAC,KAAK,EAOxB,SAAS,EAIG,cAAM,CAAC,KAAK,EAIZ,cAAM,CAAC,KAAK,EAOvB,SAAS,EAId,SAAS,EAIK,cAAM,CAAC,KAAK,EAGZ,cAAM,CAAC,KAAK,EAMtB,SAAS,EAKb,SAAS,EAOK,cAAM,CAAC,KAAK,EAIxC"}

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

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

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

package/artefact/dist/esm/components/ApWidgets/AllWidgets/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.ItemWrapper = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var DEFAULT_WIDTH = 256;
+var DEFAULT_HEIGHT = 256;
+var MARGIN = 12;
+var NON_STANDARD_GRAY = '#f2f2f2';
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background: ", ";\n  & > div:last-child {\n    clear: right;\n  }\n"], ["\n  width: 100%;\n  background: ", ";\n  & > div:last-child {\n    clear: right;\n  }\n"])), NON_STANDARD_GRAY);
+exports.ItemWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  margin: ", "px;\n  display: inline-block;\n"], ["\n  width: ",
+    "px;\n  height: ", "px;\n  margin: ", "px;\n  display: inline-block;\n"])), function (_a) {
+    var ratio = _a.ratio;
+    return ratio === 2 ? (DEFAULT_WIDTH + MARGIN) * 2 : DEFAULT_WIDTH;
+}, DEFAULT_HEIGHT, MARGIN);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/AllWidgets/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,IAAM,aAAa,GAAG,GAAG,CAAA;AACzB,IAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,IAAM,MAAM,GAAG,EAAE,CAAA;AACjB,IAAM,iBAAiB,GAAG,SAAS,CAAA;AAEtB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,4JAAA,kCAEjB,EAAiB,qDAIhC,KAJe,iBAAiB,EAIhC;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yJAAoB,aAC9C;IACmD,iBAClD,EAAc,iBACd,EAAM,iCAEjB,KALU,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa;AAA1D,CAA0D,EAClD,cAAc,EACd,MAAM,EAEjB"}

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

@@ -0,0 +1,60 @@
+"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.ApCashflowWidget = 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 ApWidgetCard_1 = require("../ApWidgetCard");
+var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var styles_1 = require("./styles");
+exports.ApCashflowWidget = function (_a) {
+    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, dataError = _a.dataError, props = __rest(_a, ["config", "data", "dataError"]);
+    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+        React.createElement(styles_1.Container, null,
+            config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
+            dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
+                React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !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.BodyWrapper, null,
+                React.createElement(styles_1.VarianceContainer, null,
+                    React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.value)),
+                React.createElement(styles_1.CashflowContainer, { isHidden: !data.incoming && !data.outgoing },
+                    React.createElement(styles_1.IncomingColumn, null,
+                        React.createElement(styles_1.Label, null, "INCOMING"),
+                        React.createElement(styles_1.Value, null, data.incoming || '-')),
+                    React.createElement(styles_1.OutgoingColumn, null,
+                        React.createElement(styles_1.Label, null, "OUTGOING"),
+                        React.createElement(styles_1.Value, null, data.outgoing || '-'))),
+                React.createElement(ApWidgetBullet_1.ApWidgetBulletList, { list: [data.viewType, data.taxonomyType + " taxonomy"] }))))));
+};
+exports.ApCashflowWidget.defaultProps = {
+    config: {
+        name: '',
+    },
+    data: null,
+};
+//# sourceMappingURL=ApCashflowWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApCashflowWidget.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCashflowWidget/ApCashflowWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,yDAAuD;AACvD,mDAAiD;AACjD,wDAAsD;AACtD,oDAAsD;AACtD,gDAA8C;AAC9C,gEAA8D;AAC9D,gDAA8C;AAG9C,mCAUiB;AAgBJ,QAAA,gBAAgB,GAAsC,UAAC,EAK3C;IAJvB,IAAA,cAAqB,EAArB,MAAM,mBAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAA,EACrB,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAJ0D,+BAKnE,CADS;IAER,OAAO,CACL,oBAAC,2BAAY,eAAM,KAAa;QAC9B,oBAAC,kBAAS;YACP,MAAM,IAAI,CACT,oBAAC,2BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI,CAC/D;YAEA,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,yBAAgB;gBACf,oBAAC,2CAAoB,OAAG,CACP,CACpB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,yBAAgB;gBACf,oBAAC,iCAAe,IAAC,UAAU,EAAE,cAAM,OAAA,oBAAC,2BAAY,OAAG,EAAhB,CAAgB,GAAI,CACtC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAW;gBACV,oBAAC,0BAAiB;oBAChB,oBAAC,mCAAgB,QAAE,IAAI,CAAC,KAAK,CAAoB,CAC/B;gBACpB,oBAAC,0BAAiB,IAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;oBAC3D,oBAAC,uBAAc;wBACb,oBAAC,cAAK,mBAAiB;wBACvB,oBAAC,cAAK,QAAE,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAS,CACtB;oBACjB,oBAAC,uBAAc;wBACb,oBAAC,cAAK,mBAAiB;wBACvB,oBAAC,cAAK,QAAE,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAS,CACtB,CACC;gBAEpB,oBAAC,mCAAkB,IACjB,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAK,IAAI,CAAC,YAAY,cAAW,CAAC,GACtD,CACU,CACf,CACS,CACC,CAChB,CAAA;AACH,CAAC,CAAA;AAED,wBAAgB,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;KACT;IACD,IAAI,EAAE,IAAI;CACX,CAAA"}

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

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

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

package/artefact/dist/esm/components/ApWidgets/ApCashflowWidget/mockData.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+exports.props = {
+    config: { name: 'Cashflow Widget', iconType: ApWidgetIcon_1.ApWidgetIconTypes.chc },
+    data: {
+        incoming: '58%',
+        outgoing: '13.36',
+        taxonomyType: 'Standard',
+        value: 'US$6M',
+        viewType: 'Consolidated',
+    },
+};
+//# sourceMappingURL=mockData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCashflowWidget/mockData.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEtC,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,gCAAiB,CAAC,GAAG,EAAE;IACpE,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,OAAO;QACjB,YAAY,EAAE,UAAU;QACxB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,cAAc;KACzB;CACF,CAAA"}

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

@@ -0,0 +1,29 @@
+"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.TypeContainer = exports.OutgoingColumn = exports.IncomingColumn = exports.CashflowContainer = exports.BodyWrapper = exports.Column = exports.VarianceValue = 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  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"])));
+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.VarianceValue = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  font-size: ", ";\n  color: ", ";\n  flex: 50%;\n  margin: ", ";\n"], ["\n  display: flex;\n  font-size: ",
+    ";\n  color: ", ";\n  flex: 50%;\n  margin: ", ";\n"])), function (props) {
+    return props.isSmall ? '36px' : '44px';
+}, theme_1.colors.grey7, function (props) { return (props.isSmall ? '5px 0' : '0'); });
+exports.Column = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex: 50%;\n"], ["\n  flex: 50%;\n"])));
+exports.BodyWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  flex-grow: 1;\n  position: relative;\n"], ["\n  flex-grow: 1;\n  position: relative;\n"])));
+exports.CashflowContainer = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0;\n  visibility: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0;\n  visibility: ",
+    ";\n"])), function (props) {
+    return props.isHidden ? 'hidden' : 'visible';
+});
+exports.IncomingColumn = styled_components_1.default(exports.Column)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  border-left: 10px solid ", ";\n  padding-left: 4px;\n"], ["\n  border-left: 10px solid ", ";\n  padding-left: 4px;\n"])), theme_1.colors.green1);
+exports.OutgoingColumn = styled_components_1.default(exports.Column)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  border-left: 10px solid ", ";\n  padding-left: 4px;\n"], ["\n  border-left: 10px solid ", ";\n  padding-left: 4px;\n"])), theme_1.colors.red1);
+exports.TypeContainer = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCashflowWidget/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAEhC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4KAAA,yGAMlC,KAAA;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,aAAa,GAAG,2BAAM,CAAC,GAAG,4JAAA,mCAExB;IACoB,cACxB,EAAY,6BAEX,EAAiE,KAC5E,KALc,UAAC,KAA4B;IACxC,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;AAA/B,CAA+B,EACxB,cAAM,CAAC,KAAK,EAEX,UAAC,KAA4B,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,EAA/B,CAA+B,EAC5E;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,qFAAA,kBAE/B,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,+GAAA,4CAGpC,KAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,oKAAA,0FAI3B;IACyB,KACxC,KAFe,UAAC,KAA6B;IAC1C,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;AAArC,CAAqC,EACxC;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,cAAM,CAAC,gIAAA,8BAChB,EAAa,2BAExC,KAF2B,cAAM,CAAC,MAAM,EAExC;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,cAAM,CAAC,gIAAA,8BAChB,EAAW,2BAEtC,KAF2B,cAAM,CAAC,IAAI,EAEtC;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,8HAAA,yDAGtC,KAAA"}

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

@@ -0,0 +1,75 @@
+"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.ApKPIWidget = void 0;
+var React = require("react");
+var ApIcon_1 = require("../../ApIcon");
+var ApLoaderDefault_1 = require("../../ApLoaderDefault");
+var ApLoaderText_1 = require("../../ApLoaderText");
+var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
+var ApWidgetBullet_1 = require("../ApWidgetBullet");
+var ApWidgetCard_1 = require("../ApWidgetCard");
+var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
+var ApWidgetChart_1 = require("../ApWidgetChart");
+var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
+var ApKPIWidgetTable_1 = require("./ApKPIWidgetTable");
+var styles_1 = require("./styles");
+exports.ApKPIWidget = function (_a) {
+    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, dataError = _a.dataError, props = __rest(_a, ["config", "data", "dataError"]);
+    var hasTableData = false;
+    if (data && data.tableData) {
+        var _c = data.tableData, all = _c.all, top_1 = _c.top, bottom = _c.bottom;
+        hasTableData = !!((all && all.length > 0) ||
+            (top_1 && bottom && (top_1.length > 0 || bottom.length > 0)));
+    }
+    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+        React.createElement(styles_1.Container, null,
+            config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
+            dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
+                React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !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.BodyWrapper, null,
+                React.createElement(styles_1.TopContentWrapper, 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, isUpTrendNegative: data.isUpTrendNegative, label: "On previous period" }),
+                            data.valuePairs.map(function (valuePair, index) { return (React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, __assign({ key: valuePair.label + index }, valuePair))); })),
+                        React.createElement(ApWidgetBullet_1.ApWidgetBulletList, { list: data.attributes })),
+                    config && config.widthRatio === 2 ? (React.createElement(styles_1.ChartWrapper, null, data.chartData && data.chartData.length > 0 ? (React.createElement(ApWidgetChart_1.ApWidgetChart, { data: data.chartData, type: data.chartType })) : (React.createElement(styles_1.NoDataMessage, null,
+                        React.createElement(ApIcon_1.ApIcon, { iconName: "bar_chart", iconSize: "lg" }),
+                        "No chart data")))) : null),
+                config && config.heightRatio === 2 ? (React.createElement(styles_1.BottomContentWrapper, null, hasTableData ? (React.createElement(ApKPIWidgetTable_1.ApKPIWidgetTable, { expanded: config.widthRatio === 2, data: data.tableData, name: data.tableName })) : (React.createElement(styles_1.NoDataMessage, null,
+                    React.createElement(ApIcon_1.ApIcon, { iconName: "view_list", iconSize: "lg" }),
+                    "No table data")))) : null)))));
+};
+exports.ApKPIWidget.defaultProps = {
+    config: {
+        name: '',
+    },
+    data: null,
+};
+//# sourceMappingURL=ApKPIWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApKPIWidget.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApKPIWidget/ApKPIWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,uCAAqC;AACrC,yDAAuD;AACvD,mDAAiD;AACjD,wDAAsD;AACtD,oDAAsD;AACtD,gDAA8C;AAC9C,oEAAkE;AAClE,kDAAgD;AAChD,gEAA8D;AAC9D,gDAA8C;AAC9C,4DAA0D;AAE1D,uDAAiE;AAEjE,mCAUiB;AAwBJ,QAAA,WAAW,GAAoC,UAAC,EAKpD;IAJP,IAAA,cAAqB,EAArB,MAAM,mBAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAA,EACrB,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAJmD,+BAK5D,CADS;IAER,IAAI,YAAY,GAAG,KAAK,CAAA;IAExB,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;QACpB,IAAA,KAAuB,IAAI,CAAC,SAAS,EAAnC,GAAG,SAAA,EAAE,KAAG,SAAA,EAAE,MAAM,YAAmB,CAAA;QAE3C,YAAY,GAAG,CAAC,CAAC,CACf,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;YACvB,CAAC,KAAG,IAAI,MAAM,IAAI,CAAC,KAAG,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CACzD,CAAA;KACF;IAED,OAAO,CACL,oBAAC,2BAAY,eAAM,KAAa;QAC9B,oBAAC,kBAAS;YACP,MAAM,IAAI,CACT,oBAAC,2BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI,CAC/D;YAEA,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,yBAAgB;gBACf,oBAAC,2CAAoB,OAAG,CACP,CACpB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,yBAAgB;gBACf,oBAAC,iCAAe,IAAC,UAAU,EAAE,cAAM,OAAA,oBAAC,2BAAY,OAAG,EAAhB,CAAgB,GAAI,CACtC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAW;gBACV,oBAAC,0BAAiB;oBAChB;wBACE,oBAAC,0BAAiB;4BAChB,oBAAC,mCAAgB,QAAE,IAAI,CAAC,KAAK,CAAoB,CAC/B;wBACpB,oBAAC,yBAAgB;4BACf,oBAAC,+CAAsB,IACrB,KAAK,EAAE,IAAI,CAAC,YAAY,IAAO,IAAI,CAAC,YAAY,MAAG,EACnD,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,KAAK,EAAC,oBAAoB,GACF;4BACzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAClB,UAAC,SAAqB,EAAE,KAAa,IAAK,OAAA,CACxC,oBAAC,uCAAkB,aACjB,GAAG,EAAE,SAAS,CAAC,KAAK,GAAG,KAAK,IACxB,SAAS,EACO,CACvB,EALyC,CAKzC,CACF,CACgB;wBACnB,oBAAC,mCAAkB,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CACzC;oBACL,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,oBAAC,qBAAY,QACV,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,oBAAC,6BAAa,IACZ,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,IAAI,CAAC,SAAS,GACL,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAa;wBACZ,oBAAC,eAAM,IAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,GAAG;wCAE/B,CACjB,CACY,CAChB,CAAC,CAAC,CAAC,IAAI,CACU;gBAEnB,MAAM,IAAI,MAAM,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CACpC,oBAAC,6BAAoB,QAClB,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,mCAAgB,IACf,QAAQ,EAAE,MAAM,CAAC,UAAU,KAAK,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,IAAI,CAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAa;oBACZ,oBAAC,eAAM,IAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,IAAI,GAAG;oCAE/B,CACjB,CACoB,CACxB,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CACS,CACC,CAChB,CAAA;AACH,CAAC,CAAA;AAED,mBAAW,CAAC,YAAY,GAAG;IACzB,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;KACT;IACD,IAAI,EAAE,IAAI;CACX,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/ApKPIWidgetTable.js

@@ -0,0 +1,90 @@
+"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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApKPIWidgetTable = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var ALL_HEADER = ['', 'Current period', 'Prev period', 'Change'];
+var TOP_HEADER = ['', 'Current period', 'Prev period', 'Change'];
+var BOTTOM_HEADER = ['', '', '', ''];
+var rowRenderer = function (expanded) {
+    var renderer = function (tableItem, index) {
+        var title = tableItem.title, current = tableItem.current, prev = tableItem.prev, change = tableItem.change, trend = tableItem.trend, isUpTrendNegative = tableItem.isUpTrendNegative;
+        return expanded ? (React.createElement("tr", { key: title + index },
+            React.createElement(styles_1.WithEllipsis, null,
+                React.createElement("span", null, title)),
+            React.createElement("td", null, current),
+            React.createElement("td", null, prev),
+            React.createElement("td", null,
+                React.createElement(styles_1.ChangeOverTime, { value: change, trend: trend, isUpTrendNegative: isUpTrendNegative })))) : (React.createElement("tr", { key: title + index },
+            React.createElement(styles_1.WithEllipsis, null,
+                React.createElement("span", null, title)),
+            React.createElement("td", null, current)));
+    };
+    return renderer;
+};
+var getHeaders = function (expanded, name) {
+    var allHeader = expanded ? __spread(ALL_HEADER) : ALL_HEADER.slice(0, 2);
+    var topHeader = expanded ? __spread(TOP_HEADER) : TOP_HEADER.slice(0, 2);
+    var bottomHeader = expanded ? __spread(BOTTOM_HEADER) : BOTTOM_HEADER.slice(0, 2);
+    allHeader[0] = name;
+    topHeader[0] = name + " (Top 3)";
+    bottomHeader[0] = name + " (Bottom 3)";
+    return { allHeader: allHeader, topHeader: topHeader, bottomHeader: bottomHeader };
+};
+exports.ApKPIWidgetTable = function (_a) {
+    var expanded = _a.expanded, data = _a.data, name = _a.name, props = __rest(_a, ["expanded", "data", "name"]);
+    var _b = getHeaders(!!expanded, name), allHeader = _b.allHeader, topHeader = _b.topHeader, bottomHeader = _b.bottomHeader;
+    if (!data) {
+        return null;
+    }
+    return (React.createElement(styles_1.Table, __assign({}, props), data.all ? (React.createElement(React.Fragment, null,
+        React.createElement(styles_1.TableTopHeader, null, allHeader.map(function (header, index) { return (React.createElement("th", { key: header + index }, header)); })),
+        data.all.map(rowRenderer(expanded)))) : (React.createElement(React.Fragment, null,
+        React.createElement(styles_1.TableTopHeader, null, topHeader.map(function (header, index) { return (React.createElement("th", { key: header + index }, header)); })),
+        data.top && data.top.map(rowRenderer(expanded)),
+        React.createElement(styles_1.TableBottomHeader, null, bottomHeader.map(function (header, index) { return (React.createElement("th", { key: header + index }, header)); })),
+        data.bottom && data.bottom.map(rowRenderer(expanded))))));
+};
+//# sourceMappingURL=ApKPIWidgetTable.js.map

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/ApKPIWidgetTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApKPIWidgetTable.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApKPIWidget/ApKPIWidgetTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,mCAMiB;AAuBjB,IAAM,UAAU,GAAG,CAAC,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AAClE,IAAM,UAAU,GAAG,CAAC,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAA;AAClE,IAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAEtC,IAAM,WAAW,GAAG,UAAC,QAAkB;IACrC,IAAM,QAAQ,GAAG,UAAC,SAAyB,EAAE,KAAa;QAChD,IAAA,KAAK,GAAsD,SAAS,MAA/D,EAAE,OAAO,GAA6C,SAAS,QAAtD,EAAE,IAAI,GAAuC,SAAS,KAAhD,EAAE,MAAM,GAA+B,SAAS,OAAxC,EAAE,KAAK,GAAwB,SAAS,MAAjC,EAAE,iBAAiB,GAAK,SAAS,kBAAd,CAAc;QAE5E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,4BAAI,GAAG,EAAE,KAAK,GAAG,KAAK;YACpB,oBAAC,qBAAY;gBACX,kCAAO,KAAK,CAAQ,CACP;YACf,gCAAK,OAAO,CAAM;YAClB,gCAAK,IAAI,CAAM;YACf;gBACE,oBAAC,uBAAc,IACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACC,CACF,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,GAAG,EAAE,KAAK,GAAG,KAAK;YACpB,oBAAC,qBAAY;gBACX,kCAAO,KAAK,CAAQ,CACP;YACf,gCAAK,OAAO,CAAM,CACf,CACN,CAAA;IACH,CAAC,CAAA;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,QAAiB,EAAE,IAAY;IACjD,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,UAAK,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACrE,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,UAAK,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACrE,IAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,UAAK,aAAa,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAE9E,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,CAAC,CAAC,GAAM,IAAI,aAAU,CAAA;IAChC,YAAY,CAAC,CAAC,CAAC,GAAM,IAAI,gBAAa,CAAA;IAEtC,OAAO,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,CAAA;AAC/C,CAAC,CAAA;AAEY,QAAA,gBAAgB,GAAoC,UAAC,EAKzD;IAJP,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,IAAI,UAAA,EACD,KAAK,cAJwD,4BAKjE,CADS;IAEF,IAAA,KAAyC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAnE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAiC,CAAA;IAE3E,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,cAAK,eAAM,KAAa,GACtB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CACV;QACE,oBAAC,uBAAc,QACZ,SAAS,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAChC,4BAAI,GAAG,EAAE,MAAM,GAAG,KAAK,IAAG,MAAM,CAAM,CACvC,EAFiC,CAEjC,CAAC,CACa;QAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CACnC,CACJ,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,uBAAc,QACZ,SAAS,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAChC,4BAAI,GAAG,EAAE,MAAM,GAAG,KAAK,IAAG,MAAM,CAAM,CACvC,EAFiC,CAEjC,CAAC,CACa;QAChB,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAChD,oBAAC,0BAAiB,QACf,YAAY,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACnC,4BAAI,GAAG,EAAE,MAAM,GAAG,KAAK,IAAG,MAAM,CAAM,CACvC,EAFoC,CAEpC,CAAC,CACgB;QACnB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CACrD,CACJ,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

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