@alixpartners/ui-components 1.22.0 → 1.22.1

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

@@ -0,0 +1,68 @@
+"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.ApMonthPickerGrid = void 0;
+/* tslint:disable */
+var React = require("react");
+var react_1 = require("react");
+/* tslint:enable */
+var ApButtons_1 = require("../ApButtons");
+var styles_1 = require("./styles");
+exports.ApMonthPickerGrid = function (_a) {
+    var selectDirection = _a.selectDirection, handleSelect = _a.handleSelect, handleDeIncYear = _a.handleDeIncYear, handleIncYear = _a.handleIncYear, currentYear = _a.currentYear, completedSrcRange = _a.completedSrcRange;
+    var _b = __read(react_1.useState(Object.keys(completedSrcRange).length - 1), 1), totalYears = _b[0];
+    var createYearTable = function (year) {
+        return year
+            .reduce(function (allYears, oneYear, i) {
+            var chunkSize = Math.floor(i / 4);
+            allYears[chunkSize] = [].concat(allYears[chunkSize] || [], oneYear);
+            return allYears;
+        }, [])
+            .map(function (yearChunk, y) {
+            return (React.createElement("tr", { key: "tr-" + y }, yearChunk.map(function (obj, i) {
+                return (React.createElement("td", { key: "td-" + i },
+                    React.createElement(styles_1.StyledPickerButton, { key: "button-" + i, disabled: obj.isDisabled, onClick: function () {
+                            return handleSelect({
+                                month: obj.month,
+                                monthNumber: obj.monthNumber,
+                                year: obj.year,
+                            });
+                        }, isDisabled: obj.isDisabled, isSelectable: obj.isSelectable, isSelected: obj.isSelected }, obj.month)));
+            })));
+        });
+    };
+    return (React.createElement(styles_1.StyledPickerContainer, null,
+        React.createElement(styles_1.StyledPickerTableHeader, null,
+            React.createElement(styles_1.StyledContolsTitle, null,
+                selectDirection,
+                ":"),
+            React.createElement(styles_1.StyledContols, null,
+                React.createElement(ApButtons_1.ApButtonIcon, { disabled: currentYear === 0 ? true : false, iconName: "baseline_arrow_back", onClick: handleDeIncYear }),
+                React.createElement("span", { style: { margin: '0px 8px' } }, Object.keys(completedSrcRange)[currentYear]),
+                React.createElement(ApButtons_1.ApButtonIcon, { disabled: currentYear === totalYears ? true : false, iconName: "baseline_arrow_forward", onClick: handleIncYear }))),
+        Object.keys(completedSrcRange).map(function (year, i) {
+            return (React.createElement(styles_1.StyledPickerTableContainer, { key: "table-container-" + i, id: year, style: {
+                    display: year === Object.keys(completedSrcRange)[currentYear]
+                        ? 'block'
+                        : 'none',
+                } },
+                React.createElement(styles_1.StyledPickerTable, { key: "table-" + i },
+                    React.createElement(styles_1.StyledPickerTBody, null, createYearTable(completedSrcRange[year])))));
+        })));
+};
+//# sourceMappingURL=ApMonthPickerGrid.js.map

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

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

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

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

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

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

@@ -0,0 +1,116 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledPickerFooter = exports.StyledPickerButton = exports.StyledPickerTBody = exports.StyledPickerTable = exports.StyledPickerTableContainer = exports.StyledContols = exports.StyledContolsTitle = exports.StyledPickerTableHeader = exports.StyledPickerContainer = exports.StyledMonthGroup = exports.StyledAvailableData = exports.StyledSubHeader = exports.StyledPickerBody = exports.StyledPickerHeader = exports.StyledPickerInput = exports.StyledMonthPicker = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledMonthPicker = styled_components_1.default.div({
+    display: 'inline-flex',
+    flexDirection: 'column'
+});
+exports.StyledPickerInput = styled_components_1.default.div(__assign(__assign({}, theme_1.font), { alignItems: 'center', backgroundColor: theme_1.colors.white, border: "1px solid " + theme_1.colors.grey2, borderRadius: '2px', boxSizing: 'border-box', cursor: 'pointer', display: 'flex', height: theme_1.scaffolding.xl, minWidth: '165px', padding: "0px " + theme_1.scaffolding.xs, textTransform: 'capitalize' }));
+exports.StyledPickerHeader = styled_components_1.default.div({
+    alignItems: 'center',
+    borderBottom: "1px solid " + theme_1.colors.grey2,
+    display: 'flex',
+    h4: __assign(__assign({}, theme_1.font), { fontSize: '22px', lineHeight: '22px', margin: '0px' }),
+    justifyContent: 'space-between',
+    padding: theme_1.scaffolding.md
+});
+exports.StyledPickerBody = styled_components_1.default.div({
+    backgroundColor: theme_1.colors.white,
+    boxShadow: theme_1.shadowBuilder(3),
+    position: 'absolute',
+    zIndex: theme_1.depths.monthPicker
+});
+exports.StyledSubHeader = styled_components_1.default.div({
+    display: 'flex',
+    height: theme_1.scaffolding.xl,
+    justifyContent: 'space-between',
+    padding: theme_1.scaffolding.md
+});
+exports.StyledAvailableData = styled_components_1.default.div({
+    alignItems: 'center',
+    display: 'inline-flex',
+    h5: __assign(__assign({}, theme_1.font), { fontSize: '13px', lineHeight: '13px', margin: "0px " + theme_1.scaffolding.xs, textTransform: 'capitalize' })
+});
+exports.StyledMonthGroup = styled_components_1.default.div({
+    display: 'inline-flex',
+    padding: theme_1.scaffolding.lg + " " + theme_1.scaffolding.md
+});
+exports.StyledPickerContainer = styled_components_1.default.div({
+    display: 'flex',
+    flexDirection: 'column'
+});
+exports.StyledPickerTableHeader = styled_components_1.default.div({
+    alignItems: 'center',
+    display: 'flex',
+    h5: __assign(__assign({}, theme_1.font), { color: theme_1.colors.grey4, fontSize: '19px', lineHeight: '19px', margin: '0px' }),
+    justifyContent: 'space-between',
+    marginBottom: theme_1.scaffolding.md
+});
+exports.StyledContolsTitle = styled_components_1.default.h5(__assign(__assign({}, theme_1.font), { textTransform: 'capitalize' }));
+exports.StyledContols = styled_components_1.default.div({
+    alignItems: 'center',
+    color: theme_1.colors.grey4,
+    display: 'flex'
+});
+exports.StyledPickerTableContainer = styled_components_1.default.div({
+    position: 'relative'
+});
+exports.StyledPickerTable = styled_components_1.default.table({
+    borderSpacing: '0px'
+});
+exports.StyledPickerTBody = styled_components_1.default.tbody({});
+var commonTransition = {
+    transition: 'all .1s linear'
+};
+exports.StyledPickerButton = styled_components_1.default.button(__assign(__assign(__assign({}, commonTransition), theme_1.font), { WebkitTapHighlightColor: theme_1.colors.transparent, borderStyle: ' solid', borderWidth: '1px', height: '40px', outline: 'none', textAlign: 'center', textTransform: 'capitalize', width: '64px' }), function (_a) {
+    var isDisabled = _a.isDisabled, isSelected = _a.isSelected, isSelectable = _a.isSelectable;
+    return ({
+        ':hover': {
+            backgroundColor: isDisabled
+                ? theme_1.colors.white
+                : isSelected
+                    ? isSelectable
+                        ? theme_1.colors.green1
+                        : theme_1.colors.white
+                    : '#def0d7'
+        },
+        backgroundColor: isSelectable
+            ? isSelected
+                ? theme_1.colors.green1
+                : theme_1.colors.green0
+            : theme_1.colors.white,
+        borderColor: isDisabled
+            ? theme_1.colors.grey2
+            : isSelected
+                ? isSelectable
+                    ? theme_1.colors.green1
+                    : theme_1.colors.amber
+                : theme_1.colors.grey3,
+        color: isDisabled
+            ? theme_1.colors.grey3
+            : isSelectable
+                ? isSelected
+                    ? theme_1.colors.white
+                    : theme_1.colors.grey7
+                : theme_1.colors.grey7,
+        cursor: isDisabled ? 'not-allowed' : 'pointer'
+    });
+});
+exports.StyledPickerFooter = styled_components_1.default.div({
+    borderTop: "1px solid " + theme_1.colors.grey2,
+    padding: theme_1.scaffolding.md
+});
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TO = exports.FROM = void 0;
+exports.FROM = 'from';
+exports.TO = 'to';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/ApMonthPicker/types.ts"],"names":[],"mappings":";;;AA+Ba,QAAA,IAAI,GAAG,MAAM,CAAA;AACb,QAAA,EAAE,GAAG,IAAI,CAAA"}

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

