@talend/react-components/lib/Enumeration/Header/HeaderSelected.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Action = _interopRequireDefault(require("../../Actions/Action"));
var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
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);
    }
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
    label: action.label,
    icon: action.icon,
    onClick: onClick,
    disabled: action.disabled,
    tooltipPlacement: "bottom",
    inProgress: action.inProgress,
    hideLabel: true,
    link: true
  }, `${index}-enum-header-action`);
}
function HeaderSelected({
  headerSelected,
  nbItemsSelected
}) {
  let txtHeader = `${nbItemsSelected} selected value`;
  txtHeader = nbItemsSelected > 1 ? `${txtHeader}s` : txtHeader;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
    className: headerClasses(),
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      children: txtHeader
    }), headerSelected.filter(action => !action.disabled).map(getAction)]
  });
}
HeaderSelected.propTypes = {
  headerSelected: _propTypes.default.arrayOf(_propTypes.default.shape(_Action.default.propTypes)).isRequired,
  nbItemsSelected: _propTypes.default.number
};
var _default = exports.default = HeaderSelected;
//# sourceMappingURL=HeaderSelected.component.js.map