react-lightning-design-components/lib/scripts/Popover.js

Salesforce Lightning Design System components built with React 16

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames2 = require('classnames');

var _classnames3 = _interopRequireDefault(_classnames2);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var ARROW_ALIGNMENTS = ['left', 'left-top', 'left-bottom', 'right', 'right-top', 'right-bottom', 'top', 'top-right', 'top-left', 'bottom', 'bottom-right', 'bottom-left'];

var Popover = function Popover(_ref) {
  var _classnames;

  var children = _ref.children,
      arrow = _ref.arrow,
      theme = _ref.theme,
      className = _ref.className,
      htmlAttr = _ref.htmlAttr,
      hidden = _ref.hidden,
      id = _ref.id,
      role = _ref.role;
  return _react2.default.createElement(
    'div',
    (0, _extends3.default)({
      id: id,
      className: (0, _classnames3.default)(className, 'slds-popover', (_classnames = {}, (0, _defineProperty3.default)(_classnames, 'slds-nubbin--' + arrow, !!arrow), (0, _defineProperty3.default)(_classnames, 'slds-theme--' + theme, !!theme), (0, _defineProperty3.default)(_classnames, 'slds-hide', !!hidden), _classnames)),
      role: role || 'dialog'
    }, htmlAttr),
    _react2.default.createElement(
      'div',
      { className: 'slds-popover__body' },
      children
    )
  );
};

Popover.propTypes = {
  id: _propTypes2.default.string,
  children: _propTypes2.default.node,
  arrow: _propTypes2.default.oneOf(ARROW_ALIGNMENTS),
  theme: _propTypes2.default.oneOf(['info', 'error', 'warning', 'success']),
  role: _propTypes2.default.oneOf(['tooltip', 'dialog']),
  htmlAttr: _propTypes2.default.object,
  className: _propTypes2.default.string,
  hidden: _propTypes2.default.bool
};

