@boomerang-io/carbon-addons-boomerang-react 4.6.5-beta.45 → 4.6.5-beta.46

package/dist/cjs/components/Notifications/notify.js

@@ -11,23 +11,23 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-/** Create notifcation wrapper around react-toastify with default component for basic notification
- * @param {*} notification notifcation content
- * @param {Object} config custom configuration for ToastContainer
- */
-const notify = (notification, config) => {
-    // Check to see if they pass in a component or function
-    // Default passing prop to Notification component
-    const notificationComponent = typeof notification === "object" || typeof notification === "function" ? (notification) : (React__default.default.createElement(ToastNotification.default, { title: notification }));
-    reactToastify.toast(notificationComponent, {
-        className: `${settings.prefix}--bmrg--toast-container`,
-        ...config,
-    });
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+/** Create notifcation wrapper around react-toastify with default component for basic notification
+ * @param {*} notification notifcation content
+ * @param {Object} config custom configuration for ToastContainer
+ */
+const notify = (notification, config) => {
+    // Check to see if they pass in a component or function
+    // Default passing prop to Notification component
+    const notificationComponent = typeof notification === "object" || typeof notification === "function" ? (notification) : (React__default.default.createElement(ToastNotification.default, { title: notification }));
+    reactToastify.toast(notificationComponent, {
+        className: `${settings.prefix}--bmrg--toast-container`,
+        ...config,
+    });
 };
 
 exports.default = notify;

package/dist/cjs/components/PlatformBanner/PlatformBanner.js

@@ -10,14 +10,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function PlatformBanner({ kind, message, title }) {
-    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-banner-container` },
-        React__default.default.createElement(react.InlineNotification, { kind: kind, subtitle: message, title: title })));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function PlatformBanner({ kind, message, title }) {
+    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-banner-container` },
+        React__default.default.createElement(react.InlineNotification, { kind: kind, subtitle: message, title: title })));
 }
 
 exports.default = PlatformBanner;

package/dist/cjs/components/PlatformNotifications/PlatformNotification.js

@@ -16,23 +16,23 @@ var cx__default = /*#__PURE__*/_interopDefault(cx);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-dayjs__default.default.extend(relativeTime__default.default);
-function Notification({ readNotification, data }) {
-    return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-notification`, {
-            [`--${data.type}`]: data.type,
-        }), "aria-label": `${data.title} notification` },
-        React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notification-content` },
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notification-content__creator` }, data.creator),
-            React__default.default.createElement("h2", { className: `${settings.prefix}--bmrg-notification-content__title` }, data.title),
-            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-notification-content__desc` }, data.detail),
-            React__default.default.createElement("time", { className: `${settings.prefix}--bmrg-notification-content__date` }, `${dayjs__default.default(data.date).fromNow()} at ${dayjs__default.default(data.date).format("hh:mma")}`),
-            React__default.default.createElement("button", { className: `${settings.prefix}--bmrg-notification-content__close`, onClick: () => readNotification(data.id) },
-                React__default.default.createElement(icons.Close, { size: 16, title: "Mark as read icon" })))));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+dayjs__default.default.extend(relativeTime__default.default);
+function Notification({ readNotification, data }) {
+    return (React__default.default.createElement("div", { className: cx__default.default(`${settings.prefix}--bmrg-notification`, {
+            [`--${data.type}`]: data.type,
+        }), "aria-label": `${data.title} notification` },
+        React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notification-content` },
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notification-content__creator` }, data.creator),
+            React__default.default.createElement("h2", { className: `${settings.prefix}--bmrg-notification-content__title` }, data.title),
+            React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-notification-content__desc` }, data.detail),
+            React__default.default.createElement("time", { className: `${settings.prefix}--bmrg-notification-content__date` }, `${dayjs__default.default(data.date).fromNow()} at ${dayjs__default.default(data.date).format("hh:mma")}`),
+            React__default.default.createElement("button", { className: `${settings.prefix}--bmrg-notification-content__close`, onClick: () => readNotification(data.id) },
+                React__default.default.createElement(icons.Close, { size: 16, title: "Mark as read icon" })))));
 }
 
 exports.default = Notification;

package/dist/cjs/components/PlatformNotifications/PlatformNotificationsContainer.js

@@ -13,142 +13,142 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var cx__default = /*#__PURE__*/_interopDefault(cx);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-class PlatformNotificationsContainer extends React__default.default.Component {
-    ws;
-    articleRef = React__default.default.createRef();
-    state = {
-        error: false,
-        currentNotifications: this.props.initialNotifications ?? [],
-        numNotifications: this.props.initialNotifications?.length ?? 0,
-    };
-    componentDidMount() {
-        const brokerURL = `${this.props.baseServicesUrl}/notifications/ws`
-            .replace("https://", "wss://")
-            .replace("http://", "ws://");
-        this.ws = new stompjs.Client({
-            brokerURL,
-            reconnectDelay: 10000,
-        });
-        this.ws.onConnect = this.connect;
-        this.ws.activate();
-    }
-    connect = () => {
-        this.ws.subscribe("/user/queue/notifications", this.receiveNewNotifications);
-        this.ws.subscribe("/user/queue/reply", this.replyRead);
-        this.ws.subscribe("/user/queue/all", this.recieveAllUnreadNotifications);
-        this.ws.publish({ destination: "/app/all", body: {} });
-    };
-    componentWillUnmount() {
-        this.ws.deactivate();
-    }
-    /**
-     * recieve x amount of new notifications and pass them into state of current notifications
-     *
-     */
-    receiveNewNotifications = (incomingNotifications) => {
-        if (incomingNotifications.body) {
-            const data = [JSON.parse(incomingNotifications.body)];
-            if (data.length > 0) {
-                this.props.setHasNewNotifications(true);
-            }
-            this.setState((prevState) => ({
-                currentNotifications: [...data, ...prevState.currentNotifications],
-                numNotifications: prevState.numNotifications + data.length,
-            }), () => {
-                this.props.setNotificationsCount(this.state.numNotifications);
-            });
-        }
-        else {
-            this.setState({
-                error: true, // TOOD something here related to the error
-            });
-        }
-    };
-    /**
-     * overwrite current notifications, the param represents all unread notifications
-     */
-    recieveAllUnreadNotifications = (incomingNotifications) => {
-        if (incomingNotifications.body) {
-            const jsonData = JSON.parse(incomingNotifications.body);
-            const data = jsonData.records;
-            if (data.length > 0) {
-                this.props.setHasNewNotifications(true);
-            }
-            else {
-                // This has to be declared because this function can be triggered from the notification page in Launchpad
-                this.props.setHasNewNotifications(false);
-            }
-            this.setState({
-                currentNotifications: data,
-                numNotifications: data.length,
-            }, () => {
-                this.props.setNotificationsCount(this.state.numNotifications);
-            });
-        }
-        else {
-            this.setState({
-                error: true, // TOOD something here related to the error
-            });
-        }
-    };
-    /**
-     * @param {Object} readResponse - list of notificationIds that have been read
-     * the function removes the notifications from current state that are returned as "read"
-     */
-    replyRead = (readResponse) => {
-        const readIdList = JSON.parse(readResponse.body);
-        this.setState((prevState) => ({
-            currentNotifications: prevState.currentNotifications.filter((el) => readIdList.indexOf(el.id) === -1),
-            numNotifications: prevState.numNotifications - readIdList.length,
-        }), () => {
-            if (this.state.numNotifications === 0) {
-                this.props.setHasNewNotifications(false);
-                this.props.setNotificationsCount(0);
-                // when we clear out notifications, check to to see if there are new notifications available
-                this.ws.publish({ destination: "/app/all", body: {} });
-            }
-        });
-    };
-    /**
-     * notificationId - a single notification that the user has marked as read
-     * @returns {Function} - makes network request, then after waiting for it to return, setState is called to update currentNotifications and numNotifications
-     */
-    handleReadNotification(notificationId) {
-        this.ws.publish({
-            destination: "/app/read",
-            body: JSON.stringify([notificationId]),
-        });
-    }
-    /**
-     * @returns {Function} - makes network request with all remaining notification IDs, then after waiting for it to return, setState is called to empty out currentNotifications and numNotifications
-     */
-    handleReadAllNotifications() {
-        const idList = this.state.currentNotifications.map((notification) => notification.id);
-        this.ws.publish({ destination: "/app/read", body: JSON.stringify(idList) });
-    }
-    renderNotifications() {
-        return this.state.currentNotifications.slice(0, 5).map((notification) => (React__default.default.createElement("li", { key: notification.id, "data-testid": "header-notification" },
-            React__default.default.createElement(PlatformNotification.default, { readNotification: this.handleReadNotification.bind(this), data: notification }))));
-    }
-    render() {
-        const { numNotifications, currentNotifications } = this.state;
-        const { baseEnvUrl } = this.props;
-        return (React__default.default.createElement("div", { "aria-labelledby": this.props["aria-labelledby"], className: cx__default.default(`${settings.prefix}--bmrg-notifications`, {
-                "--is-active": this.props.isOpen,
-            }), "data-testid": "header-notifications", id: this.props.id, role: "dialog" },
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications-header` },
-                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-notifications-header__newNotifications` }, `${numNotifications} new notification${numNotifications !== 1 ? "s" : ""}`),
-                React__default.default.createElement("button", { className: `${settings.prefix}--bmrg-notifications-header__clear`, "data-testid": "header-notifications-all-read", disabled: !currentNotifications.length, onClick: this.handleReadAllNotifications.bind(this), "aria-label": "Mark all read" }, "Mark All Read")),
-            React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-notifications__collection` }, currentNotifications.length ? (this.renderNotifications()) : (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications-empty` },
-                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-notifications-empty__no-news` }, "No news is good news, right?")))),
-            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications__notifications-footer` },
-                React__default.default.createElement("a", { "aria-label": "Link for notification center", href: `${baseEnvUrl}/launchpad/notifications`, className: `${settings.prefix}--bmrg-notifications__notifications-redirect-link`, "data-testid": "header-notifications-center-link" }, "Open Notification Center"))));
-    }
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+class PlatformNotificationsContainer extends React__default.default.Component {
+    ws;
+    articleRef = React__default.default.createRef();
+    state = {
+        error: false,
+        currentNotifications: this.props.initialNotifications ?? [],
+        numNotifications: this.props.initialNotifications?.length ?? 0,
+    };
+    componentDidMount() {
+        const brokerURL = `${this.props.baseServicesUrl}/notifications/ws`
+            .replace("https://", "wss://")
+            .replace("http://", "ws://");
+        this.ws = new stompjs.Client({
+            brokerURL,
+            reconnectDelay: 10000,
+        });
+        this.ws.onConnect = this.connect;
+        this.ws.activate();
+    }
+    connect = () => {
+        this.ws.subscribe("/user/queue/notifications", this.receiveNewNotifications);
+        this.ws.subscribe("/user/queue/reply", this.replyRead);
+        this.ws.subscribe("/user/queue/all", this.recieveAllUnreadNotifications);
+        this.ws.publish({ destination: "/app/all", body: {} });
+    };
+    componentWillUnmount() {
+        this.ws.deactivate();
+    }
+    /**
+     * recieve x amount of new notifications and pass them into state of current notifications
+     *
+     */
+    receiveNewNotifications = (incomingNotifications) => {
+        if (incomingNotifications.body) {
+            const data = [JSON.parse(incomingNotifications.body)];
+            if (data.length > 0) {
+                this.props.setHasNewNotifications(true);
+            }
+            this.setState((prevState) => ({
+                currentNotifications: [...data, ...prevState.currentNotifications],
+                numNotifications: prevState.numNotifications + data.length,
+            }), () => {
+                this.props.setNotificationsCount(this.state.numNotifications);
+            });
+        }
+        else {
+            this.setState({
+                error: true, // TOOD something here related to the error
+            });
+        }
+    };
+    /**
+     * overwrite current notifications, the param represents all unread notifications
+     */
+    recieveAllUnreadNotifications = (incomingNotifications) => {
+        if (incomingNotifications.body) {
+            const jsonData = JSON.parse(incomingNotifications.body);
+            const data = jsonData.records;
+            if (data.length > 0) {
+                this.props.setHasNewNotifications(true);
+            }
+            else {
+                // This has to be declared because this function can be triggered from the notification page in Launchpad
+                this.props.setHasNewNotifications(false);
+            }
+            this.setState({
+                currentNotifications: data,
+                numNotifications: data.length,
+            }, () => {
+                this.props.setNotificationsCount(this.state.numNotifications);
+            });
+        }
+        else {
+            this.setState({
+                error: true, // TOOD something here related to the error
+            });
+        }
+    };
+    /**
+     * @param {Object} readResponse - list of notificationIds that have been read
+     * the function removes the notifications from current state that are returned as "read"
+     */
+    replyRead = (readResponse) => {
+        const readIdList = JSON.parse(readResponse.body);
+        this.setState((prevState) => ({
+            currentNotifications: prevState.currentNotifications.filter((el) => readIdList.indexOf(el.id) === -1),
+            numNotifications: prevState.numNotifications - readIdList.length,
+        }), () => {
+            if (this.state.numNotifications === 0) {
+                this.props.setHasNewNotifications(false);
+                this.props.setNotificationsCount(0);
+                // when we clear out notifications, check to to see if there are new notifications available
+                this.ws.publish({ destination: "/app/all", body: {} });
+            }
+        });
+    };
+    /**
+     * notificationId - a single notification that the user has marked as read
+     * @returns {Function} - makes network request, then after waiting for it to return, setState is called to update currentNotifications and numNotifications
+     */
+    handleReadNotification(notificationId) {
+        this.ws.publish({
+            destination: "/app/read",
+            body: JSON.stringify([notificationId]),
+        });
+    }
+    /**
+     * @returns {Function} - makes network request with all remaining notification IDs, then after waiting for it to return, setState is called to empty out currentNotifications and numNotifications
+     */
+    handleReadAllNotifications() {
+        const idList = this.state.currentNotifications.map((notification) => notification.id);
+        this.ws.publish({ destination: "/app/read", body: JSON.stringify(idList) });
+    }
+    renderNotifications() {
+        return this.state.currentNotifications.slice(0, 5).map((notification) => (React__default.default.createElement("li", { key: notification.id, "data-testid": "header-notification" },
+            React__default.default.createElement(PlatformNotification.default, { readNotification: this.handleReadNotification.bind(this), data: notification }))));
+    }
+    render() {
+        const { numNotifications, currentNotifications } = this.state;
+        const { baseEnvUrl } = this.props;
+        return (React__default.default.createElement("div", { "aria-labelledby": this.props["aria-labelledby"], className: cx__default.default(`${settings.prefix}--bmrg-notifications`, {
+                "--is-active": this.props.isOpen,
+            }), "data-testid": "header-notifications", id: this.props.id, role: "dialog" },
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications-header` },
+                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-notifications-header__newNotifications` }, `${numNotifications} new notification${numNotifications !== 1 ? "s" : ""}`),
+                React__default.default.createElement("button", { className: `${settings.prefix}--bmrg-notifications-header__clear`, "data-testid": "header-notifications-all-read", disabled: !currentNotifications.length, onClick: this.handleReadAllNotifications.bind(this), "aria-label": "Mark all read" }, "Mark All Read")),
+            React__default.default.createElement("ul", { className: `${settings.prefix}--bmrg-notifications__collection` }, currentNotifications.length ? (this.renderNotifications()) : (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications-empty` },
+                React__default.default.createElement("h1", { className: `${settings.prefix}--bmrg-notifications-empty__no-news` }, "No news is good news, right?")))),
+            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-notifications__notifications-footer` },
+                React__default.default.createElement("a", { "aria-label": "Link for notification center", href: `${baseEnvUrl}/launchpad/notifications`, className: `${settings.prefix}--bmrg-notifications__notifications-redirect-link`, "data-testid": "header-notifications-center-link" }, "Open Notification Center"))));
+    }
 }
 
 exports.default = PlatformNotificationsContainer;

package/dist/cjs/components/Portal/Portal.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDom = require('react-dom');
 var usePortal = require('../../hooks/usePortal.js');
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-/**
- * @example
- * <Portal>
- *   <p>Thinking with portals</p>
- * </Portal>
- */
-const Portal = ({ id, children }) => {
-    const target = usePortal.default(id);
-    return reactDom.createPortal(children, target);
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+/**
+ * @example
+ * <Portal>
+ *   <p>Thinking with portals</p>
+ * </Portal>
+ */
+const Portal = ({ id, children }) => {
+    const target = usePortal.default(id);
+    return reactDom.createPortal(children, target);
 };
 
 exports.default = Portal;

package/dist/cjs/components/PrivacyRedirect/PrivacyRedirect.js

@@ -10,36 +10,36 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/*
-IBM Confidential
-694970X, 69497O0
-© Copyright IBM Corp. 2022, 2024
-*/
-function PrivacyRedirect(props) {
-    const { baseEnvUrl, isOpen = false, user, platformName = "the platform" } = props;
-    const handleOnSubmit = () => {
-        const pendingDeletion = user?.status === "pending_deletion";
-        if (pendingDeletion) {
-            window.location.assign(`${baseEnvUrl}/launchpad`); // There is no marketing site so TBD where this links to
-        }
-        else {
-            window.location.assign(`${baseEnvUrl}/launchpad?rd=${document.URL}`);
-        }
-    };
-    const pendingDeletion = user?.status === "pending_deletion";
-    const contentText = pendingDeletion
-        ? `We’re working on removing your account and personal information from ${platformName}. Please allow up to 1 month (as mandated by GDPR regulations) for us to complete your request.`
-        : "Before continuing, we need you to consent to the Privacy Statement.";
-    const buttonText = pendingDeletion ? "Go to Launchpad" : "View Privacy Statement";
-    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-redirect-container ${settings.prefix}--bmrg-header-modal` },
-        React__default.default.createElement(react.ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
-                return false;
-            } },
-            React__default.default.createElement(react.ModalHeader, { title: "Our Privacy Statement" }),
-            React__default.default.createElement(react.ModalBody, null,
-                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-redirect__body` }, contentText)),
-            React__default.default.createElement(react.ModalFooter, null,
-                React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", onClick: handleOnSubmit }, buttonText)))));
+/*
+IBM Confidential
+694970X, 69497O0
+© Copyright IBM Corp. 2022, 2024
+*/
+function PrivacyRedirect(props) {
+    const { baseEnvUrl, isOpen = false, user, platformName = "the platform" } = props;
+    const handleOnSubmit = () => {
+        const pendingDeletion = user?.status === "pending_deletion";
+        if (pendingDeletion) {
+            window.location.assign(`${baseEnvUrl}/launchpad`); // There is no marketing site so TBD where this links to
+        }
+        else {
+            window.location.assign(`${baseEnvUrl}/launchpad?rd=${document.URL}`);
+        }
+    };
+    const pendingDeletion = user?.status === "pending_deletion";
+    const contentText = pendingDeletion
+        ? `We’re working on removing your account and personal information from ${platformName}. Please allow up to 1 month (as mandated by GDPR regulations) for us to complete your request.`
+        : "Before continuing, we need you to consent to the Privacy Statement.";
+    const buttonText = pendingDeletion ? "Go to Launchpad" : "View Privacy Statement";
+    return (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-redirect-container ${settings.prefix}--bmrg-header-modal` },
+        React__default.default.createElement(react.ComposedModal, { "aria-label": "GDPR Modal", open: isOpen, onClose: () => {
+                return false;
+            } },
+            React__default.default.createElement(react.ModalHeader, { title: "Our Privacy Statement" }),
+            React__default.default.createElement(react.ModalBody, null,
+                React__default.default.createElement("span", { className: `${settings.prefix}--bmrg-redirect__body` }, contentText)),
+            React__default.default.createElement(react.ModalFooter, null,
+                React__default.default.createElement(react.Button, { "data-modal-primary-focus": true, kind: "primary", onClick: handleOnSubmit }, buttonText)))));
 }
 
 exports.default = PrivacyRedirect;