@boomerang-io/carbon-addons-boomerang-react/dist/cjs/components/MemberBar/MemberBar.js

Carbon Addons for Boomerang apps

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var icons = require('@carbon/react/icons');
var cx = require('classnames');
var Avatar = require('../Avatar/Avatar.js');
var settings = require('../../internal/settings.js');

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
*/
function MemberBar({ addUser, avatarProps = {}, avatarSrc, buttonClassName = "", buttonProps = {}, email, id, isDetail = false, isPartner = false, isUserNotAllowed = false, liProps = {}, name, notAllowedMessage = "This Partner User is not on the allow-list", removeUser, }) {
    const avatarOpacity = isUserNotAllowed ? "0.8" : "1";
    return (React__default.default.createElement("li", { ...liProps },
        React__default.default.createElement("button", { className: cx__default.default(`${settings.prefix}--bmrg-member-bar`, buttonClassName, {
                [`${settings.prefix}--bmrg-member-bar--detail`]: isDetail,
            }), disabled: isUserNotAllowed, onClick: addUser && !isUserNotAllowed ? () => addUser(id) : removeUser ? () => removeUser(id) : undefined, type: "button", ...buttonProps },
            React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__user` },
                React__default.default.createElement(Avatar.default, { src: avatarSrc, ...avatarProps, style: { opacity: avatarOpacity } }),
                React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__data`, style: { opacity: avatarOpacity } },
                    React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__name` }, name),
                    React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__email` }, email))),
            (isPartner || removeUser || isUserNotAllowed) && (React__default.default.createElement("div", { className: `${settings.prefix}--bmrg-member-bar__right-section` },
                isPartner && React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-text` }, "Partner User"),
                isUserNotAllowed && (React__default.default.createElement("p", { className: `${settings.prefix}--bmrg-member-bar__partner-not-allowed-text` }, notAllowedMessage)),
                removeUser && (React__default.default.createElement(icons.CloseOutline, { size: 32, className: `${settings.prefix}--bmrg-member-bar__close-icon`, title: "Remove user", "data-testid": "remove-user-button" })))))));
}

exports.default = MemberBar;