@spothero/ui 15.10.9 → 16.0.0-beta.1

package/backlog/TextInput/TextInput.js

@@ -1,230 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
-var _Loader = _interopRequireDefault(require("../v1/components/Loader/Loader"));
-
-var _TextInputPropTypes = _interopRequireDefault(require("./TextInputPropTypes"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var TextInput = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TextInput, _Component);
-
-  var _super = _createSuper(TextInput);
-
-  function TextInput() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TextInput);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      validationState: null
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInvalid", function (evt) {
-      evt.preventDefault();
-      var onInvalid = _this.props.onInvalid;
-      var validationState = evt.currentTarget.validity;
-
-      _this.setState({
-        validationState: validationState
-      });
-
-      if (onInvalid) {
-        onInvalid(validationState);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onChange", function (evt) {
-      var onChange = _this.props.onChange;
-
-      _this.setState({
-        validationState: null
-      });
-
-      if (onChange) {
-        onChange(evt);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(TextInput, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$_input, _this$_input$getInput;
-
-      (_this$_input = this._input) === null || _this$_input === void 0 ? void 0 : (_this$_input$getInput = _this$_input.getInputDOMNode()) === null || _this$_input$getInput === void 0 ? void 0 : _this$_input$getInput.addEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (prevProps.focus !== this.props.focus) {
-        this._checkFocus();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$_input2, _this$_input2$getInpu;
-
-      (_this$_input2 = this._input) === null || _this$_input2 === void 0 ? void 0 : (_this$_input2$getInpu = _this$_input2.getInputDOMNode()) === null || _this$_input2$getInpu === void 0 ? void 0 : _this$_input2$getInpu.removeEventListener('invalid', this._onInvalid);
-    }
-  }, {
-    key: "_checkFocus",
-    value: function _checkFocus() {
-      if (this.props.focus) {
-        var _this$_input3, _this$_input3$getInpu;
-
-        (_this$_input3 = this._input) === null || _this$_input3 === void 0 ? void 0 : (_this$_input3$getInpu = _this$_input3.getInputDOMNode()) === null || _this$_input3$getInpu === void 0 ? void 0 : _this$_input3$getInpu.focus();
-      }
-    }
-    /**
-     * Getter for the input DOM element.
-     *
-     * @public
-     * @returns {Element} - The input element.
-     */
-
-  }, {
-    key: "node",
-    get: function get() {
-      var _this$_input4;
-
-      return (_this$_input4 = this._input) === null || _this$_input4 === void 0 ? void 0 : _this$_input4.getInputDOMNode();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          name = _this$props.name,
-          type = _this$props.type,
-          label = _this$props.label,
-          placeholder = _this$props.placeholder,
-          pattern = _this$props.pattern,
-          required = _this$props.required,
-          disabled = _this$props.disabled,
-          loading = _this$props.loading,
-          autoFocus = _this$props.autoFocus,
-          error = _this$props.error,
-          defaultValue = _this$props.defaultValue,
-          icon = _this$props.icon,
-          iconPosition = _this$props.iconPosition,
-          helpNode = _this$props.helpNode,
-          inline = _this$props.inline,
-          readOnly = _this$props.readOnly,
-          maxLength = _this$props.maxLength,
-          min = _this$props.min,
-          max = _this$props.max,
-          mask = _this$props.mask,
-          maskChar = _this$props.maskChar,
-          additionalInputProps = _this$props.additionalInputProps,
-          onFocus = _this$props.onFocus,
-          onBlur = _this$props.onBlur;
-      var validationState = this.state.validationState;
-      var isValid = validationState ? validationState.valid : true;
-      var classes = (0, _classnames.default)('TextInput', 'FormElement', {
-        'FormElement-inline': inline
-      }, {
-        'FormElement-with-icon': icon
-      }, {
-        'FormElement-loading': loading
-      }, (0, _defineProperty2.default)({}, "FormElement-with-icon-".concat(iconPosition), icon), {
-        'FormElement-contains-error': !isValid
-      }, className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, label, /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-control"
-      }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({
-        ref: function ref(node) {
-          _this2._input = node;
-        },
-        className: "FormElement-item",
-        name: name,
-        type: type,
-        placeholder: placeholder,
-        disabled: disabled,
-        autoFocus: autoFocus,
-        required: required,
-        pattern: pattern,
-        maxLength: maxLength,
-        min: min,
-        max: max,
-        onChange: this._onChange,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        mask: mask,
-        maskChar: maskChar,
-        alwaysShowMask: false,
-        readOnly: readOnly,
-        defaultValue: defaultValue
-      }, additionalInputProps)), icon, loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {
-        size: 16,
-        borderWidth: 2
-      })), helpNode && /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-help-text"
-      }, helpNode), !isValid && error);
-    }
-  }]);
-  return TextInput;
-}(_react.Component);
-
-exports.default = TextInput;
-(0, _defineProperty2.default)(TextInput, "defaultProps", {
-  type: 'text',
-  maskChar: null,
-  iconPosition: 'left'
-});

