UNPKG

@talend/react-components

Version:
70 lines (69 loc) 2.13 kB
"use strict"; 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