@@ -0,0 +1,112 @@
+"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;
+};
+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.getYearIndexFromRange = exports.createSrcRange = exports.monthNames = void 0;
+var types_1 = require("./types");
+exports.monthNames = [
+    'jan',
+    'feb',
+    'mar',
+    'apr',
+    'may',
+    'jun',
+    'jul',
+    'aug',
+    'sep',
+    'oct',
+    'nov',
+    'dec'
+];
+var checkIsDisabled = function (incId, year, srcRange) {
+    var from = srcRange.from, to = srcRange.to;
+    if (year === srcRange.from.year) {
+        return incId < from.month ? true : false;
+    }
+    if (year === to.year) {
+        return incId > to.month ? true : false;
+    }
+    return false;
+};
+var checkIsSelected = function (year, month, selectedRange) {
+    if (year === selectedRange.year && month === selectedRange.month) {
+        return true;
+    }
+    return false;
+};
+var checkIsSelectable = function (year, incId, selectedRange, selectedLimit, selectDirection) {
+    var runForwardsLogic = function () {
+        if (year < selectedRange.year || year > selectedLimit.year) {
+            return false;
+        }
+        if ((year === selectedRange.year && incId < selectedRange.monthNumber) ||
+            (year === selectedLimit.year && incId > selectedLimit.monthNumber)) {
+            return false;
+        }
+        return true;
+    };
+    var runBackwardsLogic = function () {
+        if (year > selectedRange.year || year < selectedLimit.year) {
+            return false;
+        }
+        if ((year === selectedRange.year && incId > selectedRange.monthNumber) ||
+            (year === selectedLimit.year && incId < selectedLimit.monthNumber)) {
+            return false;
+        }
+        return true;
+    };
+    if (selectDirection === types_1.FROM) {
+        return runForwardsLogic();
+    }
+    else {
+        return runBackwardsLogic();
+    }
+};
+var srcMonthsObject = function (year, srcRange, selectedRange, selectedLimit, selectDirection) {
+    return exports.monthNames.map(function (month, monthNumber) {
+        // special case to increment the id by + 1 allowing month 1 to be January
+        var incId = monthNumber + 1;
+        return {
+            isDisabled: checkIsDisabled(incId, year, srcRange),
+            isSelectable: checkIsSelectable(year, incId, selectedRange, selectedLimit, selectDirection),
+            isSelected: checkIsSelected(year, month, selectedRange),
+            month: month,
+            monthNumber: incId,
+            year: year
+        };
+    });
+};
+exports.createSrcRange = function (srcRange, selectedRange, selectedLimit, selectDirection) {
+    var from = srcRange.from, to = srcRange.to;
+    return Array(to.year - from.year + 1)
+        .fill(from.year)
+        .map(function (year, i) { return year + i; })
+        .reduce(function (newYears, year) {
+        var _a;
+        newYears[year] = [];
+        (_a = newYears[year]).push.apply(_a, __spread(srcMonthsObject(year, srcRange, selectedRange, selectedLimit, selectDirection)));
+        return newYears;
+    }, {});
+};
+exports.getYearIndexFromRange = function (completeRange, selectedYear) {
+    return Object.keys(completeRange).indexOf(selectedYear.toString());
+};
+//# sourceMappingURL=utils.js.map

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

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

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

