@entando/menu/dist/js/HelpMenu.js

react components used to render menus in entando projects

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _patternflyReact = require('patternfly-react');

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactIntl = require('react-intl');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var HELP_TEXT_PROPERTY = 'menu.help.text';

var popover = function popover() {
  return _react2.default.createElement(
    _patternflyReact.Popover,
    { id: 'popover-admin-app-switch', title: '' },
    _react2.default.createElement(
      'p',
      null,
      _react2.default.createElement(_reactIntl.FormattedMessage, { id: HELP_TEXT_PROPERTY, defaultMessage: 'Help' })
    )
  );
};

var HelpMenu = function HelpMenu(_ref) {
  var placement = _ref.placement;
  return _react2.default.createElement(
    'li',
    { className: 'HelpMenu' },
    _react2.default.createElement(
      'a',
      { href: '#' },
      _react2.default.createElement(
        _patternflyReact.OverlayTrigger,
        {
          overlay: popover(),
          placement: placement,
          trigger: ['click'],
          rootClose: true
        },
        _react2.default.createElement('i', { className: 'HelpMenu__i fa pficon-help' })
      )
    )
  );
};

HelpMenu.propTypes = {
  placement: _propTypes2.default.oneOf(['left', 'top', 'bottom', 'right'])
};

HelpMenu.defaultProps = {
  placement: 'bottom'
};

exports.default = HelpMenu;