@ansible/ansible-ui-framework 0.0.240 → 0.0.241

package/cjs/PageAlertToaster.js

@@ -0,0 +1,92 @@
+"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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageAlertToasterProvider = exports.usePageAlertToaster = exports.PageAlertToasterContext = void 0;
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_core_1 = require("@patternfly/react-core");
+var react_2 = require("react");
+exports.PageAlertToasterContext = (0, react_2.createContext)({
+    addAlert: function () { return null; },
+    removeAlert: function () { return null; },
+    replaceAlert: function () { return null; },
+    removeAlerts: function () { return null; },
+});
+function usePageAlertToaster() {
+    return (0, react_2.useContext)(exports.PageAlertToasterContext);
+}
+exports.usePageAlertToaster = usePageAlertToaster;
+function PageAlertToasterProvider(props) {
+    var _a = __read((0, react_2.useState)([]), 2), toasterAlerts = _a[0], setToasterAlerts = _a[1];
+    var _b = __read((0, react_2.useState)(function () {
+        function removeAlerts(filter) {
+            setToasterAlerts(function (alerts) { return (filter ? alerts.filter(filter) : []); });
+        }
+        function removeAlert(alert) {
+            setToasterAlerts(function (alerts) { return alerts.filter(function (a) { return a !== alert; }); });
+        }
+        function addAlert(alert) {
+            if (Number.isInteger(alert.timeout)) {
+                setTimeout(function () { return removeAlert(alert); }, alert.timeout);
+                delete alert.timeout;
+            }
+            setToasterAlerts(function (alerts) { return __spreadArray(__spreadArray([], __read(alerts), false), [alert], false); });
+        }
+        function replaceAlert(oldAlert, alert) {
+            setToasterAlerts(function (alerts) {
+                var oldAlertIndex = alerts.findIndex(function (a) { return a === oldAlert; });
+                if (oldAlertIndex !== -1) {
+                    if (Number.isInteger(alert.timeout)) {
+                        setTimeout(function () { return removeAlert(alert); }, alert.timeout);
+                        delete alert.timeout;
+                    }
+                    var newAlerts = __spreadArray([], __read(alerts), false);
+                    newAlerts[oldAlertIndex] = alert;
+                    return newAlerts;
+                }
+                return alerts;
+            });
+        }
+        return { addAlert: addAlert, removeAlert: removeAlert, removeAlerts: removeAlerts, replaceAlert: replaceAlert };
+    }), 1), pageAlertToaster = _b[0];
+    return ((0, jsx_runtime_1.jsxs)(exports.PageAlertToasterContext.Provider, __assign({ value: pageAlertToaster }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.AlertGroup, __assign({ isToast: true, isLiveRegion: true }, { children: toasterAlerts.map(function (alertProps, index) {
+                    var _a, _b;
+                    return ((0, react_1.createElement)(react_core_1.Alert, __assign({}, alertProps, { key: (_b = (_a = alertProps.key) !== null && _a !== void 0 ? _a : alertProps.id) !== null && _b !== void 0 ? _b : index, actionClose: (0, jsx_runtime_1.jsx)(react_core_1.AlertActionCloseButton, { onClose: function () { return pageAlertToaster.removeAlert(alertProps); } }) })));
+                }) })), props.children] })));
+}
+exports.PageAlertToasterProvider = PageAlertToasterProvider;