package/backlog/TextInput/TextInputPropTypes.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var TextInputPropTypes = {
-  /** Additional class(es) to add to the component. */
-  className: _propTypes.default.string,
-
-  /** A unique name which is used to identify this element. If belonging to a form this is used as the key for serialization and is required. */
-  name: _propTypes.default.string,
-
-  /** What HTML input type the underlying input should be set to. */
-  type: _propTypes.default.oneOf(['text', 'password', 'date', 'email', 'time', 'tel', 'search', 'number', 'hidden']),
-
-  /** Text to display in the field before a user starts to type in the input. */
-  placeholder: _propTypes.default.string,
-
-  /** A custom label (typically a Label component) to display above the input. */
-  label: _propTypes.default.element,
-
-  /** A regular expression that the input value is checked against for validation. */
-  pattern: _propTypes.default.string,
-
-  /** Whether this field is required during validation. */
-  required: _propTypes.default.bool,
-
-  /** Disallows user interaction. */
-  disabled: _propTypes.default.bool,
-
-  /** Whether to show a loading animation inside of the component. */
-  loading: _propTypes.default.bool,
-
-  /** Whether the field should be auto focused when mounted. */
-  autoFocus: _propTypes.default.bool,
-
-  /** Whether the field should be focused when the component receives new props. */
-  focus: _propTypes.default.bool,
-
-  /** A custom validation error (typically a FormElementError component) to display when this component is part of a form and is invalid. */
-  error: _propTypes.default.element,
-
-  /** The default value to display in the input when mounted. */
-  defaultValue: _propTypes.default.string,
-
-  /** A custom icon (typically an Icon component) to show in the input field. */
-  icon: _propTypes.default.element,
-
-  /** If an icon is provided, whether it should appear on the left or right side of the input field. */
-  iconPosition: _propTypes.default.oneOf(['left', 'right']),
-
-  /** A custom help element to place below the input. */
-  helpNode: _propTypes.default.node,
-
-  /** Applies proper styling to display this field inline in a form. */
-  inline: _propTypes.default.bool,
-
-  /** Specifies that the input field is read-only. */
-  readOnly: _propTypes.default.bool,
-
-  /** Specifies the maximum number of characters allowed. */
-  maxLength: _propTypes.default.number,
-
-  /** Specifies the minimum value when type is `date` or `number`. */
-  min: _propTypes.default.number,
-
-  /** Specifies the maximum value when type is `date` or `number`. */
-  max: _propTypes.default.number,
-
-  /** A string to use as a mask. See <a href="https://github.com/sanniassin/react-input-mask#mask--string" target="_blank">react-input-mask</a>. */
-  mask: _propTypes.default.string,
-
-  /** Character to cover unfilled editable parts of mask. See <a href="https://github.com/sanniassin/react-input-mask#maskchar--string" target="_blank">react-input-mask</a>. */
-  maskChar: _propTypes.default.string,
-
-  /** Additional props to pass to the input element */
-  additionalInputProps: _propTypes.default.object,
-
-  /**
-   * Function to execute when the input changes.
-   *
-   * @param {SyntheticEvent} evt - The React `SyntheticEvent`.
-   */
-  onChange: _propTypes.default.func,
-
-  /**
-   * Function to execute when the input is focused.
-   *
-   * @param {SyntheticEvent} evt - The React `SyntheticEvent`.
-   */
-  onFocus: _propTypes.default.func,
-
-  /**
-   * Function to execute when the input loses focused.
-   *
-   * @param {SyntheticEvent} evt - The React `SyntheticEvent`.
-   */
-  onBlur: _propTypes.default.func,
-
-  /**
-   * Function to execute when the element is marked as invalid by a validation check.
-   *
-   * @param {ValidityState} validationState - ValidityState object for more fine grained control over error handling in a parent component if desired.
-   */
-  onInvalid: _propTypes.default.func
-};
-var _default = TextInputPropTypes;
-exports.default = _default;

package/backlog/TextInput/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TextInput", {
-  enumerable: true,
-  get: function get() {
-    return _TextInput.default;
-  }
-});
-Object.defineProperty(exports, "TextInputPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _TextInputPropTypes.default;
-  }
-});
-
-var _TextInput = _interopRequireDefault(require("./TextInput"));
-
-var _TextInputPropTypes = _interopRequireDefault(require("./TextInputPropTypes"));

package/backlog/Tooltip/Tooltip.js

@@ -1,249 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _bind = _interopRequireDefault(require("lodash/bind"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Button = _interopRequireDefault(require("../v1/components/Button/Button"));
-
-var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Tooltip = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Tooltip, _Component);
-
-  var _super = _createSuper(Tooltip);
-
-  function Tooltip(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Tooltip);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onCloseClick", function (evt) {
-      _this.hide();
-    });
-    _this._isArrowAdjusted = false;
-    return _this;
-  }
-
-  (0, _createClass2.default)(Tooltip, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-          triggerSelector = _this$props.triggerSelector,
-          updateOnMove = _this$props.updateOnMove,
-          closeOnBodyClick = _this$props.closeOnBodyClick;
-      this._trigger = _dom.default.el(triggerSelector);
-
-      this._positionTooltip();
-
-      _dom.default.addClass(this._container, 'Tooltip-showing');
-
-      if (updateOnMove) {
-        this._container.style.position = 'fixed';
-        this._scrollInterval = setInterval((0, _bind.default)(this._positionTooltip, this), 100);
-      }
-
-      if (closeOnBodyClick) {
-        document.addEventListener('click', this._onCloseClick, {
-          capture: true
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$props2 = this.props,
-          updateOnMove = _this$props2.updateOnMove,
-          closeOnBodyClick = _this$props2.closeOnBodyClick;
-
-      if (updateOnMove) {
-        clearInterval(this._scrollInterval);
-      }
-
-      if (closeOnBodyClick) {
-        document.removeEventListener('click', this._onCloseClick);
-      }
-    }
-  }, {
-    key: "_positionTooltip",
-    value: function _positionTooltip() {
-      if (!this._trigger) {
-        return;
-      }
-
-      var _this$props3 = this.props,
-          position = _this$props3.position,
-          tipOffset = _this$props3.tipOffset,
-          updateOnMove = _this$props3.updateOnMove,
-          adjustArrow = _this$props3.adjustArrow;
-
-      var _this$_trigger$getBou = this._trigger.getBoundingClientRect(),
-          clientTop = _this$_trigger$getBou.top,
-          clientLeft = _this$_trigger$getBou.left,
-          clientRight = _this$_trigger$getBou.right,
-          clientBottom = _this$_trigger$getBou.bottom,
-          width = _this$_trigger$getBou.width,
-          height = _this$_trigger$getBou.height;
-
-      var tooltipWidth = this._container.offsetWidth;
-      var tooltipHeight = this._container.offsetHeight;
-
-      var _DOMUtils$getDocument = _dom.default.getDocumentOffset(this._trigger),
-          documentTop = _DOMUtils$getDocument.top,
-          documentLeft = _DOMUtils$getDocument.left;
-
-      var top = updateOnMove ? clientTop : documentTop;
-      var right = updateOnMove ? clientRight : documentLeft + width;
-      var bottom = updateOnMove ? clientBottom : documentTop + height;
-      var left = updateOnMove ? clientLeft : documentLeft;
-      var containerMid = position === 'top' || position === 'bottom' ? tooltipWidth / 2 : tooltipHeight / 2;
-      var bodyWidth = document.body.clientWidth;
-      var adjuster = 5;
-      var newTop = 0;
-      var newLeft = 0;
-
-      switch (position) {
-        case 'top':
-          newTop = top - tooltipHeight - tipOffset;
-          newLeft = left + width / 2 - containerMid;
-          break;
-
-        case 'right':
-          newTop = top + height / 2 - containerMid;
-          newLeft = right + tipOffset;
-          break;
-
-        case 'bottom':
-          newTop = bottom + tipOffset;
-          newLeft = left + width / 2 - containerMid;
-          break;
-
-        case 'left':
-          newTop = top + height / 2 - containerMid;
-          newLeft = left - tooltipWidth - tipOffset;
-          break;
-      } // adjust tooltip position if off the left side of the screen
-
-
-      var adjustedLeft = newLeft < 0 ? adjuster : newLeft; // adjust tooltip position if off the right side of the screen
-
-      if (tooltipWidth > bodyWidth - adjustedLeft) {
-        adjustedLeft = bodyWidth - tooltipWidth - adjuster;
-      }
-
-      this._container.style.top = "".concat(newTop, "px");
-      this._container.style.left = "".concat(adjustedLeft, "px");
-
-      if (adjustArrow && !this._isArrowAdjusted && adjustedLeft !== newLeft && (position === 'top' || position === 'bottom')) {
-        this._arrow.style.left = "".concat(this._arrow.getBoundingClientRect().left + (newLeft - adjustedLeft), "px");
-        this._isArrowAdjusted = true;
-      }
-    }
-    /**
-     * Hides the Tooltip programmatically and fires the `onHidden` callback when done.
-     *
-     * @public
-     * @returns {void}
-     */
-
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this2 = this;
-
-      if (_dom.default.hasClass(this._container, 'Tooltip-showing')) {
-        _dom.default.removeClass(this._container, 'Tooltip-showing');
-
-        setTimeout(function () {
-          _this2.props.onHidden();
-        }, 250);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props4 = this.props,
-          className = _this$props4.className,
-          containerClassName = _this$props4.containerClassName,
-          position = _this$props4.position,
-          showClose = _this$props4.showClose,
-          children = _this$props4.children;
-      var classes = (0, _classnames.default)('Tooltip', "Tooltip-".concat(position), {
-        'Tooltip-no-close': !showClose
-      }, className);
-      return /*#__PURE__*/_react.default.createElement(_Portal.default, {
-        className: containerClassName
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this3._container = node;
-        },
-        className: classes,
-        role: "tooltip"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        ref: function ref(node) {
-          _this3._arrow = node;
-        },
-        className: "Tooltip-arrow"
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "Tooltip-content"
-      }, children, showClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Tooltip-close",
-        onClick: this._onCloseClick
-      }, /*#__PURE__*/_react.default.createElement(_times.default, null)))));
-    }
-  }]);
-  return Tooltip;
-}(_react.Component);
-
-exports.default = Tooltip;
-(0, _defineProperty2.default)(Tooltip, "defaultProps", {
-  position: 'top',
-  showClose: true,
-  tipOffset: 0,
-  adjustArrow: true
-});