@flexis/ui/components/Dropdown/DropdownContent.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.DropdownContent = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _createElement = _react.default.createElement;
var PureComponent = _react.default.PureComponent;

var DropdownContent =
/** @class */
function () {
  var DropdownContent = /*#__PURE__*/function (_PureComponent) {
    (0, _inherits2.default)(DropdownContent, _PureComponent);

    function DropdownContent() {
      (0, _classCallCheck2.default)(this, DropdownContent);
      return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(DropdownContent).apply(this, arguments));
    }

    (0, _createClass2.default)(DropdownContent, [{
      key: "render",
      value: function render() {
        var _this$props = this.props,
            elementRef = _this$props.elementRef,
            hideOnClick = _this$props.hideOnClick,
            children = _this$props.children,
            props = (0, _objectWithoutProperties2.default)(_this$props, ["elementRef", "hideOnClick", "children"]);
        return _createElement("div", (0, _extends2.default)({
          ref: elementRef,
          tabIndex: 0
        }, props, {
          onClick: hideOnClick ? undefined : this.onClick
        }), children);
      }
    }, {
      key: "onClick",
      value: function onClick(event) {
        event.stopPropagation();
        event.nativeEvent.stopImmediatePropagation();
      }
    }]);
    return DropdownContent;
  }(PureComponent);

  process.env.NODE_ENV !== "production" ? DropdownContent.propTypes = {
    elementRef: _propTypes.default.func,
    hideOnClick: _propTypes.default.bool,
    children: _propTypes.default.node.isRequired
  } : void 0;
  return DropdownContent;
}();

exports.DropdownContent = DropdownContent;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFPQTs7Ozs7QUFnQkEsSUFBQSxlQUFBO0FBQUE7QUFBQSxZQUFBO0FBQUEsTUFBYSxlQUFiO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FBQUE7QUFBQTtBQUFBLCtCQVFPO0FBQUEsMEJBT0QsS0FBSyxLQVBKO0FBQUEsWUFHSixVQUhJLGVBR0osVUFISTtBQUFBLFlBSUosV0FKSSxlQUlKLFdBSkk7QUFBQSxZQUtKLFFBTEksZUFLSixRQUxJO0FBQUEsWUFNRCxLQU5DO0FBU0wsZUFDQztBQUNDLFVBQUEsR0FBRyxFQUFFLFVBRE47QUFFQyxVQUFBLFFBQVEsRUFBRTtBQUZYLFdBR0ssS0FITDtBQUlDLFVBQUEsT0FBTyxFQUFFLFdBQVcsR0FBRyxTQUFILEdBQWUsS0FBSztBQUp6QyxZQU1FLFFBTkYsQ0FERDtBQVVBO0FBM0JGO0FBQUE7QUFBQSw4QkE2QmlCLEtBN0JqQixFQTZCa0Q7QUFDaEQsUUFBQSxLQUFLLENBQUMsZUFBTjtBQUNBLFFBQUEsS0FBSyxDQUFDLFdBQU4sQ0FBa0Isd0JBQWxCO0FBQ0E7QUFoQ0Y7QUFBQTtBQUFBLElBQXFDLGFBQXJDOztBQUVRLDBDQUFBLGVBQUEsQ0FBQSxTQUFBLEdBQVk7QUFDbEIsSUFBQSxVQUFVLEVBQUcsbUJBQVUsSUFETDtBQUVsQixJQUFBLFdBQVcsRUFBRSxtQkFBVSxJQUZMO0FBR2xCLElBQUEsUUFBUSxFQUFLLG1CQUFVLElBQVYsQ0FBZTtBQUhWLEdBQVo7QUErQlIsU0FBQSxlQUFBO0FBQUMsQ0FqQ0QsRUFBQSIsInNvdXJjZVJvb3QiOiIifQ==