@boomerang-io/carbon-addons-boomerang-react
Version:
Carbon Addons for Boomerang apps
48 lines (45 loc) • 3.4 kB
JavaScript
import React from 'react';
import { ComposedModal, ModalHeader, ModalBody } from '@carbon/react';
import { Information } from '@carbon/react/icons';
import HeaderMenuItem from '../Header/HeaderMenuItem.js';
import { prefix } from '../../internal/settings.js';
/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2025
*/
function AboutPlatform({ closeModal, isOpen = false, version, name, assistantVersion, agentsVersion, scribeFlowVersion }) {
return (React.createElement(ComposedModal, { open: isOpen, className: `${prefix}--bmrg-aboutPlatform-container ${prefix}--bmrg-header-modal ${prefix}--bmrg-aboutPlatform-modalheader`, onClose: closeModal },
React.createElement(ModalHeader, { className: `${prefix}--bmrg-aboutPlatform-modaltitle`, title: "About the Platform", closeModal: closeModal }),
React.createElement(ModalBody, null,
React.createElement("div", null,
React.createElement("h5", { className: `${prefix}--bmrg-aboutPlatform-component-header` }, "Components"),
React.createElement("ul", null,
React.createElement("li", { className: `${prefix}--bmrg-aboutPlatform-li-between-first` },
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li` }, "IBM Consulting Advantage "),
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li-version` }, version)),
React.createElement("li", { className: `${prefix}--bmrg-aboutPlatform-li-between` },
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li` }, "Assistants "),
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li-version` }, assistantVersion)),
React.createElement("li", { className: `${prefix}--bmrg-aboutPlatform-li-between` },
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li` }, "Agents"),
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li-version` }, agentsVersion)),
React.createElement("li", { className: `${prefix}--bmrg-aboutPlatform-li-between-last` },
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li` }, "Scribeflow"),
React.createElement("span", { className: `${prefix}--bmrg-aboutPlatform-li-version` }, scribeFlowVersion))),
React.createElement("h1", { className: `${prefix}--bmrg-aboutPlatform-footer__header` }, "Copyright IBM Corp. 2022, 2025")))));
}
function AboutPlatformMenuItem(props) {
const menuItemRef = React.useRef(null);
const [isOpen, setIsOpen] = React.useState(false);
const handleClose = () => {
setIsOpen(false);
setTimeout(() => {
menuItemRef.current?.focus();
}, 0);
};
return (React.createElement(React.Fragment, null,
React.createElement(HeaderMenuItem, { icon: React.createElement(Information, null), onClick: () => setIsOpen(!isOpen), ref: menuItemRef, text: "About the Platform", type: "button" }),
React.createElement(AboutPlatform, { isOpen: isOpen, closeModal: handleClose, ...props })));
}
export { AboutPlatformMenuItem, AboutPlatform as default };