package/cjs/PageFramework.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageFrameworkProvider = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var PageAlertToaster_1 = require("./PageAlertToaster");
 var PageDialog_1 = require("./PageDialog");
 var Settings_1 = require("./Settings");
 var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
 function PageFrameworkProvider(props) {
-    return ((0, jsx_runtime_1.jsx)(useFrameworkTranslations_1.FrameworkTranslationsProvider, { children: (0, jsx_runtime_1.jsx)(Settings_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PageDialog_1.PageDialogProvider, { children: props.children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(useFrameworkTranslations_1.FrameworkTranslationsProvider, { children: (0, jsx_runtime_1.jsx)(Settings_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PageDialog_1.PageDialogProvider, { children: (0, jsx_runtime_1.jsx)(PageAlertToaster_1.PageAlertToasterProvider, { children: props.children }) }) }) }));
 }
 exports.PageFrameworkProvider = PageFrameworkProvider;

package/mjs/PageAlertToaster.d.ts

@@ -0,0 +1,14 @@
+import { AlertProps } from '@patternfly/react-core';
+import { ReactNode } from 'react';
+export declare type AlertToasterProps = AlertProps;
+export interface IPageAlertToaster {
+    addAlert: (alert: AlertToasterProps) => void;
+    removeAlert: (alert: AlertToasterProps) => void;
+    replaceAlert: (oldAlert: AlertToasterProps, newAlert: AlertToasterProps) => void;
+    removeAlerts: (filter?: (alert: AlertToasterProps) => boolean) => void;
+}
+export declare const PageAlertToasterContext: import("react").Context<IPageAlertToaster>;
+export declare function usePageAlertToaster(): IPageAlertToaster;
+export declare function PageAlertToasterProvider(props: {
+    children: ReactNode;
+}): JSX.Element;

package/mjs/PageAlertToaster.js

@@ -0,0 +1,48 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertActionCloseButton, AlertGroup } from '@patternfly/react-core';
+import { createContext, useContext, useState } from 'react';
+export const PageAlertToasterContext = createContext({
+    addAlert: () => null,
+    removeAlert: () => null,
+    replaceAlert: () => null,
+    removeAlerts: () => null,
+});
+export function usePageAlertToaster() {
+    return useContext(PageAlertToasterContext);
+}
+export function PageAlertToasterProvider(props) {
+    const [toasterAlerts, setToasterAlerts] = useState([]);
+    const [pageAlertToaster] = useState(() => {
+        function removeAlerts(filter) {
+            setToasterAlerts((alerts) => (filter ? alerts.filter(filter) : []));
+        }
+        function removeAlert(alert) {
+            setToasterAlerts((alerts) => alerts.filter((a) => a !== alert));
+        }
+        function addAlert(alert) {
+            if (Number.isInteger(alert.timeout)) {
+                setTimeout(() => removeAlert(alert), alert.timeout);
+                delete alert.timeout;
+            }
+            setToasterAlerts((alerts) => [...alerts, alert]);
+        }
+        function replaceAlert(oldAlert, alert) {
+            setToasterAlerts((alerts) => {
+                const oldAlertIndex = alerts.findIndex((a) => a === oldAlert);
+                if (oldAlertIndex !== -1) {
+                    if (Number.isInteger(alert.timeout)) {
+                        setTimeout(() => removeAlert(alert), alert.timeout);
+                        delete alert.timeout;
+                    }
+                    const newAlerts = [...alerts];
+                    newAlerts[oldAlertIndex] = alert;
+                    return newAlerts;
+                }
+                return alerts;
+            });
+        }
+        return { addAlert, removeAlert, removeAlerts, replaceAlert };
+    });
+    return (_jsxs(PageAlertToasterContext.Provider, { value: pageAlertToaster, children: [_jsx(AlertGroup, { isToast: true, isLiveRegion: true, children: toasterAlerts.map((alertProps, index) => (_createElement(Alert, { ...alertProps, key: alertProps.key ?? alertProps.id ?? index, actionClose: _jsx(AlertActionCloseButton, { onClose: () => pageAlertToaster.removeAlert(alertProps) }) }))) }), props.children] }));
+}

package/mjs/PageFramework.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { PageAlertToasterProvider } from './PageAlertToaster';
 import { PageDialogProvider } from './PageDialog';
 import { SettingsProvider } from './Settings';
 import { FrameworkTranslationsProvider } from './useFrameworkTranslations';
 export function PageFrameworkProvider(props) {
-    return (_jsx(FrameworkTranslationsProvider, { children: _jsx(SettingsProvider, { children: _jsx(PageDialogProvider, { children: props.children }) }) }));
+    return (_jsx(FrameworkTranslationsProvider, { children: _jsx(SettingsProvider, { children: _jsx(PageDialogProvider, { children: _jsx(PageAlertToasterProvider, { children: props.children }) }) }) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.240",
+  "version": "0.0.241",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {