@carbon/ibm-products
Version:
Carbon for IBM Products
69 lines (64 loc) • 2.35 kB
JavaScript
/**
* Copyright IBM Corp. 2020, 2025
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
'use strict';
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
var React = require('react');
var index = require('../../_virtual/index.js');
var icons = require('@carbon/react/icons');
var react = require('@carbon/react');
var settings = require('../../settings.js');
const blockClass = `${settings.pkg.prefix}--add-select__meta-panel`;
const componentName = 'AddSelectMetaPanel';
let AddSelectMetaPanel = _ref => {
let {
closeIconDescription,
meta,
setDisplayMetaPanel,
title
} = _ref;
const onCloseHandler = () => {
setDisplayMetaPanel({});
};
return /*#__PURE__*/React.createElement("div", {
className: blockClass
}, /*#__PURE__*/React.createElement("div", {
className: `${blockClass}-header`
}, /*#__PURE__*/React.createElement("p", {
className: `${blockClass}-title`
}, title), /*#__PURE__*/React.createElement(react.Button, {
renderIcon: props => /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
size: 16
}, props)),
className: `${blockClass}-close`,
iconDescription: closeIconDescription,
tooltipPosition: "left",
tooltipAlignment: "center",
hasIconOnly: true,
onClick: onCloseHandler,
kind: "ghost",
size: "sm"
})), /*#__PURE__*/React.isValidElement(meta) ? meta : meta.map(entry => /*#__PURE__*/React.createElement("div", {
key: entry?.id,
className: `${blockClass}-entry`
}, /*#__PURE__*/React.createElement("p", {
className: `${blockClass}-entry-title`
}, entry?.title), /*#__PURE__*/React.createElement("p", {
className: `${blockClass}-entry-body`
}, entry?.value))));
};
AddSelectMetaPanel.propTypes = {
closeIconDescription: index.default.string.isRequired,
meta: index.default.oneOfType([index.default.arrayOf(index.default.shape({
id: index.default.string,
title: index.default.string,
value: index.default.string
})), index.default.node]).isRequired,
setDisplayMetaPanel: index.default.func.isRequired,
title: index.default.string.isRequired
};
AddSelectMetaPanel.displayName = componentName;
exports.AddSelectMetaPanel = AddSelectMetaPanel;