@@ -0,0 +1,200 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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.ApNotifications = void 0;
+var React = require("react");
+var ui_utils_1 = require("@alixpartners/ui-utils");
+var lodash_1 = require("lodash");
+var theme_1 = require("../../utils/theme");
+var ApButtons_1 = require("../ApButtons");
+var ApContextualPopup_1 = require("../ApContextualPopup");
+var ApIcon_1 = require("../ApIcon");
+var ApSnack_1 = require("../ApSnack");
+var NotificationItem_1 = require("./NotificationItem");
+var styles_1 = require("./styles");
+var AUTO_HIDE_DELAY = 3000;
+var GROUP_THRESHOLD = 4;
+var ApNotifications = /** @class */ (function (_super) {
+    __extends(ApNotifications, _super);
+    function ApNotifications() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            arrowPosition: null,
+            contentHeight: null,
+            isOpen: false,
+            isPushUpdate: _this.props.popNewNotifications || false,
+        };
+        _this.triggerRef = null;
+        _this.setIsOpen = function (isOpen) {
+            _this.setState({ isOpen: isOpen });
+        };
+        _this.afterPopupHide = function () {
+            var afterHide = _this.props.afterHide;
+            _this.setIsOpen(false);
+            if (afterHide) {
+                afterHide();
+            }
+        };
+        _this.afterPopupShow = function () {
+            var afterShow = _this.props.afterShow;
+            _this.setIsOpen(true);
+            if (afterShow) {
+                afterShow();
+            }
+        };
+        _this.showNewNotifications = function (notifications) {
+            var archive = _this.props.archive;
+            var pushNotifications = [];
+            if (notifications.length >= GROUP_THRESHOLD) {
+                pushNotifications = [
+                    {
+                        content: "You have received " + notifications.length + " new notifications",
+                        isGroupped: true,
+                        notificationId: lodash_1.uniqueId('notifications'),
+                    },
+                ];
+            }
+            else {
+                pushNotifications = notifications;
+            }
+            pushNotifications.forEach(function (item) {
+                ApSnack_1.snack.custom({
+                    custom: function (hide) {
+                        var hideTimeOut;
+                        var initTimeout = function () {
+                            hideTimeOut = setTimeout(function () { return hide(); }, AUTO_HIDE_DELAY);
+                        };
+                        var close = function () {
+                            clearTimeout(hideTimeOut);
+                            hide();
+                        };
+                        initTimeout();
+                        return (React.createElement(styles_1.PushWrapper, { onClick: close, onMouseEnter: function () {
+                                clearTimeout(hideTimeOut);
+                            }, onMouseLeave: initTimeout },
+                            item.isGroupped ? (React.createElement(styles_1.GrouppedNotification, null,
+                                React.createElement(ApIcon_1.ApIcon, { iconName: "notification_important", iconColor: theme_1.colors.grey7 }),
+                                React.createElement(styles_1.GrouppedText, null, item.content))) : (React.createElement(styles_1.PushNotification, { data: item, archive: archive })),
+                            React.createElement(styles_1.CloseWrapper, null,
+                                React.createElement(ApButtons_1.ApButtonIcon, { iconName: "baseline_close" }))));
+                    },
+                    id: item.notificationId,
+                    position: 'top-right',
+                    suppressHide: true,
+                });
+            });
+        };
+        _this.setStyles = function () {
+            if (!_this.triggerRef) {
+                return;
+            }
+            var _a = _this.triggerRef.getBoundingClientRect(), width = _a.width, height = _a.height;
+            var clientHeight = document.documentElement.clientHeight;
+            _this.setState({
+                arrowPosition: Math.round(width / 2),
+                contentHeight: clientHeight - height - 30,
+            });
+        };
+        _this.fetchNotifications = function () {
+            var fetch = _this.props.fetch;
+            if (fetch) {
+                fetch();
+            }
+        };
+        _this.reFetchNotifications = function () {
+            _this.fetchNotifications();
+            _this.setState({ isPushUpdate: true });
+        };
+        return _this;
+    }
+    ApNotifications.prototype.componentDidMount = function () {
+        window.addEventListener('resize', this.setStyles);
+        this.setStyles();
+        this.fetchNotifications();
+    };
+    ApNotifications.prototype.componentDidUpdate = function (prevProps) {
+        var data = this.props.data;
+        var isPushUpdate = this.state.isPushUpdate;
+        if (isPushUpdate && !lodash_1.isEqual(prevProps.data, data)) {
+            var prevNotificationsIds_1 = prevProps.data.map(function (item) { return item.notificationId; });
+            var newNotifications = data.reduce(function (acc, notification) {
+                if (!prevNotificationsIds_1.includes(notification.notificationId) &&
+                    notification.state === NotificationItem_1.Status.unread) {
+                    return __spread(acc, [notification]);
+                }
+                return acc;
+            }, []);
+            this.showNewNotifications(newNotifications);
+            this.setState({ isPushUpdate: false });
+        }
+    };
+    ApNotifications.prototype.componentWillUnmount = function () {
+        window.removeEventListener('resize', this.setStyles);
+    };
+    ApNotifications.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, id = _a.id, className = _a.className, align = _a.align, data = _a.data, iconColor = _a.iconColor, badgeColor = _a.badgeColor, badgeValue = _a.badgeValue, triggerId = _a.triggerId, archive = _a.archive;
+        var _b = this.state, isOpen = _b.isOpen, arrowPosition = _b.arrowPosition, contentHeight = _b.contentHeight;
+        var hasNew = !!data.find(function (item) { return item.state === NotificationItem_1.Status.unread; });
+        return (React.createElement(styles_1.Wrapper, { ref: function (ref) { return (_this.triggerRef = ref); }, arrowPosition: arrowPosition, contentHeight: contentHeight, align: align, className: "ap-notifications " + (className ? className : '') },
+            React.createElement(styles_1.RestyledSnackContainer, null),
+            React.createElement(ui_utils_1.ApSignalrConsumer, { message: "NotificationCreated", onMessage: this.reFetchNotifications, onConnectionRestored: this.reFetchNotifications }),
+            React.createElement(ApContextualPopup_1.ApContextualPopup, { id: id, className: "ap-contextual-notifications", trigger: function () { return (React.createElement(styles_1.Trigger, { id: triggerId, active: hasNew && !isOpen, color: badgeColor, text: badgeValue },
+                    React.createElement(ApIcon_1.ApIcon, { iconName: "notification_outline", iconColor: isOpen || hasNew ? theme_1.colors.white : iconColor || theme_1.colors.grey4 }))); }, tooltip: {
+                    afterHide: this.afterPopupHide,
+                    afterShow: this.afterPopupShow,
+                    event: 'click',
+                    overridePosition: function (_1, currentEvent, currentTarget, node) {
+                        var triggerRect = currentTarget.getBoundingClientRect();
+                        var left = triggerRect.left, top = triggerRect.top;
+                        var width = triggerRect.width, height = triggerRect.height;
+                        var d = document.documentElement;
+                        left = Math.min(d.clientWidth - node.clientWidth, align === 'right' ? left : left - node.clientWidth + width);
+                        top = Math.min(d.clientHeight - node.clientHeight, top + height);
+                        left = Math.max(0, left);
+                        top = Math.max(0, top);
+                        return { top: top, left: left };
+                    },
+                } }, function () { return (React.createElement(styles_1.Content, null, data.length > 0 ? (data.map(function (item, index) { return (React.createElement(NotificationItem_1.NotificationItem, { key: index, data: item, archive: archive })); })) : (React.createElement(styles_1.NoData, null, "You don't have any notifications right now")))); })));
+    };
+    ApNotifications.defaultProps = {
+        align: 'left',
+        data: [],
+        id: 'ap-contextual-notifications',
+    };
+    return ApNotifications;
+}(React.Component));
+exports.ApNotifications = ApNotifications;
+//# sourceMappingURL=ApNotifications.js.map

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

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

