@talend/react-components
Version:
Set of react components.
70 lines (69 loc) • 2.13 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Actions = require("../../Actions");
var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
var _react = require("react");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function headerClasses() {
return (0, _classnames.default)({
[_HeaderModule.default['tc-enumeration-header']]: true,
'tc-enumeration-header': true
});
}
function getAction(action, index) {
function onClick(event) {
if (action.onClick) {
action.onClick(event, {
value: event.target.value
});
}
}
if (action.displayMode === 'dropdown') {
return /*#__PURE__*/(0, _react.createElement)(_Actions.ActionDropdown, {
...action,
noCaret: true,
key: `${index}-enum-header-action`,
onClick: onClick,
btooltipPlacement: "bottom",
hideLabel: true,
pullRight: true,
link: true
});
}
return /*#__PURE__*/(0, _react.createElement)(_Actions.Action, {
...action,
key: `${index}-enum-header-action`,
onClick: onClick,
btooltipPlacement: "bottom",
hideLabel: true,
link: true
});
}
function Header({
headerDefault,
required,
label
}) {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
className: headerClasses(),
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
children: [label, required && '*']
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: "actions",
children: headerDefault.filter(action => !action.disabled).map(getAction)
})]
});
}
Header.propTypes = {
headerDefault: _propTypes.default.arrayOf(_propTypes.default.shape(_Actions.Action.propTypes)).isRequired,
required: _propTypes.default.bool,
label: _propTypes.default.string
};
var _default = exports.default = Header;
//# sourceMappingURL=Header.component.js.map