exports.default = Popover;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY3JpcHRzL1BvcG92ZXIuanMiXSwibmFtZXMiOlsiQVJST1dfQUxJR05NRU5UUyIsIlBvcG92ZXIiLCJjaGlsZHJlbiIsImFycm93IiwidGhlbWUiLCJjbGFzc05hbWUiLCJodG1sQXR0ciIsImhpZGRlbiIsImlkIiwicm9sZSIsInByb3BUeXBlcyIsInN0cmluZyIsIm5vZGUiLCJvbmVPZiIsIm9iamVjdCIsImJvb2wiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7Ozs7QUFDQTs7OztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxtQkFBbUIsQ0FDdkIsTUFEdUIsRUFFdkIsVUFGdUIsRUFHdkIsYUFIdUIsRUFJdkIsT0FKdUIsRUFLdkIsV0FMdUIsRUFNdkIsY0FOdUIsRUFPdkIsS0FQdUIsRUFRdkIsV0FSdUIsRUFTdkIsVUFUdUIsRUFVdkIsUUFWdUIsRUFXdkIsY0FYdUIsRUFZdkIsYUFadUIsQ0FBekI7O0FBZUEsSUFBTUMsVUFBVSxTQUFWQSxPQUFVO0FBQUE7O0FBQUEsTUFBR0MsUUFBSCxRQUFHQSxRQUFIO0FBQUEsTUFBYUMsS0FBYixRQUFhQSxLQUFiO0FBQUEsTUFBb0JDLEtBQXBCLFFBQW9CQSxLQUFwQjtBQUFBLE1BQTJCQyxTQUEzQixRQUEyQkEsU0FBM0I7QUFBQSxNQUFzQ0MsUUFBdEMsUUFBc0NBLFFBQXRDO0FBQUEsTUFBZ0RDLE1BQWhELFFBQWdEQSxNQUFoRDtBQUFBLE1BQXdEQyxFQUF4RCxRQUF3REEsRUFBeEQ7QUFBQSxNQUE0REMsSUFBNUQsUUFBNERBLElBQTVEO0FBQUEsU0FDZDtBQUFBO0FBQUE7QUFDRSxVQUFJRCxFQUROO0FBRUUsaUJBQVcsMEJBQ1RILFNBRFMsRUFFVCxjQUZTLGtGQUlVRixLQUpWLEVBSW9CLENBQUMsQ0FBQ0EsS0FKdEIsK0RBS1NDLEtBTFQsRUFLbUIsQ0FBQyxDQUFDQSxLQUxyQiw4Q0FNUCxXQU5PLEVBTU0sQ0FBQyxDQUFDRyxNQU5SLGdCQUZiO0FBV0UsWUFBTUUsUUFBUTtBQVhoQixPQVlNSCxRQVpOO0FBY0U7QUFBQTtBQUFBLFFBQUssV0FBVSxvQkFBZjtBQUNHSjtBQURIO0FBZEYsR0FEYztBQUFBLENBQWhCOztBQXNCQUQsUUFBUVMsU0FBUixHQUFvQjtBQUNsQkYsTUFBSSxvQkFBVUcsTUFESTtBQUVsQlQsWUFBVSxvQkFBVVUsSUFGRjtBQUdsQlQsU0FBTyxvQkFBVVUsS0FBVixDQUFnQmIsZ0JBQWhCLENBSFc7QUFJbEJJLFNBQU8sb0JBQVVTLEtBQVYsQ0FBZ0IsQ0FBQyxNQUFELEVBQVMsT0FBVCxFQUFrQixTQUFsQixFQUE2QixTQUE3QixDQUFoQixDQUpXO0FBS2xCSixRQUFNLG9CQUFVSSxLQUFWLENBQWdCLENBQUMsU0FBRCxFQUFZLFFBQVosQ0FBaEIsQ0FMWTtBQU1sQlAsWUFBVSxvQkFBVVEsTUFORjtBQU9sQlQsYUFBVyxvQkFBVU0sTUFQSDtBQVFsQkosVUFBUSxvQkFBVVE7QUFSQSxDQUFwQjs7a0JBV2VkLE8iLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IEFSUk9XX0FMSUdOTUVOVFMgPSBbXG4gICdsZWZ0JyxcbiAgJ2xlZnQtdG9wJyxcbiAgJ2xlZnQtYm90dG9tJyxcbiAgJ3JpZ2h0JyxcbiAgJ3JpZ2h0LXRvcCcsXG4gICdyaWdodC1ib3R0b20nLFxuICAndG9wJyxcbiAgJ3RvcC1yaWdodCcsXG4gICd0b3AtbGVmdCcsXG4gICdib3R0b20nLFxuICAnYm90dG9tLXJpZ2h0JyxcbiAgJ2JvdHRvbS1sZWZ0Jyxcbl07XG5cbmNvbnN0IFBvcG92ZXIgPSAoeyBjaGlsZHJlbiwgYXJyb3csIHRoZW1lLCBjbGFzc05hbWUsIGh0bWxBdHRyLCBoaWRkZW4sIGlkLCByb2xlIH0pID0+IChcbiAgPGRpdlxuICAgIGlkPXtpZH1cbiAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICBjbGFzc05hbWUsXG4gICAgICAnc2xkcy1wb3BvdmVyJyxcbiAgICAgIHtcbiAgICAgICAgW2BzbGRzLW51YmJpbi0tJHthcnJvd31gXTogISFhcnJvdyxcbiAgICAgICAgW2BzbGRzLXRoZW1lLS0ke3RoZW1lfWBdOiAhIXRoZW1lLFxuICAgICAgICAnc2xkcy1oaWRlJzogISFoaWRkZW4sXG4gICAgICB9XG4gICAgKX1cbiAgICByb2xlPXtyb2xlIHx8ICdkaWFsb2cnfVxuICAgIHsuLi5odG1sQXR0cn1cbiAgPlxuICAgIDxkaXYgY2xhc3NOYW1lPSdzbGRzLXBvcG92ZXJfX2JvZHknPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cblxuUG9wb3Zlci5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGFycm93OiBQcm9wVHlwZXMub25lT2YoQVJST1dfQUxJR05NRU5UUyksXG4gIHRoZW1lOiBQcm9wVHlwZXMub25lT2YoWydpbmZvJywgJ2Vycm9yJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKSxcbiAgcm9sZTogUHJvcFR5cGVzLm9uZU9mKFsndG9vbHRpcCcsICdkaWFsb2cnXSksXG4gIGh0bWxBdHRyOiBQcm9wVHlwZXMub2JqZWN0LFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpZGRlbjogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQb3BvdmVyO1xuIl19