package/artefact/dist/esm/components/ApNotifications/NotificationItem.js

@@ -0,0 +1,88 @@
+"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;
+};
+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.NotificationItem = exports.Type = exports.Severity = exports.Status = void 0;
+var React = require("react");
+var react_timeago_1 = require("react-timeago");
+var ApWidgetIcon_1 = require("../ApWidgets/ApWidgetIcon");
+var NotificationItem_styles_1 = require("./NotificationItem.styles");
+var ARCHIVE_ACTION_NAME = 'Dismiss';
+var Status;
+(function (Status) {
+    Status["read"] = "Read";
+    Status["unread"] = "Unread";
+    Status["archived"] = "Archived";
+})(Status = exports.Status || (exports.Status = {}));
+var Severity;
+(function (Severity) {
+    Severity["important"] = "Important";
+    Severity["info"] = "Information";
+})(Severity = exports.Severity || (exports.Severity = {}));
+var Type;
+(function (Type) {
+    Type["action"] = "Actionable";
+    Type["normal"] = "Normal";
+})(Type = exports.Type || (exports.Type = {}));
+var openLink = function (url) {
+    var win = window.open(url, '_blank');
+    if (win) {
+        win.focus();
+    }
+};
+exports.NotificationItem = function (_a) {
+    var data = _a.data, className = _a.className, archive = _a.archive;
+    var itemData = {
+        actions: __spread((data.payload.url && data.payload.actionVerb
+            ? [
+                {
+                    action: function () { return openLink(data.payload.url); },
+                    name: data.payload.actionVerb,
+                },
+            ]
+            : []), (data.type === Type.normal
+            ? [
+                {
+                    action: function () { return archive(data.notificationId); },
+                    name: ARCHIVE_ACTION_NAME,
+                },
+            ]
+            : [])),
+        content: data.payload.content,
+        isNew: data.state === Status.unread,
+        moduleName: data.payload.shortName,
+        severity: data.payload.severity,
+        timestamp: data.payload.timestamp,
+    };
+    return (React.createElement(NotificationItem_styles_1.Wrapper, { isNew: itemData.isNew, important: itemData.severity === Severity.important, className: "ap-notification-item " + (className ? className : '') },
+        React.createElement(NotificationItem_styles_1.Section, null, itemData.moduleName && (React.createElement(ApWidgetIcon_1.ApWidgetIcon, { type: itemData.moduleName.toLowerCase() }))),
+        React.createElement(NotificationItem_styles_1.Section, null,
+            React.createElement(NotificationItem_styles_1.Text, null, itemData.content),
+            React.createElement(NotificationItem_styles_1.Actions, null,
+                itemData.actions &&
+                    itemData.actions.map(function (_a, index) {
+                        var name = _a.name, action = _a.action;
+                        return (React.createElement(NotificationItem_styles_1.StyledButton, { key: index, onClick: action }, name));
+                    }),
+                React.createElement(NotificationItem_styles_1.Timestamp, null,
+                    React.createElement(react_timeago_1.default, { minPeriod: 60, date: itemData.timestamp }))))));
+};
+//# sourceMappingURL=NotificationItem.js.map