organism-react-onboarding/build/cjs/ui/organisms/Tooltip.js

Create guided tours with react.

"use strict";

var _interopRequireDefault = require("reshow-runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("reshow-runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _objectSpread2 = _interopRequireDefault(require("reshow-runtime/helpers/objectSpread2"));

var _extends2 = _interopRequireDefault(require("reshow-runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("reshow-runtime/helpers/objectWithoutProperties"));

var _classCallCheck2 = _interopRequireDefault(require("reshow-runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("reshow-runtime/helpers/createClass"));

var _inherits2 = _interopRequireDefault(require("reshow-runtime/helpers/inherits"));

var _createSuper2 = _interopRequireDefault(require("reshow-runtime/helpers/createSuper"));

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

var _organismReactPopup = require("organism-react-popup");

var _excluded = ["wh", "maskScroll", "targetEl", "isSetFixed", "modalStyle", "children", "name"];

var Tooltip = /*#__PURE__*/function (_PureComponent) {
  (0, _inherits2["default"])(Tooltip, _PureComponent);

  var _super = (0, _createSuper2["default"])(Tooltip);

  function Tooltip() {
    (0, _classCallCheck2["default"])(this, Tooltip);
    return _super.apply(this, arguments);
  }

  (0, _createClass2["default"])(Tooltip, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          wh = _this$props.wh,
          maskScroll = _this$props.maskScroll,
          targetEl = _this$props.targetEl,
          isSetFixed = _this$props.isSetFixed,
          modalStyle = _this$props.modalStyle,
          children = _this$props.children,
          name = _this$props.name,
          props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
      var floatClassName;

      if (isSetFixed) {
        floatClassName = "react-onboarding-fixed";
      }

      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_organismReactPopup.PopupModal, (0, _extends2["default"])({}, props, {
        name: name,
        modal: null,
        maskScroll: maskScroll
      })), /*#__PURE__*/_react["default"].createElement(_organismReactPopup.PopupFloatEl, {
        name: name,
        style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, modalStyle), {}, {
          zIndex: 99999
        }),
        targetEl: targetEl,
        className: floatClassName,
        alignParams: {
          positionFixed: true
        }
      }, children));
    }
  }]);
  return Tooltip;
}(_react.PureComponent);

var _default = Tooltip;
exports["default"] = _default;
module.exports = exports.default;