@kaiheila/ui-components 0.1.31 → 0.1.33

package/dist/ui-components.js

@@ -113,8 +113,7 @@ module.exports = require("react-dom");
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ReactTooltip; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
@@ -122,27 +121,6 @@ module.exports = require("react-dom");
 
 
 
-function ownKeys$2(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -160,9 +138,6 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
   return Constructor;
 }
 function _defineProperty(obj, key, value) {
@@ -179,7 +154,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+  _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -192,6 +167,34 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+  return target;
+}
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
@@ -203,35 +206,21 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
   return _setPrototypeOf(o, p);
 }
-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;
-  }
-}
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -241,2201 +230,1643 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
   }
   return _assertThisInitialized(self);
 }
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+var CONSTANT = {
+  GLOBAL: {
+    HIDE: '__react_tooltip_hide_event',
+    REBUILD: '__react_tooltip_rebuild_event',
+    SHOW: '__react_tooltip_show_event'
   }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-var check = function (it) {
-  return it && it.Math == Math && it;
 };
 
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$a =
-// eslint-disable-next-line es/no-global-this -- safe
-check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) ||
-// eslint-disable-next-line no-restricted-globals -- safe
-check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
-// eslint-disable-next-line no-new-func -- fallback
-function () {
-  return this;
-}() || Function('return this')();
-var objectGetOwnPropertyDescriptor = {};
-var fails$9 = function (exec) {
-  try {
-    return !!exec();
-  } catch (error) {
-    return true;
-  }
-};
-var fails$8 = fails$9;
+/**
+ * Static methods for react-tooltip
+ */
 
-// Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$8(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, {
-    get: function () {
-      return 7;
-    }
-  })[1] != 7;
-});
-var fails$7 = fails$9;
-var functionBindNative = !fails$7(function () {
-  // eslint-disable-next-line es/no-function-prototype-bind -- safe
-  var test = function () {/* empty */}.bind();
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return typeof test != 'function' || test.hasOwnProperty('prototype');
-});
-var NATIVE_BIND$2 = functionBindNative;
-var call$4 = Function.prototype.call;
-var functionCall = NATIVE_BIND$2 ? call$4.bind(call$4) : function () {
-  return call$4.apply(call$4, arguments);
+var dispatchGlobalEvent = function dispatchGlobalEvent(eventName, opts) {
+  // Compatible with IE
+  // @see http://stackoverflow.com/questions/26596123/internet-explorer-9-10-11-event-constructor-doesnt-work
+  // @see https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
+  var event;
+  if (typeof window.CustomEvent === 'function') {
+    event = new window.CustomEvent(eventName, {
+      detail: opts
+    });
+  } else {
+    event = document.createEvent('Event');
+    event.initEvent(eventName, false, true, opts);
+  }
+  window.dispatchEvent(event);
 };
-var objectPropertyIsEnumerable = {};
-var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+function staticMethods(target) {
+  /**
+   * Hide all tooltip
+   * @trigger ReactTooltip.hide()
+   */
+  target.hide = function (target) {
+    dispatchGlobalEvent(CONSTANT.GLOBAL.HIDE, {
+      target: target
+    });
+  };
+  /**
+   * Rebuild all tooltip
+   * @trigger ReactTooltip.rebuild()
+   */
 
-// Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({
-  1: 2
-}, 1);
+  target.rebuild = function () {
+    dispatchGlobalEvent(CONSTANT.GLOBAL.REBUILD);
+  };
+  /**
+   * Show specific tooltip
+   * @trigger ReactTooltip.show()
+   */
 
-// `Object.prototype.propertyIsEnumerable` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
-objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor$1(this, V);
-  return !!descriptor && descriptor.enumerable;
-} : $propertyIsEnumerable;
-var createPropertyDescriptor$2 = function (bitmap, value) {
-  return {
-    enumerable: !(bitmap & 1),
-    configurable: !(bitmap & 2),
-    writable: !(bitmap & 4),
-    value: value
+  target.show = function (target) {
+    dispatchGlobalEvent(CONSTANT.GLOBAL.SHOW, {
+      target: target
+    });
   };
-};
-var NATIVE_BIND$1 = functionBindNative;
-var FunctionPrototype$1 = Function.prototype;
-var call$3 = FunctionPrototype$1.call;
-var uncurryThisWithBind = NATIVE_BIND$1 && FunctionPrototype$1.bind.bind(call$3, call$3);
-var functionUncurryThisRaw = function (fn) {
-  return NATIVE_BIND$1 ? uncurryThisWithBind(fn) : function () {
-    return call$3.apply(fn, arguments);
+  target.prototype.globalRebuild = function () {
+    if (this.mount) {
+      this.unbindListener();
+      this.bindListener();
+    }
   };
-};
-var uncurryThisRaw$1 = functionUncurryThisRaw;
-var toString$1 = uncurryThisRaw$1({}.toString);
-var stringSlice = uncurryThisRaw$1(''.slice);
-var classofRaw$2 = function (it) {
-  return stringSlice(toString$1(it), 8, -1);
-};
-var classofRaw$1 = classofRaw$2;
-var uncurryThisRaw = functionUncurryThisRaw;
-var functionUncurryThis = function (fn) {
-  // Nashorn bug:
-  //   https://github.com/zloirock/core-js/issues/1128
-  //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw$1(fn) === 'Function') return uncurryThisRaw(fn);
-};
-var uncurryThis$9 = functionUncurryThis;
-var fails$6 = fails$9;
-var classof$3 = classofRaw$2;
-var $Object$3 = Object;
-var split = uncurryThis$9(''.split);
-
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$6(function () {
-  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return !$Object$3('z').propertyIsEnumerable(0);
-}) ? function (it) {
-  return classof$3(it) == 'String' ? split(it, '') : $Object$3(it);
-} : $Object$3;
-
-// we can't use just `it == null` since of `document.all` special case
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$2 = function (it) {
-  return it === null || it === undefined;
-};
-var isNullOrUndefined$1 = isNullOrUndefined$2;
-var $TypeError$5 = TypeError;
-
-// `RequireObjectCoercible` abstract operation
-// https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$2 = function (it) {
-  if (isNullOrUndefined$1(it)) throw $TypeError$5("Can't call method on " + it);
-  return it;
-};
-
-// toObject with fallback for non-array-like ES3 strings
-var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$1 = requireObjectCoercible$2;
-var toIndexedObject$4 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$1(it));
-};
-var documentAll$2 = typeof document == 'object' && document.all;
+  target.prototype.globalShow = function (event) {
+    if (this.mount) {
+      var hasTarget = event && event.detail && event.detail.target && true || false; // Create a fake event, specific show will limit the type to `solid`
+      // only `float` type cares e.clientX e.clientY
 
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
-var IS_HTMLDDA = typeof documentAll$2 == 'undefined' && documentAll$2 !== undefined;
-var documentAll_1 = {
-  all: documentAll$2,
-  IS_HTMLDDA: IS_HTMLDDA
-};
-var $documentAll$1 = documentAll_1;
-var documentAll$1 = $documentAll$1.all;
-
-// `IsCallable` abstract operation
-// https://tc39.es/ecma262/#sec-iscallable
-var isCallable$c = $documentAll$1.IS_HTMLDDA ? function (argument) {
-  return typeof argument == 'function' || argument === documentAll$1;
-} : function (argument) {
-  return typeof argument == 'function';
-};
-var isCallable$b = isCallable$c;
-var $documentAll = documentAll_1;
-var documentAll = $documentAll.all;
-var isObject$6 = $documentAll.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$b(it) || it === documentAll;
-} : function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$b(it);
-};
-var global$9 = global$a;
-var isCallable$a = isCallable$c;
-var aFunction = function (argument) {
-  return isCallable$a(argument) ? argument : undefined;
-};
-var getBuiltIn$5 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
-};
-var uncurryThis$8 = functionUncurryThis;
-var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
-var getBuiltIn$4 = getBuiltIn$5;
-var engineUserAgent = getBuiltIn$4('navigator', 'userAgent') || '';
-var global$8 = global$a;
-var userAgent = engineUserAgent;
-var process = global$8.process;
-var Deno = global$8.Deno;
-var versions = process && process.versions || Deno && Deno.version;
-var v8 = versions && versions.v8;
-var match, version;
-if (v8) {
-  match = v8.split('.');
-  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
-  // but their correct versions are not interesting for us
-  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+      this.showTooltip({
+        currentTarget: hasTarget && event.detail.target
+      }, true);
+    }
+  };
+  target.prototype.globalHide = function (event) {
+    if (this.mount) {
+      var hasTarget = event && event.detail && event.detail.target && true || false;
+      this.hideTooltip({
+        currentTarget: hasTarget && event.detail.target
+      }, hasTarget);
+    }
+  };
 }
 
-// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
-// so check `userAgent` even if `.v8` exists, but 0
-if (!version && userAgent) {
-  match = userAgent.match(/Edge\/(\d+)/);
-  if (!match || match[1] >= 74) {
-    match = userAgent.match(/Chrome\/(\d+)/);
-    if (match) version = +match[1];
-  }
-}
-var engineV8Version = version;
+/**
+ * Events that should be bound to the window
+ */
+function windowListener(target) {
+  target.prototype.bindWindowEvents = function (resizeHide) {
+    // ReactTooltip.hide
+    window.removeEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide);
+    window.addEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide, false); // ReactTooltip.rebuild
 
-/* eslint-disable es/no-symbol -- required for testing */
+    window.removeEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild);
+    window.addEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild, false); // ReactTooltip.show
 
-var V8_VERSION = engineV8Version;
-var fails$5 = fails$9;
+    window.removeEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow);
+    window.addEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow, false); // Resize
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(function () {
-  var symbol = Symbol();
-  // Chrome 38 Symbol has incorrect toString conversion
-  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
-  // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
-  !Symbol.sham && V8_VERSION && V8_VERSION < 41;
-});
+    if (resizeHide) {
+      window.removeEventListener('resize', this.onWindowResize);
+      window.addEventListener('resize', this.onWindowResize, false);
+    }
+  };
+  target.prototype.unbindWindowEvents = function () {
+    window.removeEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide);
+    window.removeEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild);
+    window.removeEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow);
+    window.removeEventListener('resize', this.onWindowResize);
+  };
+  /**
+   * invoked by resize event of window
+   */
 
-/* eslint-disable es/no-symbol -- required for testing */
+  target.prototype.onWindowResize = function () {
+    if (!this.mount) return;
+    this.hideTooltip();
+  };
+}
 
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
-var useSymbolAsUid = NATIVE_SYMBOL$1 && !Symbol.sham && typeof Symbol.iterator == 'symbol';
-var getBuiltIn$3 = getBuiltIn$5;
-var isCallable$9 = isCallable$c;
-var isPrototypeOf = objectIsPrototypeOf;
-var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
-var $Object$2 = Object;
-var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
-  return typeof it == 'symbol';
-} : function (it) {
-  var $Symbol = getBuiltIn$3('Symbol');
-  return isCallable$9($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
-};
-var $String$1 = String;
-var tryToString$1 = function (argument) {
-  try {
-    return $String$1(argument);
-  } catch (error) {
-    return 'Object';
+/**
+ * Custom events to control showing and hiding of tooltip
+ *
+ * @attributes
+ * - `event` {String}
+ * - `eventOff` {String}
+ */
+var checkStatus = function checkStatus(dataEventOff, e) {
+  var show = this.state.show;
+  var id = this.props.id;
+  var isCapture = this.isCapture(e.currentTarget);
+  var currentItem = e.currentTarget.getAttribute('currentItem');
+  if (!isCapture) e.stopPropagation();
+  if (show && currentItem === 'true') {
+    if (!dataEventOff) this.hideTooltip(e);
+  } else {
+    e.currentTarget.setAttribute('currentItem', 'true');
+    setUntargetItems(e.currentTarget, this.getTargetArray(id));
+    this.showTooltip(e);
   }
 };
-var isCallable$8 = isCallable$c;
-var tryToString = tryToString$1;
-var $TypeError$4 = TypeError;
-
-// `Assert: IsCallable(argument) is true`
-var aCallable$2 = function (argument) {
-  if (isCallable$8(argument)) return argument;
-  throw $TypeError$4(tryToString(argument) + ' is not a function');
-};
-var aCallable$1 = aCallable$2;
-var isNullOrUndefined = isNullOrUndefined$2;
-
-// `GetMethod` abstract operation
-// https://tc39.es/ecma262/#sec-getmethod
-var getMethod$1 = function (V, P) {
-  var func = V[P];
-  return isNullOrUndefined(func) ? undefined : aCallable$1(func);
-};
-var call$2 = functionCall;
-var isCallable$7 = isCallable$c;
-var isObject$5 = isObject$6;
-var $TypeError$3 = TypeError;
-
-// `OrdinaryToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-ordinarytoprimitive
-var ordinaryToPrimitive$1 = function (input, pref) {
-  var fn, val;
-  if (pref === 'string' && isCallable$7(fn = input.toString) && !isObject$5(val = call$2(fn, input))) return val;
-  if (isCallable$7(fn = input.valueOf) && !isObject$5(val = call$2(fn, input))) return val;
-  if (pref !== 'string' && isCallable$7(fn = input.toString) && !isObject$5(val = call$2(fn, input))) return val;
-  throw $TypeError$3("Can't convert object to primitive value");
-};
-var shared$3 = {
-  exports: {}
-};
-var global$7 = global$a;
-
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$2 = Object.defineProperty;
-var defineGlobalProperty$3 = function (key, value) {
-  try {
-    defineProperty$2(global$7, key, {
-      value: value,
-      configurable: true,
-      writable: true
-    });
-  } catch (error) {
-    global$7[key] = value;
-  }
-  return value;
-};
-var global$6 = global$a;
-var defineGlobalProperty$2 = defineGlobalProperty$3;
-var SHARED = '__core-js_shared__';
-var store$3 = global$6[SHARED] || defineGlobalProperty$2(SHARED, {});
-var sharedStore = store$3;
-var store$2 = sharedStore;
-(shared$3.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.25.5',
-  mode: 'global',
-  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.25.5/LICENSE',
-  source: 'https://github.com/zloirock/core-js'
-});
-var requireObjectCoercible = requireObjectCoercible$2;
-var $Object$1 = Object;
-
-// `ToObject` abstract operation
-// https://tc39.es/ecma262/#sec-toobject
-var toObject$2 = function (argument) {
-  return $Object$1(requireObjectCoercible(argument));
-};
-var uncurryThis$7 = functionUncurryThis;
-var toObject$1 = toObject$2;
-var hasOwnProperty = uncurryThis$7({}.hasOwnProperty);
-
-// `HasOwnProperty` abstract operation
-// https://tc39.es/ecma262/#sec-hasownproperty
-// eslint-disable-next-line es/no-object-hasown -- safe
-var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$1(it), key);
-};
-var uncurryThis$6 = functionUncurryThis;
-var id = 0;
-var postfix = Math.random();
-var toString = uncurryThis$6(1.0.toString);
-var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
-};
-var global$5 = global$a;
-var shared$2 = shared$3.exports;
-var hasOwn$6 = hasOwnProperty_1;
-var uid$1 = uid$2;
-var NATIVE_SYMBOL = symbolConstructorDetection;
-var USE_SYMBOL_AS_UID = useSymbolAsUid;
-var WellKnownSymbolsStore = shared$2('wks');
-var Symbol$1 = global$5.Symbol;
-var symbolFor = Symbol$1 && Symbol$1['for'];
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
-var wellKnownSymbol$5 = function (name) {
-  if (!hasOwn$6(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
-    var description = 'Symbol.' + name;
-    if (NATIVE_SYMBOL && hasOwn$6(Symbol$1, name)) {
-      WellKnownSymbolsStore[name] = Symbol$1[name];
-    } else if (USE_SYMBOL_AS_UID && symbolFor) {
-      WellKnownSymbolsStore[name] = symbolFor(description);
+var setUntargetItems = function setUntargetItems(currentTarget, targetArray) {
+  for (var i = 0; i < targetArray.length; i++) {
+    if (currentTarget !== targetArray[i]) {
+      targetArray[i].setAttribute('currentItem', 'false');
     } else {
-      WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
+      targetArray[i].setAttribute('currentItem', 'true');
     }
   }
-  return WellKnownSymbolsStore[name];
 };
-var call$1 = functionCall;
-var isObject$4 = isObject$6;
-var isSymbol$1 = isSymbol$2;
-var getMethod = getMethod$1;
-var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$4 = wellKnownSymbol$5;
-var $TypeError$2 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$4('toPrimitive');
-
-// `ToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-toprimitive
-var toPrimitive$1 = function (input, pref) {
-  if (!isObject$4(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
-  var result;
-  if (exoticToPrim) {
-    if (pref === undefined) pref = 'default';
-    result = call$1(exoticToPrim, input, pref);
-    if (!isObject$4(result) || isSymbol$1(result)) return result;
-    throw $TypeError$2("Can't convert object to primitive value");
+var customListeners = {
+  id: '9b69f92e-d3fe-498b-b1b4-c5e63a51b0cf',
+  set: function set(target, event, listener) {
+    if (this.id in target) {
+      var map = target[this.id];
+      map[event] = listener;
+    } else {
+      // this is workaround for WeakMap, which is not supported in older browsers, such as IE
+      Object.defineProperty(target, this.id, {
+        configurable: true,
+        value: _defineProperty({}, event, listener)
+      });
+    }
+  },
+  get: function get(target, event) {
+    var map = target[this.id];
+    if (map !== undefined) {
+      return map[event];
+    }
   }
-  if (pref === undefined) pref = 'number';
-  return ordinaryToPrimitive(input, pref);
 };
-var toPrimitive = toPrimitive$1;
-var isSymbol = isSymbol$2;
-
-// `ToPropertyKey` abstract operation
-// https://tc39.es/ecma262/#sec-topropertykey
-var toPropertyKey$2 = function (argument) {
-  var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
-};
-var global$4 = global$a;
-var isObject$3 = isObject$6;
-var document$1 = global$4.document;
-// typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
-var documentCreateElement$1 = function (it) {
-  return EXISTS$1 ? document$1.createElement(it) : {};
-};
-var DESCRIPTORS$7 = descriptors;
-var fails$4 = fails$9;
-var createElement = documentCreateElement$1;
+function customEvent(target) {
+  target.prototype.isCustomEvent = function (ele) {
+    var event = this.state.event;
+    return event || !!ele.getAttribute('data-event');
+  };
+  /* Bind listener for custom event */
 
-// Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$7 && !fails$4(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty(createElement('div'), 'a', {
-    get: function () {
-      return 7;
+  target.prototype.customBindListener = function (ele) {
+    var _this = this;
+    var _this$state = this.state,
+      event = _this$state.event,
+      eventOff = _this$state.eventOff;
+    var dataEvent = ele.getAttribute('data-event') || event;
+    var dataEventOff = ele.getAttribute('data-event-off') || eventOff;
+    dataEvent.split(' ').forEach(function (event) {
+      ele.removeEventListener(event, customListeners.get(ele, event));
+      var customListener = checkStatus.bind(_this, dataEventOff);
+      customListeners.set(ele, event, customListener);
+      ele.addEventListener(event, customListener, false);
+    });
+    if (dataEventOff) {
+      dataEventOff.split(' ').forEach(function (event) {
+        ele.removeEventListener(event, _this.hideTooltip);
+        ele.addEventListener(event, _this.hideTooltip, false);
+      });
     }
-  }).a != 7;
-});
-var DESCRIPTORS$6 = descriptors;
-var call = functionCall;
-var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var createPropertyDescriptor$1 = createPropertyDescriptor$2;
-var toIndexedObject$3 = toIndexedObject$4;
-var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$5 = hasOwnProperty_1;
-var IE8_DOM_DEFINE$1 = ie8DomDefine;
+  };
+  /* Unbind listener for custom event */
 
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+  target.prototype.customUnbindListener = function (ele) {
+    var _this$state2 = this.state,
+      event = _this$state2.event,
+      eventOff = _this$state2.eventOff;
+    var dataEvent = event || ele.getAttribute('data-event');
+    var dataEventOff = eventOff || ele.getAttribute('data-event-off');
+    ele.removeEventListener(dataEvent, customListeners.get(ele, event));
+    if (dataEventOff) ele.removeEventListener(dataEventOff, this.hideTooltip);
+  };
+}
 
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$6 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject$3(O);
-  P = toPropertyKey$1(P);
-  if (IE8_DOM_DEFINE$1) try {
-    return $getOwnPropertyDescriptor$1(O, P);
-  } catch (error) {/* empty */}
-  if (hasOwn$5(O, P)) return createPropertyDescriptor$1(!call(propertyIsEnumerableModule.f, O, P), O[P]);
-};
-var objectDefineProperty = {};
-var DESCRIPTORS$5 = descriptors;
-var fails$3 = fails$9;
+/**
+ * Util method to judge if it should follow capture model
+ */
+function isCapture(target) {
+  target.prototype.isCapture = function (currentTarget) {
+    return currentTarget && currentTarget.getAttribute('data-iscapture') === 'true' || this.props.isCapture || false;
+  };
+}
 
-// V8 ~ Chrome 36-
-// https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$5 && fails$3(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty(function () {/* empty */}, 'prototype', {
-    value: 42,
-    writable: false
-  }).prototype != 42;
-});
-var isObject$2 = isObject$6;
-var $String = String;
-var $TypeError$1 = TypeError;
-
-// `Assert: Type(argument) is Object`
-var anObject$4 = function (argument) {
-  if (isObject$2(argument)) return argument;
-  throw $TypeError$1($String(argument) + ' is not an object');
-};
-var DESCRIPTORS$4 = descriptors;
-var IE8_DOM_DEFINE = ie8DomDefine;
-var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$3 = anObject$4;
-var toPropertyKey = toPropertyKey$2;
-var $TypeError = TypeError;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-var ENUMERABLE = 'enumerable';
-var CONFIGURABLE$1 = 'configurable';
-var WRITABLE = 'writable';
+/**
+ * Util method to get effect
+ */
+function getEffect(target) {
+  target.prototype.getEffect = function (currentTarget) {
+    var dataEffect = currentTarget.getAttribute('data-effect');
+    return dataEffect || this.props.effect || 'float';
+  };
+}
 
-// `Object.defineProperty` method
-// https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$4 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPropertyKey(P);
-  anObject$3(Attributes);
-  if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
-    var current = $getOwnPropertyDescriptor(O, P);
-    if (current && current[WRITABLE]) {
-      O[P] = Attributes.value;
-      Attributes = {
-        configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
-        enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
-        writable: false
-      };
+/**
+ * Util method to get effect
+ */
+
+var makeProxy = function makeProxy(e) {
+  var proxy = {};
+  for (var key in e) {
+    if (typeof e[key] === 'function') {
+      proxy[key] = e[key].bind(e);
+    } else {
+      proxy[key] = e[key];
     }
   }
-  return $defineProperty(O, P, Attributes);
-} : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPropertyKey(P);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE) try {
-    return $defineProperty(O, P, Attributes);
-  } catch (error) {/* empty */}
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError('Accessors not supported');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
+  return proxy;
 };
-var DESCRIPTORS$3 = descriptors;
-var definePropertyModule$3 = objectDefineProperty;
-var createPropertyDescriptor = createPropertyDescriptor$2;
-var createNonEnumerableProperty$2 = DESCRIPTORS$3 ? function (object, key, value) {
-  return definePropertyModule$3.f(object, key, createPropertyDescriptor(1, value));
-} : function (object, key, value) {
-  object[key] = value;
-  return object;
+var bodyListener = function bodyListener(callback, options, e) {
+  var _options$respectEffec = options.respectEffect,
+    respectEffect = _options$respectEffec === void 0 ? false : _options$respectEffec,
+    _options$customEvent = options.customEvent,
+    customEvent = _options$customEvent === void 0 ? false : _options$customEvent;
+  var id = this.props.id;
+  var tip = e.target.getAttribute('data-tip') || null;
+  var forId = e.target.getAttribute('data-for') || null;
+  var target = e.target;
+  if (this.isCustomEvent(target) && !customEvent) {
+    return;
+  }
+  var isTargetBelongsToTooltip = id == null && forId == null || forId === id;
+  if (tip != null && (!respectEffect || this.getEffect(target) === 'float') && isTargetBelongsToTooltip) {
+    var proxy = makeProxy(e);
+    proxy.currentTarget = target;
+    callback(proxy);
+  }
 };
-var makeBuiltIn$2 = {
-  exports: {}
+var findCustomEvents = function findCustomEvents(targetArray, dataAttribute) {
+  var events = {};
+  targetArray.forEach(function (target) {
+    var event = target.getAttribute(dataAttribute);
+    if (event) event.split(' ').forEach(function (event) {
+      return events[event] = true;
+    });
+  });
+  return events;
 };
-var DESCRIPTORS$2 = descriptors;
-var hasOwn$4 = hasOwnProperty_1;
-var FunctionPrototype = Function.prototype;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$2 && Object.getOwnPropertyDescriptor;
-var EXISTS = hasOwn$4(FunctionPrototype, 'name');
-// additional protection from minified / mangled / dropped function names
-var PROPER = EXISTS && function something() {/* empty */}.name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$2 || DESCRIPTORS$2 && getDescriptor(FunctionPrototype, 'name').configurable);
-var functionName = {
-  EXISTS: EXISTS,
-  PROPER: PROPER,
-  CONFIGURABLE: CONFIGURABLE
+var getBody = function getBody() {
+  return document.getElementsByTagName('body')[0];
 };
-var uncurryThis$5 = functionUncurryThis;
-var isCallable$6 = isCallable$c;
-var store$1 = sharedStore;
-var functionToString = uncurryThis$5(Function.toString);
-
-// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$6(store$1.inspectSource)) {
-  store$1.inspectSource = function (it) {
-    return functionToString(it);
+function bodyMode(target) {
+  target.prototype.isBodyMode = function () {
+    return !!this.props.bodyMode;
   };
-}
-var inspectSource$2 = store$1.inspectSource;
-var global$3 = global$a;
-var isCallable$5 = isCallable$c;
-var WeakMap$1 = global$3.WeakMap;
-var weakMapBasicDetection = isCallable$5(WeakMap$1) && /native code/.test(String(WeakMap$1));
-var shared$1 = shared$3.exports;
-var uid = uid$2;
-var keys = shared$1('keys');
-var sharedKey$2 = function (key) {
-  return keys[key] || (keys[key] = uid(key));
-};
-var hiddenKeys$4 = {};
-var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$2 = global$a;
-var isObject$1 = isObject$6;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
-var hasOwn$3 = hasOwnProperty_1;
-var shared = sharedStore;
-var sharedKey$1 = sharedKey$2;
-var hiddenKeys$3 = hiddenKeys$4;
-var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$2.TypeError;
-var WeakMap = global$2.WeakMap;
-var set, get, has;
-var enforce = function (it) {
-  return has(it) ? get(it) : set(it, {});
-};
-var getterFor = function (TYPE) {
-  return function (it) {
-    var state;
-    if (!isObject$1(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
+  target.prototype.bindBodyListener = function (targetArray) {
+    var _this = this;
+    var _this$state = this.state,
+      event = _this$state.event,
+      eventOff = _this$state.eventOff,
+      possibleCustomEvents = _this$state.possibleCustomEvents,
+      possibleCustomEventsOff = _this$state.possibleCustomEventsOff;
+    var body = getBody();
+    var customEvents = findCustomEvents(targetArray, 'data-event');
+    var customEventsOff = findCustomEvents(targetArray, 'data-event-off');
+    if (event != null) customEvents[event] = true;
+    if (eventOff != null) customEventsOff[eventOff] = true;
+    possibleCustomEvents.split(' ').forEach(function (event) {
+      return customEvents[event] = true;
+    });
+    possibleCustomEventsOff.split(' ').forEach(function (event) {
+      return customEventsOff[event] = true;
+    });
+    this.unbindBodyListener(body);
+    var listeners = this.bodyModeListeners = {};
+    if (event == null) {
+      listeners.mouseover = bodyListener.bind(this, this.showTooltip, {});
+      listeners.mousemove = bodyListener.bind(this, this.updateTooltip, {
+        respectEffect: true
+      });
+      listeners.mouseout = bodyListener.bind(this, this.hideTooltip, {});
+    }
+    for (var _event in customEvents) {
+      listeners[_event] = bodyListener.bind(this, function (e) {
+        var targetEventOff = e.currentTarget.getAttribute('data-event-off') || eventOff;
+        checkStatus.call(_this, targetEventOff, e);
+      }, {
+        customEvent: true
+      });
+    }
+    for (var _event2 in customEventsOff) {
+      listeners[_event2] = bodyListener.bind(this, this.hideTooltip, {
+        customEvent: true
+      });
+    }
+    for (var _event3 in listeners) {
+      body.addEventListener(_event3, listeners[_event3]);
     }
-    return state;
-  };
-};
-if (NATIVE_WEAK_MAP || shared.state) {
-  var store = shared.state || (shared.state = new WeakMap());
-  /* eslint-disable no-self-assign -- prototype methods protection */
-  store.get = store.get;
-  store.has = store.has;
-  store.set = store.set;
-  /* eslint-enable no-self-assign -- prototype methods protection */
-  set = function (it, metadata) {
-    if (store.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    store.set(it, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return store.get(it) || {};
-  };
-  has = function (it) {
-    return store.has(it);
-  };
-} else {
-  var STATE = sharedKey$1('state');
-  hiddenKeys$3[STATE] = true;
-  set = function (it, metadata) {
-    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    createNonEnumerableProperty$1(it, STATE, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return hasOwn$3(it, STATE) ? it[STATE] : {};
   };
-  has = function (it) {
-    return hasOwn$3(it, STATE);
+  target.prototype.unbindBodyListener = function (body) {
+    body = body || getBody();
+    var listeners = this.bodyModeListeners;
+    for (var event in listeners) {
+      body.removeEventListener(event, listeners[event]);
+    }
   };
 }
-var internalState = {
-  set: set,
-  get: get,
-  has: has,
-  enforce: enforce,
-  getterFor: getterFor
+
+/**
+ * Tracking target removing from DOM.
+ * It's necessary to hide tooltip when it's target disappears.
+ * Otherwise, the tooltip would be shown forever until another target
+ * is triggered.
+ *
+ * If MutationObserver is not available, this feature just doesn't work.
+ */
+// https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/
+var getMutationObserverClass = function getMutationObserverClass() {
+  return window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
 };
-var fails$2 = fails$9;
-var isCallable$4 = isCallable$c;
-var hasOwn$2 = hasOwnProperty_1;
-var DESCRIPTORS$1 = descriptors;
-var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
-var inspectSource$1 = inspectSource$2;
-var InternalStateModule = internalState;
-var enforceInternalState = InternalStateModule.enforce;
-var getInternalState = InternalStateModule.get;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$1 = Object.defineProperty;
-var CONFIGURABLE_LENGTH = DESCRIPTORS$1 && !fails$2(function () {
-  return defineProperty$1(function () {/* empty */}, 'length', {
-    value: 8
-  }).length !== 8;
-});
-var TEMPLATE = String(String).split('String');
-var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
-  if (String(name).slice(0, 7) === 'Symbol(') {
-    name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
-  }
-  if (options && options.getter) name = 'get ' + name;
-  if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$2(value, 'name') || CONFIGURABLE_FUNCTION_NAME && value.name !== name) {
-    if (DESCRIPTORS$1) defineProperty$1(value, 'name', {
-      value: name,
-      configurable: true
-    });else value.name = name;
-  }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$2(options, 'arity') && value.length !== options.arity) {
-    defineProperty$1(value, 'length', {
-      value: options.arity
+function trackRemoval(target) {
+  target.prototype.bindRemovalTracker = function () {
+    var _this = this;
+    var MutationObserver = getMutationObserverClass();
+    if (MutationObserver == null) return;
+    var observer = new MutationObserver(function (mutations) {
+      for (var m1 = 0; m1 < mutations.length; m1++) {
+        var mutation = mutations[m1];
+        for (var m2 = 0; m2 < mutation.removedNodes.length; m2++) {
+          var element = mutation.removedNodes[m2];
+          if (element === _this.state.currentTarget) {
+            _this.hideTooltip();
+            return;
+          }
+        }
+      }
     });
-  }
-  try {
-    if (options && hasOwn$2(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$1) defineProperty$1(value, 'prototype', {
-        writable: false
-      });
-      // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
-    } else if (value.prototype) value.prototype = undefined;
-  } catch (error) {/* empty */}
-  var state = enforceInternalState(value);
-  if (!hasOwn$2(state, 'source')) {
-    state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
-  }
-  return value;
-};
-
-// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
-// eslint-disable-next-line no-extend-native -- required
-Function.prototype.toString = makeBuiltIn$1(function toString() {
-  return isCallable$4(this) && getInternalState(this).source || inspectSource$1(this);
-}, 'toString');
-var isCallable$3 = isCallable$c;
-var definePropertyModule$2 = objectDefineProperty;
-var makeBuiltIn = makeBuiltIn$2.exports;
-var defineGlobalProperty$1 = defineGlobalProperty$3;
-var defineBuiltIn$1 = function (O, key, value, options) {
-  if (!options) options = {};
-  var simple = options.enumerable;
-  var name = options.name !== undefined ? options.name : key;
-  if (isCallable$3(value)) makeBuiltIn(value, name, options);
-  if (options.global) {
-    if (simple) O[key] = value;else defineGlobalProperty$1(key, value);
-  } else {
-    try {
-      if (!options.unsafe) delete O[key];else if (O[key]) simple = true;
-    } catch (error) {/* empty */}
-    if (simple) O[key] = value;else definePropertyModule$2.f(O, key, {
-      value: value,
-      enumerable: false,
-      configurable: !options.nonConfigurable,
-      writable: !options.nonWritable
+    observer.observe(window.document, {
+      childList: true,
+      subtree: true
     });
-  }
-  return O;
-};
-var objectGetOwnPropertyNames = {};
-var ceil = Math.ceil;
-var floor = Math.floor;
-
-// `Math.trunc` method
-// https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es/no-math-trunc -- safe
-var mathTrunc = Math.trunc || function trunc(x) {
-  var n = +x;
-  return (n > 0 ? floor : ceil)(n);
-};
-var trunc = mathTrunc;
-
-// `ToIntegerOrInfinity` abstract operation
-// https://tc39.es/ecma262/#sec-tointegerorinfinity
-var toIntegerOrInfinity$2 = function (argument) {
-  var number = +argument;
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return number !== number || number === 0 ? 0 : trunc(number);
-};
-var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
-var max = Math.max;
-var min$1 = Math.min;
-
-// Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex$1 = function (index, length) {
-  var integer = toIntegerOrInfinity$1(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
-};
-var toIntegerOrInfinity = toIntegerOrInfinity$2;
-var min = Math.min;
-
-// `ToLength` abstract operation
-// https://tc39.es/ecma262/#sec-tolength
-var toLength$1 = function (argument) {
-  return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
-var toLength = toLength$1;
-
-// `LengthOfArrayLike` abstract operation
-// https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$2 = function (obj) {
-  return toLength(obj.length);
-};
-var toIndexedObject$2 = toIndexedObject$4;
-var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike$1 = lengthOfArrayLike$2;
-
-// `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod$1 = function (IS_INCLUDES) {
-  return function ($this, el, fromIndex) {
-    var O = toIndexedObject$2($this);
-    var length = lengthOfArrayLike$1(O);
-    var index = toAbsoluteIndex(fromIndex, length);
-    var value;
-    // Array#includes uses SameValueZero equality algorithm
-    // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el != el) while (length > index) {
-      value = O[index++];
-      // eslint-disable-next-line no-self-compare -- NaN check
-      if (value != value) return true;
-      // Array#indexOf ignores holes, Array#includes - not
-    } else for (; length > index; index++) {
-      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    this.removalTracker = observer;
+  };
+  target.prototype.unbindRemovalTracker = function () {
+    if (this.removalTracker) {
+      this.removalTracker.disconnect();
+      this.removalTracker = null;
     }
-    return !IS_INCLUDES && -1;
   };
-};
-var arrayIncludes = {
-  // `Array.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod$1(true),
-  // `Array.prototype.indexOf` method
-  // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod$1(false)
-};
-var uncurryThis$4 = functionUncurryThis;
-var hasOwn$1 = hasOwnProperty_1;
-var toIndexedObject$1 = toIndexedObject$4;
-var indexOf = arrayIncludes.indexOf;
-var hiddenKeys$2 = hiddenKeys$4;
-var push$1 = uncurryThis$4([].push);
-var objectKeysInternal = function (object, names) {
-  var O = toIndexedObject$1(object);
-  var i = 0;
-  var result = [];
-  var key;
-  for (key in O) !hasOwn$1(hiddenKeys$2, key) && hasOwn$1(O, key) && push$1(result, key);
-  // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$1(O, key = names[i++])) {
-    ~indexOf(result, key) || push$1(result, key);
-  }
-  return result;
-};
+}
 
-// IE8- don't enum bug keys
-var enumBugKeys$3 = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];
-var internalObjectKeys$1 = objectKeysInternal;
-var enumBugKeys$2 = enumBugKeys$3;
-var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
+/**
+ * Calculate the position of tooltip
+ *
+ * @params
+ * - `e` {Event} the event of current mouse
+ * - `target` {Element} the currentTarget of the event
+ * - `node` {DOM} the react-tooltip object
+ * - `place` {String} top / right / bottom / left
+ * - `effect` {String} float / solid
+ * - `offset` {Object} the offset to default position
+ *
+ * @return {Object}
+ * - `isNewState` {Bool} required
+ * - `newState` {Object}
+ * - `position` {Object} {left: {Number}, top: {Number}}
+ */
+function getPosition(e, target, node, place, desiredPlace, effect, offset) {
+  var _getDimensions = getDimensions(node),
+    tipWidth = _getDimensions.width,
+    tipHeight = _getDimensions.height;
+  var _getDimensions2 = getDimensions(target),
+    targetWidth = _getDimensions2.width,
+    targetHeight = _getDimensions2.height;
+  var _getCurrentOffset = getCurrentOffset(e, target, effect),
+    mouseX = _getCurrentOffset.mouseX,
+    mouseY = _getCurrentOffset.mouseY;
+  var defaultOffset = getDefaultPosition(effect, targetWidth, targetHeight, tipWidth, tipHeight);
+  var _calculateOffset = calculateOffset(offset),
+    extraOffsetX = _calculateOffset.extraOffsetX,
+    extraOffsetY = _calculateOffset.extraOffsetY;
+  var windowWidth = window.innerWidth;
+  var windowHeight = window.innerHeight;
+  var _getParent = getParent(node),
+    parentTop = _getParent.parentTop,
+    parentLeft = _getParent.parentLeft; // Get the edge offset of the tooltip
 
-// `Object.getOwnPropertyNames` method
-// https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
-objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-  return internalObjectKeys$1(O, hiddenKeys$1);
-};
-var objectGetOwnPropertySymbols = {};
+  var getTipOffsetLeft = function getTipOffsetLeft(place) {
+    var offsetX = defaultOffset[place].l;
+    return mouseX + offsetX + extraOffsetX;
+  };
+  var getTipOffsetRight = function getTipOffsetRight(place) {
+    var offsetX = defaultOffset[place].r;
+    return mouseX + offsetX + extraOffsetX;
+  };
+  var getTipOffsetTop = function getTipOffsetTop(place) {
+    var offsetY = defaultOffset[place].t;
+    return mouseY + offsetY + extraOffsetY;
+  };
+  var getTipOffsetBottom = function getTipOffsetBottom(place) {
+    var offsetY = defaultOffset[place].b;
+    return mouseY + offsetY + extraOffsetY;
+  }; //
+  // Functions to test whether the tooltip's sides are inside
+  // the client window for a given orientation p
+  //
+  //  _____________
+  // |             | <-- Right side
+  // | p = 'left'  |\
+  // |             |/  |\
+  // |_____________|   |_\  <-- Mouse
+  //      / \           |
+  //       |
+  //       |
+  //  Bottom side
+  //
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
-objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
-var getBuiltIn$2 = getBuiltIn$5;
-var uncurryThis$3 = functionUncurryThis;
-var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
-var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
-var anObject$2 = anObject$4;
-var concat = uncurryThis$3([].concat);
+  var outsideLeft = function outsideLeft(p) {
+    return getTipOffsetLeft(p) < 0;
+  };
+  var outsideRight = function outsideRight(p) {
+    return getTipOffsetRight(p) > windowWidth;
+  };
+  var outsideTop = function outsideTop(p) {
+    return getTipOffsetTop(p) < 0;
+  };
+  var outsideBottom = function outsideBottom(p) {
+    return getTipOffsetBottom(p) > windowHeight;
+  }; // Check whether the tooltip with orientation p is completely inside the client window
 
-// all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn$2('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$2(it));
-  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
-  return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;
-};
-var hasOwn = hasOwnProperty_1;
-var ownKeys = ownKeys$1;
-var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
-var definePropertyModule$1 = objectDefineProperty;
-var copyConstructorProperties$1 = function (target, source, exceptions) {
-  var keys = ownKeys(source);
-  var defineProperty = definePropertyModule$1.f;
-  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-    if (!hasOwn(target, key) && !(exceptions && hasOwn(exceptions, key))) {
-      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+  var outside = function outside(p) {
+    return outsideLeft(p) || outsideRight(p) || outsideTop(p) || outsideBottom(p);
+  };
+  var inside = function inside(p) {
+    return !outside(p);
+  };
+  var placesList = ['top', 'bottom', 'left', 'right'];
+  var insideList = [];
+  for (var i = 0; i < 4; i++) {
+    var p = placesList[i];
+    if (inside(p)) {
+      insideList.push(p);
     }
   }
-};
-var fails$1 = fails$9;
-var isCallable$2 = isCallable$c;
-var replacement = /#|\.prototype\./;
-var isForced$1 = function (feature, detection) {
-  var value = data[normalize(feature)];
-  return value == POLYFILL ? true : value == NATIVE ? false : isCallable$2(detection) ? fails$1(detection) : !!detection;
-};
-var normalize = isForced$1.normalize = function (string) {
-  return String(string).replace(replacement, '.').toLowerCase();
-};
-var data = isForced$1.data = {};
-var NATIVE = isForced$1.NATIVE = 'N';
-var POLYFILL = isForced$1.POLYFILL = 'P';
-var isForced_1 = isForced$1;
-var global$1 = global$a;
-var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty = createNonEnumerableProperty$2;
-var defineBuiltIn = defineBuiltIn$1;
-var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties = copyConstructorProperties$1;
-var isForced = isForced_1;
-
-/*
-  options.target         - name of the target object
-  options.global         - target is the global object
-  options.stat           - export as static methods of target
-  options.proto          - export as prototype methods of target
-  options.real           - real prototype method for the `pure` version
-  options.forced         - export even if the native feature is available
-  options.bind           - bind methods to the target, required for the `pure` version
-  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
-  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
-  options.sham           - add a flag to not completely full polyfills
-  options.enumerable     - export as enumerable property
-  options.dontCallGetSet - prevent calling a getter on target
-  options.name           - the .name of the function if it does not match the key
-*/
-var _export = function (options, source) {
-  var TARGET = options.target;
-  var GLOBAL = options.global;
-  var STATIC = options.stat;
-  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
-  if (GLOBAL) {
-    target = global$1;
-  } else if (STATIC) {
-    target = global$1[TARGET] || defineGlobalProperty(TARGET, {});
-  } else {
-    target = (global$1[TARGET] || {}).prototype;
+  var isNewState = false;
+  var newPlace;
+  var shouldUpdatePlace = desiredPlace !== place;
+  if (inside(desiredPlace) && shouldUpdatePlace) {
+    isNewState = true;
+    newPlace = desiredPlace;
+  } else if (insideList.length > 0 && outside(desiredPlace) && outside(place)) {
+    isNewState = true;
+    newPlace = insideList[0];
   }
-  if (target) for (key in source) {
-    sourceProperty = source[key];
-    if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor(target, key);
-      targetProperty = descriptor && descriptor.value;
-    } else targetProperty = target[key];
-    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
-    // contained in target
-    if (!FORCED && targetProperty !== undefined) {
-      if (typeof sourceProperty == typeof targetProperty) continue;
-      copyConstructorProperties(sourceProperty, targetProperty);
-    }
-    // add a flag to not completely full polyfills
-    if (options.sham || targetProperty && targetProperty.sham) {
-      createNonEnumerableProperty(sourceProperty, 'sham', true);
-    }
-    defineBuiltIn(target, key, sourceProperty, options);
+  if (isNewState) {
+    return {
+      isNewState: true,
+      newState: {
+        place: newPlace
+      }
+    };
   }
-};
-var uncurryThis$2 = functionUncurryThis;
-var aCallable = aCallable$2;
-var NATIVE_BIND = functionBindNative;
-var bind$1 = uncurryThis$2(uncurryThis$2.bind);
-
-// optional / simple context binding
-var functionBindContext = function (fn, that) {
-  aCallable(fn);
-  return that === undefined ? fn : NATIVE_BIND ? bind$1(fn, that) : function /* ...args */
-  () {
-    return fn.apply(that, arguments);
+  return {
+    isNewState: false,
+    position: {
+      left: parseInt(getTipOffsetLeft(place) - parentLeft, 10),
+      top: parseInt(getTipOffsetTop(place) - parentTop, 10)
+    }
   };
-};
-var classof$2 = classofRaw$2;
-
-// `IsArray` abstract operation
-// https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$1 = Array.isArray || function isArray(argument) {
-  return classof$2(argument) == 'Array';
-};
-var wellKnownSymbol$3 = wellKnownSymbol$5;
-var TO_STRING_TAG$1 = wellKnownSymbol$3('toStringTag');
-var test = {};
-test[TO_STRING_TAG$1] = 'z';
-var toStringTagSupport = String(test) === '[object z]';
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$1 = isCallable$c;
-var classofRaw = classofRaw$2;
-var wellKnownSymbol$2 = wellKnownSymbol$5;
-var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
-var $Object = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () {
-  return arguments;
-}()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) {/* empty */}
-};
+}
+var getDimensions = function getDimensions(node) {
+  var _node$getBoundingClie = node.getBoundingClientRect(),
+    height = _node$getBoundingClie.height,
+    width = _node$getBoundingClie.width;
+  return {
+    height: parseInt(height, 10),
+    width: parseInt(width, 10)
+  };
+}; // Get current mouse offset
 
-// getting tag from ES6+ `Object.prototype.toString`
-var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-  // @@toStringTag case
-  : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
-  // builtinTag case
-  : CORRECT_ARGUMENTS ? classofRaw(O)
-  // ES3 arguments fallback
-  : (result = classofRaw(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
-};
-var uncurryThis$1 = functionUncurryThis;
-var fails = fails$9;
-var isCallable = isCallable$c;
-var classof = classof$1;
-var getBuiltIn$1 = getBuiltIn$5;
-var inspectSource = inspectSource$2;
-var noop = function () {/* empty */};
-var empty = [];
-var construct = getBuiltIn$1('Reflect', 'construct');
-var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec = uncurryThis$1(constructorRegExp.exec);
-var INCORRECT_TO_STRING = !constructorRegExp.exec(noop);
-var isConstructorModern = function isConstructor(argument) {
-  if (!isCallable(argument)) return false;
-  try {
-    construct(noop, empty, argument);
-    return true;
-  } catch (error) {
-    return false;
+var getCurrentOffset = function getCurrentOffset(e, currentTarget, effect) {
+  var boundingClientRect = currentTarget.getBoundingClientRect();
+  var targetTop = boundingClientRect.top;
+  var targetLeft = boundingClientRect.left;
+  var _getDimensions3 = getDimensions(currentTarget),
+    targetWidth = _getDimensions3.width,
+    targetHeight = _getDimensions3.height;
+  if (effect === 'float') {
+    return {
+      mouseX: e.clientX,
+      mouseY: e.clientY
+    };
   }
-};
-var isConstructorLegacy = function isConstructor(argument) {
-  if (!isCallable(argument)) return false;
-  switch (classof(argument)) {
-    case 'AsyncFunction':
-    case 'GeneratorFunction':
-    case 'AsyncGeneratorFunction':
-      return false;
+  return {
+    mouseX: targetLeft + targetWidth / 2,
+    mouseY: targetTop + targetHeight / 2
+  };
+}; // List all possibility of tooltip final offset
+// This is useful in judging if it is necessary for tooltip to switch position when out of window
+
+var getDefaultPosition = function getDefaultPosition(effect, targetWidth, targetHeight, tipWidth, tipHeight) {
+  var top;
+  var right;
+  var bottom;
+  var left;
+  var disToMouse = 3;
+  var triangleHeight = 2;
+  var cursorHeight = 12; // Optimize for float bottom only, cause the cursor will hide the tooltip
+
+  if (effect === 'float') {
+    top = {
+      l: -(tipWidth / 2),
+      r: tipWidth / 2,
+      t: -(tipHeight + disToMouse + triangleHeight),
+      b: -disToMouse
+    };
+    bottom = {
+      l: -(tipWidth / 2),
+      r: tipWidth / 2,
+      t: disToMouse + cursorHeight,
+      b: tipHeight + disToMouse + triangleHeight + cursorHeight
+    };
+    left = {
+      l: -(tipWidth + disToMouse + triangleHeight),
+      r: -disToMouse,
+      t: -(tipHeight / 2),
+      b: tipHeight / 2
+    };
+    right = {
+      l: disToMouse,
+      r: tipWidth + disToMouse + triangleHeight,
+      t: -(tipHeight / 2),
+      b: tipHeight / 2
+    };
+  } else if (effect === 'solid') {
+    top = {
+      l: -(tipWidth / 2),
+      r: tipWidth / 2,
+      t: -(targetHeight / 2 + tipHeight + triangleHeight),
+      b: -(targetHeight / 2)
+    };
+    bottom = {
+      l: -(tipWidth / 2),
+      r: tipWidth / 2,
+      t: targetHeight / 2,
+      b: targetHeight / 2 + tipHeight + triangleHeight
+    };
+    left = {
+      l: -(tipWidth + targetWidth / 2 + triangleHeight),
+      r: -(targetWidth / 2),
+      t: -(tipHeight / 2),
+      b: tipHeight / 2
+    };
+    right = {
+      l: targetWidth / 2,
+      r: tipWidth + targetWidth / 2 + triangleHeight,
+      t: -(tipHeight / 2),
+      b: tipHeight / 2
+    };
   }
-  try {
-    // we can't check .prototype since constructors produced by .bind haven't it
-    // `Function#toString` throws on some built-it function in some legacy engines
-    // (for example, `DOMQuad` and similar in FF41-)
-    return INCORRECT_TO_STRING || !!exec(constructorRegExp, inspectSource(argument));
-  } catch (error) {
-    return true;
+  return {
+    top: top,
+    bottom: bottom,
+    left: left,
+    right: right
+  };
+}; // Consider additional offset into position calculation
+
+var calculateOffset = function calculateOffset(offset) {
+  var extraOffsetX = 0;
+  var extraOffsetY = 0;
+  if (Object.prototype.toString.apply(offset) === '[object String]') {
+    offset = JSON.parse(offset.toString().replace(/'/g, '"'));
   }
-};
-isConstructorLegacy.sham = true;
-
-// `IsConstructor` abstract operation
-// https://tc39.es/ecma262/#sec-isconstructor
-var isConstructor$1 = !construct || fails(function () {
-  var called;
-  return isConstructorModern(isConstructorModern.call) || !isConstructorModern(Object) || !isConstructorModern(function () {
-    called = true;
-  }) || called;
-}) ? isConstructorLegacy : isConstructorModern;
-var isArray = isArray$1;
-var isConstructor = isConstructor$1;
-var isObject = isObject$6;
-var wellKnownSymbol$1 = wellKnownSymbol$5;
-var SPECIES = wellKnownSymbol$1('species');
-var $Array = Array;
-
-// a part of `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-var arraySpeciesConstructor$1 = function (originalArray) {
-  var C;
-  if (isArray(originalArray)) {
-    C = originalArray.constructor;
-    // cross-realm fallback
-    if (isConstructor(C) && (C === $Array || isArray(C.prototype))) C = undefined;else if (isObject(C)) {
-      C = C[SPECIES];
-      if (C === null) C = undefined;
+  for (var key in offset) {
+    if (key === 'top') {
+      extraOffsetY -= parseInt(offset[key], 10);
+    } else if (key === 'bottom') {
+      extraOffsetY += parseInt(offset[key], 10);
+    } else if (key === 'left') {
+      extraOffsetX -= parseInt(offset[key], 10);
+    } else if (key === 'right') {
+      extraOffsetX += parseInt(offset[key], 10);
     }
   }
-  return C === undefined ? $Array : C;
-};
-var arraySpeciesConstructor = arraySpeciesConstructor$1;
-
-// `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-var arraySpeciesCreate$1 = function (originalArray, length) {
-  return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
-};
-var bind = functionBindContext;
-var uncurryThis = functionUncurryThis;
-var IndexedObject = indexedObject;
-var toObject = toObject$2;
-var lengthOfArrayLike = lengthOfArrayLike$2;
-var arraySpeciesCreate = arraySpeciesCreate$1;
-var push = uncurryThis([].push);
-
-// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterReject }` methods implementation
-var createMethod = function (TYPE) {
-  var IS_MAP = TYPE == 1;
-  var IS_FILTER = TYPE == 2;
-  var IS_SOME = TYPE == 3;
-  var IS_EVERY = TYPE == 4;
-  var IS_FIND_INDEX = TYPE == 6;
-  var IS_FILTER_REJECT = TYPE == 7;
-  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
-  return function ($this, callbackfn, that, specificCreate) {
-    var O = toObject($this);
-    var self = IndexedObject(O);
-    var boundFunction = bind(callbackfn, that);
-    var length = lengthOfArrayLike(self);
-    var index = 0;
-    var create = specificCreate || arraySpeciesCreate;
-    var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_REJECT ? create($this, 0) : undefined;
-    var value, result;
-    for (; length > index; index++) if (NO_HOLES || index in self) {
-      value = self[index];
-      result = boundFunction(value, index, O);
-      if (TYPE) {
-        if (IS_MAP) target[index] = result; // map
-        else if (result) switch (TYPE) {
-          case 3:
-            return true;
-          // some
-          case 5:
-            return value;
-          // find
-          case 6:
-            return index;
-          // findIndex
-          case 2:
-            push(target, value);
-          // filter
-        } else switch (TYPE) {
-          case 4:
-            return false;
-          // every
-          case 7:
-            push(target, value);
-          // filterReject
-        }
-      }
-    }
-    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
+  return {
+    extraOffsetX: extraOffsetX,
+    extraOffsetY: extraOffsetY
   };
-};
-var arrayIteration = {
-  // `Array.prototype.forEach` method
-  // https://tc39.es/ecma262/#sec-array.prototype.foreach
-  forEach: createMethod(0),
-  // `Array.prototype.map` method
-  // https://tc39.es/ecma262/#sec-array.prototype.map
-  map: createMethod(1),
-  // `Array.prototype.filter` method
-  // https://tc39.es/ecma262/#sec-array.prototype.filter
-  filter: createMethod(2),
-  // `Array.prototype.some` method
-  // https://tc39.es/ecma262/#sec-array.prototype.some
-  some: createMethod(3),
-  // `Array.prototype.every` method
-  // https://tc39.es/ecma262/#sec-array.prototype.every
-  every: createMethod(4),
-  // `Array.prototype.find` method
-  // https://tc39.es/ecma262/#sec-array.prototype.find
-  find: createMethod(5),
-  // `Array.prototype.findIndex` method
-  // https://tc39.es/ecma262/#sec-array.prototype.findIndex
-  findIndex: createMethod(6),
-  // `Array.prototype.filterReject` method
-  // https://github.com/tc39/proposal-array-filtering
-  filterReject: createMethod(7)
-};
-var objectDefineProperties = {};
-var internalObjectKeys = objectKeysInternal;
-var enumBugKeys$1 = enumBugKeys$3;
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-var objectKeys$1 = Object.keys || function keys(O) {
-  return internalObjectKeys(O, enumBugKeys$1);
-};
-var DESCRIPTORS = descriptors;
-var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule = objectDefineProperty;
-var anObject$1 = anObject$4;
-var toIndexedObject = toIndexedObject$4;
-var objectKeys = objectKeys$1;
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$1(O);
-  var props = toIndexedObject(Properties);
-  var keys = objectKeys(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-  while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);
-  return O;
-};
-var getBuiltIn = getBuiltIn$5;
-var html$1 = getBuiltIn('document', 'documentElement');
-
-/* global ActiveXObject -- old IE, WSH */
-
-var anObject = anObject$4;
-var definePropertiesModule = objectDefineProperties;
-var enumBugKeys = enumBugKeys$3;
-var hiddenKeys = hiddenKeys$4;
-var html = html$1;
-var documentCreateElement = documentCreateElement$1;
-var sharedKey = sharedKey$2;
-var GT = '>';
-var LT = '<';
-var PROTOTYPE = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO = sharedKey('IE_PROTO');
-var EmptyConstructor = function () {/* empty */};
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
-  return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe);
-  // https://github.com/zloirock/core-js/issues/475
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-};
+}; // Get the offset of the parent elements
 
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
-  try {
-    activeXDocument = new ActiveXObject('htmlfile');
-  } catch (error) {/* ignore */}
-  NullProtoObject = typeof document != 'undefined' ? document.domain && activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) // old IE
-  : NullProtoObjectViaIFrame() : NullProtoObjectViaActiveX(activeXDocument); // WSH
-  var length = enumBugKeys.length;
-  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
-  return NullProtoObject();
-};
-hiddenKeys[IE_PROTO] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-// eslint-disable-next-line es/no-object-create -- safe
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO] = O;
-  } else result = NullProtoObject();
-  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
-};
-var wellKnownSymbol = wellKnownSymbol$5;
-var create = objectCreate;
-var defineProperty = objectDefineProperty.f;
-var UNSCOPABLES = wellKnownSymbol('unscopables');
-var ArrayPrototype = Array.prototype;
-
-// Array.prototype[@@unscopables]
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype[UNSCOPABLES] == undefined) {
-  defineProperty(ArrayPrototype, UNSCOPABLES, {
-    configurable: true,
-    value: create(null)
-  });
-}
-
-// add a key to Array.prototype[@@unscopables]
-var addToUnscopables$1 = function (key) {
-  ArrayPrototype[UNSCOPABLES][key] = true;
-};
-var $ = _export;
-var $find = arrayIteration.find;
-var addToUnscopables = addToUnscopables$1;
-var FIND = 'find';
-var SKIPS_HOLES = true;
-
-// Shouldn't skip holes
-if (FIND in []) Array(1)[FIND](function () {
-  SKIPS_HOLES = false;
-});
-
-// `Array.prototype.find` method
-// https://tc39.es/ecma262/#sec-array.prototype.find
-$({
-  target: 'Array',
-  proto: true,
-  forced: SKIPS_HOLES
-}, {
-  find: function find(callbackfn /* , that = undefined */) {
-    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
+var getParent = function getParent(currentTarget) {
+  var currentParent = currentTarget;
+  while (currentParent) {
+    var computedStyle = window.getComputedStyle(currentParent); // transform and will-change: transform change the containing block
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_Block
 
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables(FIND);
-var CONSTANT = {
-  GLOBAL: {
-    HIDE: '__react_tooltip_hide_event',
-    REBUILD: '__react_tooltip_rebuild_event',
-    SHOW: '__react_tooltip_show_event'
+    if (computedStyle.getPropertyValue('transform') !== 'none' || computedStyle.getPropertyValue('will-change') === 'transform') break;
+    currentParent = currentParent.parentElement;
   }
+  var parentTop = currentParent && currentParent.getBoundingClientRect().top || 0;
+  var parentLeft = currentParent && currentParent.getBoundingClientRect().left || 0;
+  return {
+    parentTop: parentTop,
+    parentLeft: parentLeft
+  };
 };
 
 /**
- * Static methods for react-tooltip
+ * To get the tooltip content
+ * it may comes from data-tip or this.props.children
+ * it should support multiline
+ *
+ * @params
+ * - `tip` {String} value of data-tip
+ * - `children` {ReactElement} this.props.children
+ * - `multiline` {Any} could be Bool(true/false) or String('true'/'false')
+ *
+ * @return
+ * - String or react component
  */
-var dispatchGlobalEvent = function dispatchGlobalEvent(eventName, opts) {
-  // Compatible with IE
-  // @see http://stackoverflow.com/questions/26596123/internet-explorer-9-10-11-event-constructor-doesnt-work
-  // @see https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
-  var event;
-  if (typeof window.CustomEvent === 'function') {
-    event = new window.CustomEvent(eventName, {
-      detail: opts
-    });
-  } else {
-    event = document.createEvent('Event');
-    event.initEvent(eventName, false, true, opts);
-  }
-  window.dispatchEvent(event);
-};
-function staticMethods(target) {
-  /**
-   * Hide all tooltip
-   * @trigger ReactTooltip.hide()
-   */
-  target.hide = function (target) {
-    dispatchGlobalEvent(CONSTANT.GLOBAL.HIDE, {
-      target: target
-    });
-  };
-
-  /**
-   * Rebuild all tooltip
-   * @trigger ReactTooltip.rebuild()
-   */
-  target.rebuild = function () {
-    dispatchGlobalEvent(CONSTANT.GLOBAL.REBUILD);
-  };
-
-  /**
-   * Show specific tooltip
-   * @trigger ReactTooltip.show()
-   */
-  target.show = function (target) {
-    dispatchGlobalEvent(CONSTANT.GLOBAL.SHOW, {
-      target: target
-    });
-  };
-  target.prototype.globalRebuild = function () {
-    if (this.mount) {
-      this.unbindListener();
-      this.bindListener();
-    }
-  };
-  target.prototype.globalShow = function (event) {
-    if (this.mount) {
-      var hasTarget = event && event.detail && event.detail.target && true || false;
-      // Create a fake event, specific show will limit the type to `solid`
-      // only `float` type cares e.clientX e.clientY
-      this.showTooltip({
-        currentTarget: hasTarget && event.detail.target
-      }, true);
-    }
-  };
-  target.prototype.globalHide = function (event) {
-    if (this.mount) {
-      var hasTarget = event && event.detail && event.detail.target && true || false;
-      this.hideTooltip({
-        currentTarget: hasTarget && event.detail.target
-      }, hasTarget);
-    }
-  };
+function getTipContent(tip, children, getContent, multiline) {
+  if (children) return children;
+  if (getContent !== undefined && getContent !== null) return getContent; // getContent can be 0, '', etc.
+
+  if (getContent === null) return null; // Tip not exist and children is null or undefined
+
+  var regexp = /<br\s*\/?>/;
+  if (!multiline || multiline === 'false' || !regexp.test(tip)) {
+    // No trim(), so that user can keep their input
+    return tip;
+  } // Multiline tooltip content
+
+  return tip.split(regexp).map(function (d, i) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+      key: i,
+      className: "multi-line"
+    }, d);
+  });
 }
 
 /**
- * Events that should be bound to the window
+ * Support aria- and role in ReactTooltip
+ *
+ * @params props {Object}
+ * @return {Object}
  */
-function windowListener(target) {
-  target.prototype.bindWindowEvents = function (resizeHide) {
-    // ReactTooltip.hide
-    window.removeEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide);
-    window.addEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide, false);
+function parseAria(props) {
+  var ariaObj = {};
+  Object.keys(props).filter(function (prop) {
+    // aria-xxx and role is acceptable
+    return /(^aria-\w+$|^role$)/.test(prop);
+  }).forEach(function (prop) {
+    ariaObj[prop] = props[prop];
+  });
+  return ariaObj;
+}
 
-    // ReactTooltip.rebuild
-    window.removeEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild);
-    window.addEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild, false);
+/**
+ * Convert nodelist to array
+ * @see https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/core/createArrayFromMixed.js#L24
+ * NodeLists are functions in Safari
+ */
+function nodeListToArray(nodeList) {
+  var length = nodeList.length;
+  if (nodeList.hasOwnProperty) {
+    return Array.prototype.slice.call(nodeList);
+  }
+  return new Array(length).fill().map(function (index) {
+    return nodeList[index];
+  });
+}
+function generateUUID() {
+  return 't' + Object(uuid__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])();
+}
+var baseCss = ".__react_component_tooltip {\n  border-radius: 3px;\n  display: inline-block;\n  font-size: 13px;\n  left: -999em;\n  opacity: 0;\n  padding: 8px 21px;\n  position: fixed;\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n  top: -999em;\n  visibility: hidden;\n  z-index: 999;\n}\n.__react_component_tooltip.allow_hover, .__react_component_tooltip.allow_click {\n  pointer-events: auto;\n}\n.__react_component_tooltip::before, .__react_component_tooltip::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n.__react_component_tooltip.show {\n  opacity: 0.9;\n  margin-top: 0;\n  margin-left: 0;\n  visibility: visible;\n}\n.__react_component_tooltip.place-top::before {\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  bottom: -8px;\n  left: 50%;\n  margin-left: -10px;\n}\n.__react_component_tooltip.place-bottom::before {\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  top: -8px;\n  left: 50%;\n  margin-left: -10px;\n}\n.__react_component_tooltip.place-left::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  right: -8px;\n  top: 50%;\n  margin-top: -5px;\n}\n.__react_component_tooltip.place-right::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  left: -8px;\n  top: 50%;\n  margin-top: -5px;\n}\n.__react_component_tooltip .multi-line {\n  display: block;\n  padding: 2px 0;\n  text-align: center;\n}";
 
-    // ReactTooltip.show
-    window.removeEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow);
-    window.addEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow, false);
+/**
+ * Default pop-up style values (text color, background color).
+ */
+var defaultColors = {
+  dark: {
+    text: '#fff',
+    background: '#222',
+    border: 'transparent',
+    arrow: '#222'
+  },
+  success: {
+    text: '#fff',
+    background: '#8DC572',
+    border: 'transparent',
+    arrow: '#8DC572'
+  },
+  warning: {
+    text: '#fff',
+    background: '#F0AD4E',
+    border: 'transparent',
+    arrow: '#F0AD4E'
+  },
+  error: {
+    text: '#fff',
+    background: '#BE6464',
+    border: 'transparent',
+    arrow: '#BE6464'
+  },
+  info: {
+    text: '#fff',
+    background: '#337AB7',
+    border: 'transparent',
+    arrow: '#337AB7'
+  },
+  light: {
+    text: '#222',
+    background: '#fff',
+    border: 'transparent',
+    arrow: '#fff'
+  }
+};
+function getDefaultPopupColors(type) {
+  return defaultColors[type] ? _objectSpread2({}, defaultColors[type]) : undefined;
+}
 
-    // Resize
-    if (resizeHide) {
-      window.removeEventListener('resize', this.onWindowResize);
-      window.addEventListener('resize', this.onWindowResize, false);
-    }
-  };
-  target.prototype.unbindWindowEvents = function () {
-    window.removeEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide);
-    window.removeEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild);
-    window.removeEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow);
-    window.removeEventListener('resize', this.onWindowResize);
-  };
+/**
+ * Generates the specific tooltip style for use on render.
+ */
 
-  /**
-   * invoked by resize event of window
-   */
-  target.prototype.onWindowResize = function () {
-    if (!this.mount) return;
-    this.hideTooltip();
-  };
+function generateTooltipStyle(uuid, customColors, type, hasBorder) {
+  return generateStyle(uuid, getPopupColors(customColors, type, hasBorder));
 }
-
 /**
- * Custom events to control showing and hiding of tooltip
- *
- * @attributes
- * - `event` {String}
- * - `eventOff` {String}
+ * Generates the tooltip style rules based on the element-specified "data-type" property.
  */
 
-var checkStatus = function checkStatus(dataEventOff, e) {
-  var show = this.state.show;
-  var id = this.props.id;
-  var isCapture = this.isCapture(e.currentTarget);
-  var currentItem = e.currentTarget.getAttribute('currentItem');
-  if (!isCapture) e.stopPropagation();
-  if (show && currentItem === 'true') {
-    if (!dataEventOff) this.hideTooltip(e);
-  } else {
-    e.currentTarget.setAttribute('currentItem', 'true');
-    setUntargetItems(e.currentTarget, this.getTargetArray(id));
-    this.showTooltip(e);
+function generateStyle(uuid, colors) {
+  var textColor = colors.text;
+  var backgroundColor = colors.background;
+  var borderColor = colors.border;
+  var arrowColor = colors.arrow;
+  return "\n  \t.".concat(uuid, " {\n\t    color: ").concat(textColor, ";\n\t    background: ").concat(backgroundColor, ";\n\t    border: 1px solid ").concat(borderColor, ";\n  \t}\n\n  \t.").concat(uuid, ".place-top {\n        margin-top: -10px;\n    }\n    .").concat(uuid, ".place-top::before {\n        border-top: 8px solid ").concat(borderColor, ";\n    }\n    .").concat(uuid, ".place-top::after {\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n        bottom: -6px;\n        left: 50%;\n        margin-left: -8px;\n        border-top-color: ").concat(arrowColor, ";\n        border-top-style: solid;\n        border-top-width: 6px;\n    }\n\n    .").concat(uuid, ".place-bottom {\n        margin-top: 10px;\n    }\n    .").concat(uuid, ".place-bottom::before {\n        border-bottom: 8px solid ").concat(borderColor, ";\n    }\n    .").concat(uuid, ".place-bottom::after {\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n        top: -6px;\n        left: 50%;\n        margin-left: -8px;\n        border-bottom-color: ").concat(arrowColor, ";\n        border-bottom-style: solid;\n        border-bottom-width: 6px;\n    }\n\n    .").concat(uuid, ".place-left {\n        margin-left: -10px;\n    }\n    .").concat(uuid, ".place-left::before {\n        border-left: 8px solid ").concat(borderColor, ";\n    }\n    .").concat(uuid, ".place-left::after {\n        border-top: 5px solid transparent;\n        border-bottom: 5px solid transparent;\n        right: -6px;\n        top: 50%;\n        margin-top: -4px;\n        border-left-color: ").concat(arrowColor, ";\n        border-left-style: solid;\n        border-left-width: 6px;\n    }\n\n    .").concat(uuid, ".place-right {\n        margin-left: 10px;\n    }\n    .").concat(uuid, ".place-right::before {\n        border-right: 8px solid ").concat(borderColor, ";\n    }\n    .").concat(uuid, ".place-right::after {\n        border-top: 5px solid transparent;\n        border-bottom: 5px solid transparent;\n        left: -6px;\n        top: 50%;\n        margin-top: -4px;\n        border-right-color: ").concat(arrowColor, ";\n        border-right-style: solid;\n        border-right-width: 6px;\n    }\n  ");
+}
+function getPopupColors(customColors, type, hasBorder) {
+  var textColor = customColors.text;
+  var backgroundColor = customColors.background;
+  var borderColor = customColors.border;
+  var arrowColor = customColors.arrow ? customColors.arrow : customColors.background;
+  var colors = getDefaultPopupColors(type);
+  if (textColor) {
+    colors.text = textColor;
   }
-};
-var setUntargetItems = function setUntargetItems(currentTarget, targetArray) {
-  for (var i = 0; i < targetArray.length; i++) {
-    if (currentTarget !== targetArray[i]) {
-      targetArray[i].setAttribute('currentItem', 'false');
+  if (backgroundColor) {
+    colors.background = backgroundColor;
+  }
+  if (hasBorder) {
+    if (borderColor) {
+      colors.border = borderColor;
     } else {
-      targetArray[i].setAttribute('currentItem', 'true');
+      colors.border = type === 'light' ? 'black' : 'white';
     }
   }
+  if (arrowColor) {
+    colors.arrow = arrowColor;
+  }
+  return colors;
+}
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+function createCommonjsModule(fn, module) {
+  return module = {
+    exports: {}
+  }, fn(module, module.exports), module.exports;
+}
+var check = function (it) {
+  return it && it.Math == Math && it;
 };
-var customListeners = {
-  id: '9b69f92e-d3fe-498b-b1b4-c5e63a51b0cf',
-  set: function set(target, event, listener) {
-    if (this.id in target) {
-      var map = target[this.id];
-      map[event] = listener;
-    } else {
-      // this is workaround for WeakMap, which is not supported in older browsers, such as IE
-      Object.defineProperty(target, this.id, {
-        configurable: true,
-        value: _defineProperty({}, event, listener)
-      });
-    }
-  },
-  get: function get(target, event) {
-    var map = target[this.id];
-    if (map !== undefined) {
-      return map[event];
-    }
+
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+var global_1 =
+// eslint-disable-next-line es/no-global-this -- safe
+check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) ||
+// eslint-disable-next-line no-restricted-globals -- safe
+check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+// eslint-disable-next-line no-new-func -- fallback
+function () {
+  return this;
+}() || Function('return this')();
+var fails = function (exec) {
+  try {
+    return !!exec();
+  } catch (error) {
+    return true;
   }
 };
-function customEvent(target) {
-  target.prototype.isCustomEvent = function (ele) {
-    var event = this.state.event;
-    return event || !!ele.getAttribute('data-event');
-  };
 
-  /* Bind listener for custom event */
-  target.prototype.customBindListener = function (ele) {
-    var _this = this;
-    var _this$state = this.state,
-      event = _this$state.event,
-      eventOff = _this$state.eventOff;
-    var dataEvent = ele.getAttribute('data-event') || event;
-    var dataEventOff = ele.getAttribute('data-event-off') || eventOff;
-    dataEvent.split(' ').forEach(function (event) {
-      ele.removeEventListener(event, customListeners.get(ele, event));
-      var customListener = checkStatus.bind(_this, dataEventOff);
-      customListeners.set(ele, event, customListener);
-      ele.addEventListener(event, customListener, false);
-    });
-    if (dataEventOff) {
-      dataEventOff.split(' ').forEach(function (event) {
-        ele.removeEventListener(event, _this.hideTooltip);
-        ele.addEventListener(event, _this.hideTooltip, false);
-      });
+// Detect IE8's incomplete defineProperty implementation
+var descriptors = !fails(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  return Object.defineProperty({}, 1, {
+    get: function () {
+      return 7;
     }
-  };
+  })[1] != 7;
+});
+var $propertyIsEnumerable = {}.propertyIsEnumerable;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
-  /* Unbind listener for custom event */
-  target.prototype.customUnbindListener = function (ele) {
-    var _this$state2 = this.state,
-      event = _this$state2.event,
-      eventOff = _this$state2.eventOff;
-    var dataEvent = event || ele.getAttribute('data-event');
-    var dataEventOff = eventOff || ele.getAttribute('data-event-off');
-    ele.removeEventListener(dataEvent, customListeners.get(ele, event));
-    if (dataEventOff) ele.removeEventListener(dataEventOff, this.hideTooltip);
+// Nashorn ~ JDK8 bug
+var NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({
+  1: 2
+}, 1);
+
+// `Object.prototype.propertyIsEnumerable` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+var f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+  var descriptor = getOwnPropertyDescriptor(this, V);
+  return !!descriptor && descriptor.enumerable;
+} : $propertyIsEnumerable;
+var objectPropertyIsEnumerable = {
+  f: f
+};
+var createPropertyDescriptor = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
   };
-}
+};
+var toString = {}.toString;
+var classofRaw = function (it) {
+  return toString.call(it).slice(8, -1);
+};
+var split = ''.split;
 
-/**
- * Util method to judge if it should follow capture model
- */
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var indexedObject = fails(function () {
+  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return !Object('z').propertyIsEnumerable(0);
+}) ? function (it) {
+  return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);
+} : Object;
 
-function isCapture(target) {
-  target.prototype.isCapture = function (currentTarget) {
-    return currentTarget && currentTarget.getAttribute('data-iscapture') === 'true' || this.props.isCapture || false;
-  };
-}
+// `RequireObjectCoercible` abstract operation
+// https://tc39.es/ecma262/#sec-requireobjectcoercible
+var requireObjectCoercible = function (it) {
+  if (it == undefined) throw TypeError("Can't call method on " + it);
+  return it;
+};
 
-/**
- * Util method to get effect
- */
+// toObject with fallback for non-array-like ES3 strings
 
-function getEffect(target) {
-  target.prototype.getEffect = function (currentTarget) {
-    var dataEffect = currentTarget.getAttribute('data-effect');
-    return dataEffect || this.props.effect || 'float';
-  };
-}
+var toIndexedObject = function (it) {
+  return indexedObject(requireObjectCoercible(it));
+};
+var isObject = function (it) {
+  return typeof it === 'object' ? it !== null : typeof it === 'function';
+};
 
-/**
- * Util method to get effect
- */
-var makeProxy = function makeProxy(e) {
-  var proxy = {};
-  for (var key in e) {
-    if (typeof e[key] === 'function') {
-      proxy[key] = e[key].bind(e);
-    } else {
-      proxy[key] = e[key];
-    }
-  }
-  return proxy;
+// `ToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-toprimitive
+// instead of the ES6 spec version, we didn't implement @@toPrimitive case
+// and the second argument - flag - preferred type is a string
+var toPrimitive = function (input, PREFERRED_STRING) {
+  if (!isObject(input)) return input;
+  var fn, val;
+  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
+  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+  throw TypeError("Can't convert object to primitive value");
 };
-var bodyListener = function bodyListener(callback, options, e) {
-  var _options$respectEffec = options.respectEffect,
-    respectEffect = _options$respectEffec === void 0 ? false : _options$respectEffec,
-    _options$customEvent = options.customEvent,
-    customEvent = _options$customEvent === void 0 ? false : _options$customEvent;
-  var id = this.props.id;
-  var tip = null;
-  var forId;
-  var target = e.target;
-  var lastTarget;
-  // walk up parent chain until tip is found
-  // there is no match if parent visible area is matched by mouse position, so some corner cases might not work as expected
-  while (tip === null && target !== null) {
-    lastTarget = target;
-    tip = target.getAttribute('data-tip') || null;
-    forId = target.getAttribute('data-for') || null;
-    target = target.parentElement;
-  }
-  target = lastTarget || e.target;
-  if (this.isCustomEvent(target) && !customEvent) {
-    return;
-  }
-  var isTargetBelongsToTooltip = id == null && forId == null || forId === id;
-  if (tip != null && (!respectEffect || this.getEffect(target) === 'float') && isTargetBelongsToTooltip) {
-    var proxy = makeProxy(e);
-    proxy.currentTarget = target;
-    callback(proxy);
-  }
+
+// `ToObject` abstract operation
+// https://tc39.es/ecma262/#sec-toobject
+var toObject = function (argument) {
+  return Object(requireObjectCoercible(argument));
 };
-var findCustomEvents = function findCustomEvents(targetArray, dataAttribute) {
-  var events = {};
-  targetArray.forEach(function (target) {
-    var event = target.getAttribute(dataAttribute);
-    if (event) event.split(' ').forEach(function (event) {
-      return events[event] = true;
-    });
-  });
-  return events;
+var hasOwnProperty = {}.hasOwnProperty;
+var has = function hasOwn(it, key) {
+  return hasOwnProperty.call(toObject(it), key);
 };
-var getBody = function getBody() {
-  return document.getElementsByTagName('body')[0];
+var document$1 = global_1.document;
+// typeof document.createElement is 'object' in old IE
+var EXISTS = isObject(document$1) && isObject(document$1.createElement);
+var documentCreateElement = function (it) {
+  return EXISTS ? document$1.createElement(it) : {};
 };
-function bodyMode(target) {
-  target.prototype.isBodyMode = function () {
-    return !!this.props.bodyMode;
-  };
-  target.prototype.bindBodyListener = function (targetArray) {
-    var _this = this;
-    var _this$state = this.state,
-      event = _this$state.event,
-      eventOff = _this$state.eventOff,
-      possibleCustomEvents = _this$state.possibleCustomEvents,
-      possibleCustomEventsOff = _this$state.possibleCustomEventsOff;
-    var body = getBody();
-    var customEvents = findCustomEvents(targetArray, 'data-event');
-    var customEventsOff = findCustomEvents(targetArray, 'data-event-off');
-    if (event != null) customEvents[event] = true;
-    if (eventOff != null) customEventsOff[eventOff] = true;
-    possibleCustomEvents.split(' ').forEach(function (event) {
-      return customEvents[event] = true;
-    });
-    possibleCustomEventsOff.split(' ').forEach(function (event) {
-      return customEventsOff[event] = true;
-    });
-    this.unbindBodyListener(body);
-    var listeners = this.bodyModeListeners = {};
-    if (event == null) {
-      listeners.mouseover = bodyListener.bind(this, this.showTooltip, {});
-      listeners.mousemove = bodyListener.bind(this, this.updateTooltip, {
-        respectEffect: true
-      });
-      listeners.mouseout = bodyListener.bind(this, this.hideTooltip, {});
-    }
-    for (var _event in customEvents) {
-      listeners[_event] = bodyListener.bind(this, function (e) {
-        var targetEventOff = e.currentTarget.getAttribute('data-event-off') || eventOff;
-        checkStatus.call(_this, targetEventOff, e);
-      }, {
-        customEvent: true
-      });
-    }
-    for (var _event2 in customEventsOff) {
-      listeners[_event2] = bodyListener.bind(this, this.hideTooltip, {
-        customEvent: true
-      });
-    }
-    for (var _event3 in listeners) {
-      body.addEventListener(_event3, listeners[_event3]);
-    }
-  };
-  target.prototype.unbindBodyListener = function (body) {
-    body = body || getBody();
-    var listeners = this.bodyModeListeners;
-    for (var event in listeners) {
-      body.removeEventListener(event, listeners[event]);
+
+// Thank's IE8 for his funny defineProperty
+var ie8DomDefine = !descriptors && !fails(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
+  return Object.defineProperty(documentCreateElement('div'), 'a', {
+    get: function () {
+      return 7;
     }
-  };
-}
+  }).a != 7;
+});
 
-/**
- * Tracking target removing from DOM.
- * It's necessary to hide tooltip when it's target disappears.
- * Otherwise, the tooltip would be shown forever until another target
- * is triggered.
- *
- * If MutationObserver is not available, this feature just doesn't work.
- */
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
-// https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/
-var getMutationObserverClass = function getMutationObserverClass() {
-  return window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+var f$1 = descriptors ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject(O);
+  P = toPrimitive(P, true);
+  if (ie8DomDefine) try {
+    return $getOwnPropertyDescriptor(O, P);
+  } catch (error) {/* empty */}
+  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
+};
+var objectGetOwnPropertyDescriptor = {
+  f: f$1
+};
+var anObject = function (it) {
+  if (!isObject(it)) {
+    throw TypeError(String(it) + ' is not an object');
+  }
+  return it;
 };
-function trackRemoval(target) {
-  target.prototype.bindRemovalTracker = function () {
-    var _this = this;
-    var MutationObserver = getMutationObserverClass();
-    if (MutationObserver == null) return;
-    var observer = new MutationObserver(function (mutations) {
-      for (var m1 = 0; m1 < mutations.length; m1++) {
-        var mutation = mutations[m1];
-        for (var m2 = 0; m2 < mutation.removedNodes.length; m2++) {
-          var element = mutation.removedNodes[m2];
-          if (element === _this.state.currentTarget) {
-            _this.hideTooltip();
-            return;
-          }
-        }
-      }
-    });
-    observer.observe(window.document, {
-      childList: true,
-      subtree: true
-    });
-    this.removalTracker = observer;
-  };
-  target.prototype.unbindRemovalTracker = function () {
-    if (this.removalTracker) {
-      this.removalTracker.disconnect();
-      this.removalTracker = null;
-    }
-  };
-}
 
-/**
- * Calculate the position of tooltip
- *
- * @params
- * - `e` {Event} the event of current mouse
- * - `target` {Element} the currentTarget of the event
- * - `node` {DOM} the react-tooltip object
- * - `place` {String} top / right / bottom / left
- * - `effect` {String} float / solid
- * - `offset` {Object} the offset to default position
- *
- * @return {Object}
- * - `isNewState` {Bool} required
- * - `newState` {Object}
- * - `position` {Object} {left: {Number}, top: {Number}}
- */
-function getPosition(e, target, node, place, desiredPlace, effect, offset) {
-  var _getDimensions = getDimensions(node),
-    tipWidth = _getDimensions.width,
-    tipHeight = _getDimensions.height;
-  var _getDimensions2 = getDimensions(target),
-    targetWidth = _getDimensions2.width,
-    targetHeight = _getDimensions2.height;
-  var _getCurrentOffset = getCurrentOffset(e, target, effect),
-    mouseX = _getCurrentOffset.mouseX,
-    mouseY = _getCurrentOffset.mouseY;
-  var defaultOffset = getDefaultPosition(effect, targetWidth, targetHeight, tipWidth, tipHeight);
-  var _calculateOffset = calculateOffset(offset),
-    extraOffsetX = _calculateOffset.extraOffsetX,
-    extraOffsetY = _calculateOffset.extraOffsetY;
-  var windowWidth = window.innerWidth;
-  var windowHeight = window.innerHeight;
-  var _getParent = getParent(node),
-    parentTop = _getParent.parentTop,
-    parentLeft = _getParent.parentLeft;
+// eslint-disable-next-line es/no-object-defineproperty -- safe
+var $defineProperty = Object.defineProperty;
 
-  // Get the edge offset of the tooltip
-  var getTipOffsetLeft = function getTipOffsetLeft(place) {
-    var offsetX = defaultOffset[place].l;
-    return mouseX + offsetX + extraOffsetX;
-  };
-  var getTipOffsetRight = function getTipOffsetRight(place) {
-    var offsetX = defaultOffset[place].r;
-    return mouseX + offsetX + extraOffsetX;
-  };
-  var getTipOffsetTop = function getTipOffsetTop(place) {
-    var offsetY = defaultOffset[place].t;
-    return mouseY + offsetY + extraOffsetY;
-  };
-  var getTipOffsetBottom = function getTipOffsetBottom(place) {
-    var offsetY = defaultOffset[place].b;
-    return mouseY + offsetY + extraOffsetY;
+// `Object.defineProperty` method
+// https://tc39.es/ecma262/#sec-object.defineproperty
+var f$2 = descriptors ? $defineProperty : function defineProperty(O, P, Attributes) {
+  anObject(O);
+  P = toPrimitive(P, true);
+  anObject(Attributes);
+  if (ie8DomDefine) try {
+    return $defineProperty(O, P, Attributes);
+  } catch (error) {/* empty */}
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
+var objectDefineProperty = {
+  f: f$2
+};
+var createNonEnumerableProperty = descriptors ? function (object, key, value) {
+  return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
+} : function (object, key, value) {
+  object[key] = value;
+  return object;
+};
+var setGlobal = function (key, value) {
+  try {
+    createNonEnumerableProperty(global_1, key, value);
+  } catch (error) {
+    global_1[key] = value;
+  }
+  return value;
+};
+var SHARED = '__core-js_shared__';
+var store = global_1[SHARED] || setGlobal(SHARED, {});
+var sharedStore = store;
+var functionToString = Function.toString;
+
+// this helper broken in `3.4.1-3.4.4`, so we can't use `shared` helper
+if (typeof sharedStore.inspectSource != 'function') {
+  sharedStore.inspectSource = function (it) {
+    return functionToString.call(it);
   };
-
-  //
-  // Functions to test whether the tooltip's sides are inside
-  // the client window for a given orientation p
-  //
-  //  _____________
-  // |             | <-- Right side
-  // | p = 'left'  |\
-  // |             |/  |\
-  // |_____________|   |_\  <-- Mouse
-  //      / \           |
-  //       |
-  //       |
-  //  Bottom side
-  //
-  var outsideLeft = function outsideLeft(p) {
-    return getTipOffsetLeft(p) < 0;
+}
+var inspectSource = sharedStore.inspectSource;
+var WeakMap = global_1.WeakMap;
+var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
+var shared = createCommonjsModule(function (module) {
+  (module.exports = function (key, value) {
+    return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
+  })('versions', []).push({
+    version: '3.12.1',
+    mode: 'global',
+    copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
+  });
+});
+var id = 0;
+var postfix = Math.random();
+var uid = function (key) {
+  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
+};
+var keys = shared('keys');
+var sharedKey = function (key) {
+  return keys[key] || (keys[key] = uid(key));
+};
+var hiddenKeys = {};
+var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+var WeakMap$1 = global_1.WeakMap;
+var set, get, has$1;
+var enforce = function (it) {
+  return has$1(it) ? get(it) : set(it, {});
+};
+var getterFor = function (TYPE) {
+  return function (it) {
+    var state;
+    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+      throw TypeError('Incompatible receiver, ' + TYPE + ' required');
+    }
+    return state;
   };
-  var outsideRight = function outsideRight(p) {
-    return getTipOffsetRight(p) > windowWidth;
+};
+if (nativeWeakMap || sharedStore.state) {
+  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$1());
+  var wmget = store$1.get;
+  var wmhas = store$1.has;
+  var wmset = store$1.set;
+  set = function (it, metadata) {
+    if (wmhas.call(store$1, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    wmset.call(store$1, it, metadata);
+    return metadata;
   };
-  var outsideTop = function outsideTop(p) {
-    return getTipOffsetTop(p) < 0;
+  get = function (it) {
+    return wmget.call(store$1, it) || {};
   };
-  var outsideBottom = function outsideBottom(p) {
-    return getTipOffsetBottom(p) > windowHeight;
+  has$1 = function (it) {
+    return wmhas.call(store$1, it);
   };
-
-  // Check whether the tooltip with orientation p is completely inside the client window
-  var outside = function outside(p) {
-    return outsideLeft(p) || outsideRight(p) || outsideTop(p) || outsideBottom(p);
+} else {
+  var STATE = sharedKey('state');
+  hiddenKeys[STATE] = true;
+  set = function (it, metadata) {
+    if (has(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    createNonEnumerableProperty(it, STATE, metadata);
+    return metadata;
   };
-  var inside = function inside(p) {
-    return !outside(p);
+  get = function (it) {
+    return has(it, STATE) ? it[STATE] : {};
   };
-  var placeIsInside = {
-    top: inside('top'),
-    bottom: inside('bottom'),
-    left: inside('left'),
-    right: inside('right')
+  has$1 = function (it) {
+    return has(it, STATE);
   };
-  function choose() {
-    var allPlaces = desiredPlace.split(',').concat(place, ['top', 'bottom', 'left', 'right']);
-    var _iterator = _createForOfIteratorHelper(allPlaces),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var d = _step.value;
-        if (placeIsInside[d]) return d;
+}
+var internalState = {
+  set: set,
+  get: get,
+  has: has$1,
+  enforce: enforce,
+  getterFor: getterFor
+};
+var redefine = createCommonjsModule(function (module) {
+  var getInternalState = internalState.get;
+  var enforceInternalState = internalState.enforce;
+  var TEMPLATE = String(String).split('String');
+  (module.exports = function (O, key, value, options) {
+    var unsafe = options ? !!options.unsafe : false;
+    var simple = options ? !!options.enumerable : false;
+    var noTargetGet = options ? !!options.noTargetGet : false;
+    var state;
+    if (typeof value == 'function') {
+      if (typeof key == 'string' && !has(value, 'name')) {
+        createNonEnumerableProperty(value, 'name', key);
       }
-      // if nothing is inside, just use the old place.
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return place;
-  }
-  var chosen = choose();
-  var isNewState = false;
-  var newPlace;
-  if (chosen && chosen !== place) {
-    isNewState = true;
-    newPlace = chosen;
-  }
-  if (isNewState) {
-    return {
-      isNewState: true,
-      newState: {
-        place: newPlace
+      state = enforceInternalState(value);
+      if (!state.source) {
+        state.source = TEMPLATE.join(typeof key == 'string' ? key : '');
       }
-    };
-  }
-  return {
-    isNewState: false,
-    position: {
-      left: parseInt(getTipOffsetLeft(place) - parentLeft, 10),
-      top: parseInt(getTipOffsetTop(place) - parentTop, 10)
     }
-  };
-}
-var getDimensions = function getDimensions(node) {
-  var _node$getBoundingClie = node.getBoundingClientRect(),
-    height = _node$getBoundingClie.height,
-    width = _node$getBoundingClie.width;
-  return {
-    height: parseInt(height, 10),
-    width: parseInt(width, 10)
-  };
+    if (O === global_1) {
+      if (simple) O[key] = value;else setGlobal(key, value);
+      return;
+    } else if (!unsafe) {
+      delete O[key];
+    } else if (!noTargetGet && O[key]) {
+      simple = true;
+    }
+    if (simple) O[key] = value;else createNonEnumerableProperty(O, key, value);
+    // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+  })(Function.prototype, 'toString', function toString() {
+    return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
+  });
+});
+var path = global_1;
+var aFunction = function (variable) {
+  return typeof variable == 'function' ? variable : undefined;
 };
+var getBuiltIn = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global_1[namespace]) : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];
+};
+var ceil = Math.ceil;
+var floor = Math.floor;
 
-// Get current mouse offset
-var getCurrentOffset = function getCurrentOffset(e, currentTarget, effect) {
-  var boundingClientRect = currentTarget.getBoundingClientRect();
-  var targetTop = boundingClientRect.top;
-  var targetLeft = boundingClientRect.left;
-  var _getDimensions3 = getDimensions(currentTarget),
-    targetWidth = _getDimensions3.width,
-    targetHeight = _getDimensions3.height;
-  if (effect === 'float') {
-    return {
-      mouseX: e.clientX,
-      mouseY: e.clientY
-    };
-  }
-  return {
-    mouseX: targetLeft + targetWidth / 2,
-    mouseY: targetTop + targetHeight / 2
+// `ToInteger` abstract operation
+// https://tc39.es/ecma262/#sec-tointeger
+var toInteger = function (argument) {
+  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
+};
+var min = Math.min;
+
+// `ToLength` abstract operation
+// https://tc39.es/ecma262/#sec-tolength
+var toLength = function (argument) {
+  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+};
+var max = Math.max;
+var min$1 = Math.min;
+
+// Helper for a popular repeating case of the spec:
+// Let integer be ? ToInteger(index).
+// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+var toAbsoluteIndex = function (index, length) {
+  var integer = toInteger(index);
+  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+};
+
+// `Array.prototype.{ indexOf, includes }` methods implementation
+var createMethod = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIndexedObject($this);
+    var length = toLength(O.length);
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (IS_INCLUDES && el != el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare -- NaN check
+      if (value != value) return true;
+      // Array#indexOf ignores holes, Array#includes - not
+    } else for (; length > index; index++) {
+      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    }
+    return !IS_INCLUDES && -1;
   };
 };
+var arrayIncludes = {
+  // `Array.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-array.prototype.includes
+  includes: createMethod(true),
+  // `Array.prototype.indexOf` method
+  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+  indexOf: createMethod(false)
+};
+var indexOf = arrayIncludes.indexOf;
+var objectKeysInternal = function (object, names) {
+  var O = toIndexedObject(object);
+  var i = 0;
+  var result = [];
+  var key;
+  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
+  // Don't enum bug & hidden keys
+  while (names.length > i) if (has(O, key = names[i++])) {
+    ~indexOf(result, key) || result.push(key);
+  }
+  return result;
+};
 
-// List all possibility of tooltip final offset
-// This is useful in judging if it is necessary for tooltip to switch position when out of window
-var getDefaultPosition = function getDefaultPosition(effect, targetWidth, targetHeight, tipWidth, tipHeight) {
-  var top;
-  var right;
-  var bottom;
-  var left;
-  var disToMouse = 3;
-  var triangleHeight = 2;
-  var cursorHeight = 12; // Optimize for float bottom only, cause the cursor will hide the tooltip
+// IE8- don't enum bug keys
+var enumBugKeys = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];
+var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
 
-  if (effect === 'float') {
-    top = {
-      l: -(tipWidth / 2),
-      r: tipWidth / 2,
-      t: -(tipHeight + disToMouse + triangleHeight),
-      b: -disToMouse
-    };
-    bottom = {
-      l: -(tipWidth / 2),
-      r: tipWidth / 2,
-      t: disToMouse + cursorHeight,
-      b: tipHeight + disToMouse + triangleHeight + cursorHeight
-    };
-    left = {
-      l: -(tipWidth + disToMouse + triangleHeight),
-      r: -disToMouse,
-      t: -(tipHeight / 2),
-      b: tipHeight / 2
-    };
-    right = {
-      l: disToMouse,
-      r: tipWidth + disToMouse + triangleHeight,
-      t: -(tipHeight / 2),
-      b: tipHeight / 2
-    };
-  } else if (effect === 'solid') {
-    top = {
-      l: -(tipWidth / 2),
-      r: tipWidth / 2,
-      t: -(targetHeight / 2 + tipHeight + triangleHeight),
-      b: -(targetHeight / 2)
-    };
-    bottom = {
-      l: -(tipWidth / 2),
-      r: tipWidth / 2,
-      t: targetHeight / 2,
-      b: targetHeight / 2 + tipHeight + triangleHeight
-    };
-    left = {
-      l: -(tipWidth + targetWidth / 2 + triangleHeight),
-      r: -(targetWidth / 2),
-      t: -(tipHeight / 2),
-      b: tipHeight / 2
-    };
-    right = {
-      l: targetWidth / 2,
-      r: tipWidth + targetWidth / 2 + triangleHeight,
-      t: -(tipHeight / 2),
-      b: tipHeight / 2
-    };
+// `Object.getOwnPropertyNames` method
+// https://tc39.es/ecma262/#sec-object.getownpropertynames
+// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  return objectKeysInternal(O, hiddenKeys$1);
+};
+var objectGetOwnPropertyNames = {
+  f: f$3
+};
+
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+var f$4 = Object.getOwnPropertySymbols;
+var objectGetOwnPropertySymbols = {
+  f: f$4
+};
+
+// all object keys, includes non-enumerable and symbols
+var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = objectGetOwnPropertyNames.f(anObject(it));
+  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
+  return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
+};
+var copyConstructorProperties = function (target, source) {
+  var keys = ownKeys$1(source);
+  var defineProperty = objectDefineProperty.f;
+  var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+  }
+};
+var replacement = /#|\.prototype\./;
+var isForced = function (feature, detection) {
+  var value = data[normalize(feature)];
+  return value == POLYFILL ? true : value == NATIVE ? false : typeof detection == 'function' ? fails(detection) : !!detection;
+};
+var normalize = isForced.normalize = function (string) {
+  return String(string).replace(replacement, '.').toLowerCase();
+};
+var data = isForced.data = {};
+var NATIVE = isForced.NATIVE = 'N';
+var POLYFILL = isForced.POLYFILL = 'P';
+var isForced_1 = isForced;
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
+
+/*
+  options.target      - name of the target object
+  options.global      - target is the global object
+  options.stat        - export as static methods of target
+  options.proto       - export as prototype methods of target
+  options.real        - real prototype method for the `pure` version
+  options.forced      - export even if the native feature is available
+  options.bind        - bind methods to the target, required for the `pure` version
+  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+  options.sham        - add a flag to not completely full polyfills
+  options.enumerable  - export as enumerable property
+  options.noTargetGet - prevent calling a getter on target
+*/
+var _export = function (options, source) {
+  var TARGET = options.target;
+  var GLOBAL = options.global;
+  var STATIC = options.stat;
+  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+  if (GLOBAL) {
+    target = global_1;
+  } else if (STATIC) {
+    target = global_1[TARGET] || setGlobal(TARGET, {});
+  } else {
+    target = (global_1[TARGET] || {}).prototype;
   }
-  return {
-    top: top,
-    bottom: bottom,
-    left: left,
-    right: right
+  if (target) for (key in source) {
+    sourceProperty = source[key];
+    if (options.noTargetGet) {
+      descriptor = getOwnPropertyDescriptor$1(target, key);
+      targetProperty = descriptor && descriptor.value;
+    } else targetProperty = target[key];
+    FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+    // contained in target
+    if (!FORCED && targetProperty !== undefined) {
+      if (typeof sourceProperty === typeof targetProperty) continue;
+      copyConstructorProperties(sourceProperty, targetProperty);
+    }
+    // add a flag to not completely full polyfills
+    if (options.sham || targetProperty && targetProperty.sham) {
+      createNonEnumerableProperty(sourceProperty, 'sham', true);
+    }
+    // extend global
+    redefine(target, key, sourceProperty, options);
+  }
+};
+var aFunction$1 = function (it) {
+  if (typeof it != 'function') {
+    throw TypeError(String(it) + ' is not a function');
+  }
+  return it;
+};
+
+// optional / simple context binding
+var functionBindContext = function (fn, that, length) {
+  aFunction$1(fn);
+  if (that === undefined) return fn;
+  switch (length) {
+    case 0:
+      return function () {
+        return fn.call(that);
+      };
+    case 1:
+      return function (a) {
+        return fn.call(that, a);
+      };
+    case 2:
+      return function (a, b) {
+        return fn.call(that, a, b);
+      };
+    case 3:
+      return function (a, b, c) {
+        return fn.call(that, a, b, c);
+      };
+  }
+  return function /* ...args */
+  () {
+    return fn.apply(that, arguments);
   };
 };
 
-// Consider additional offset into position calculation
-var calculateOffset = function calculateOffset(offset) {
-  var extraOffsetX = 0;
-  var extraOffsetY = 0;
-  if (Object.prototype.toString.apply(offset) === '[object String]') {
-    offset = JSON.parse(offset.toString().replace(/'/g, '"'));
+// `IsArray` abstract operation
+// https://tc39.es/ecma262/#sec-isarray
+// eslint-disable-next-line es/no-array-isarray -- safe
+var isArray = Array.isArray || function isArray(arg) {
+  return classofRaw(arg) == 'Array';
+};
+var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
+var process = global_1.process;
+var versions = process && process.versions;
+var v8 = versions && versions.v8;
+var match, version;
+if (v8) {
+  match = v8.split('.');
+  version = match[0] < 4 ? 1 : match[0] + match[1];
+} else if (engineUserAgent) {
+  match = engineUserAgent.match(/Edge\/(\d+)/);
+  if (!match || match[1] >= 74) {
+    match = engineUserAgent.match(/Chrome\/(\d+)/);
+    if (match) version = match[1];
   }
-  for (var key in offset) {
-    if (key === 'top') {
-      extraOffsetY -= parseInt(offset[key], 10);
-    } else if (key === 'bottom') {
-      extraOffsetY += parseInt(offset[key], 10);
-    } else if (key === 'left') {
-      extraOffsetX -= parseInt(offset[key], 10);
-    } else if (key === 'right') {
-      extraOffsetX += parseInt(offset[key], 10);
+}
+var engineV8Version = version && +version;
+
+/* eslint-disable es/no-symbol -- required for testing */
+
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
+var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
+  return !String(Symbol()) ||
+  // Chrome 38 Symbol has incorrect toString conversion
+  // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+  !Symbol.sham && engineV8Version && engineV8Version < 41;
+});
+
+/* eslint-disable es/no-symbol -- required for testing */
+
+var useSymbolAsUid = nativeSymbol && !Symbol.sham && typeof Symbol.iterator == 'symbol';
+var WellKnownSymbolsStore = shared('wks');
+var Symbol$1 = global_1.Symbol;
+var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
+var wellKnownSymbol = function (name) {
+  if (!has(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
+    if (nativeSymbol && has(Symbol$1, name)) {
+      WellKnownSymbolsStore[name] = Symbol$1[name];
+    } else {
+      WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
     }
   }
-  return {
-    extraOffsetX: extraOffsetX,
-    extraOffsetY: extraOffsetY
-  };
+  return WellKnownSymbolsStore[name];
 };
+var SPECIES = wellKnownSymbol('species');
 
-// Get the offset of the parent elements
-var getParent = function getParent(currentTarget) {
-  var currentParent = currentTarget;
-  while (currentParent) {
-    var computedStyle = window.getComputedStyle(currentParent);
-    // transform and will-change: transform change the containing block
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_Block
-    if (computedStyle.getPropertyValue('transform') !== 'none' || computedStyle.getPropertyValue('will-change') === 'transform') break;
-    currentParent = currentParent.parentElement;
+// `ArraySpeciesCreate` abstract operation
+// https://tc39.es/ecma262/#sec-arrayspeciescreate
+var arraySpeciesCreate = function (originalArray, length) {
+  var C;
+  if (isArray(originalArray)) {
+    C = originalArray.constructor;
+    // cross-realm fallback
+    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;else if (isObject(C)) {
+      C = C[SPECIES];
+      if (C === null) C = undefined;
+    }
   }
-  var parentTop = currentParent && currentParent.getBoundingClientRect().top || 0;
-  var parentLeft = currentParent && currentParent.getBoundingClientRect().left || 0;
-  return {
-    parentTop: parentTop,
-    parentLeft: parentLeft
+  return new (C === undefined ? Array : C)(length === 0 ? 0 : length);
+};
+var push = [].push;
+
+// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterOut }` methods implementation
+var createMethod$1 = function (TYPE) {
+  var IS_MAP = TYPE == 1;
+  var IS_FILTER = TYPE == 2;
+  var IS_SOME = TYPE == 3;
+  var IS_EVERY = TYPE == 4;
+  var IS_FIND_INDEX = TYPE == 6;
+  var IS_FILTER_OUT = TYPE == 7;
+  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+  return function ($this, callbackfn, that, specificCreate) {
+    var O = toObject($this);
+    var self = indexedObject(O);
+    var boundFunction = functionBindContext(callbackfn, that, 3);
+    var length = toLength(self.length);
+    var index = 0;
+    var create = specificCreate || arraySpeciesCreate;
+    var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_OUT ? create($this, 0) : undefined;
+    var value, result;
+    for (; length > index; index++) if (NO_HOLES || index in self) {
+      value = self[index];
+      result = boundFunction(value, index, O);
+      if (TYPE) {
+        if (IS_MAP) target[index] = result; // map
+        else if (result) switch (TYPE) {
+          case 3:
+            return true;
+          // some
+          case 5:
+            return value;
+          // find
+          case 6:
+            return index;
+          // findIndex
+          case 2:
+            push.call(target, value);
+          // filter
+        } else switch (TYPE) {
+          case 4:
+            return false;
+          // every
+          case 7:
+            push.call(target, value);
+          // filterOut
+        }
+      }
+    }
+    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
   };
 };
+var arrayIteration = {
+  // `Array.prototype.forEach` method
+  // https://tc39.es/ecma262/#sec-array.prototype.foreach
+  forEach: createMethod$1(0),
+  // `Array.prototype.map` method
+  // https://tc39.es/ecma262/#sec-array.prototype.map
+  map: createMethod$1(1),
+  // `Array.prototype.filter` method
+  // https://tc39.es/ecma262/#sec-array.prototype.filter
+  filter: createMethod$1(2),
+  // `Array.prototype.some` method
+  // https://tc39.es/ecma262/#sec-array.prototype.some
+  some: createMethod$1(3),
+  // `Array.prototype.every` method
+  // https://tc39.es/ecma262/#sec-array.prototype.every
+  every: createMethod$1(4),
+  // `Array.prototype.find` method
+  // https://tc39.es/ecma262/#sec-array.prototype.find
+  find: createMethod$1(5),
+  // `Array.prototype.findIndex` method
+  // https://tc39.es/ecma262/#sec-array.prototype.findIndex
+  findIndex: createMethod$1(6),
+  // `Array.prototype.filterOut` method
+  // https://github.com/tc39/proposal-array-filtering
+  filterOut: createMethod$1(7)
+};
 
-/**
- * To get the tooltip content
- * it may comes from data-tip or this.props.children
- * it should support multiline
- *
- * @params
- * - `tip` {String} value of data-tip
- * - `children` {ReactElement} this.props.children
- * - `multiline` {Any} could be Bool(true/false) or String('true'/'false')
- *
- * @return
- * - String or react component
- */
-function TipContent(tip, children, getContent, multiline) {
-  if (children) return children;
-  if (getContent !== undefined && getContent !== null) return getContent; // getContent can be 0, '', etc.
-  if (getContent === null) return null; // Tip not exist and children is null or undefined
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+// eslint-disable-next-line es/no-object-keys -- safe
+var objectKeys = Object.keys || function keys(O) {
+  return objectKeysInternal(O, enumBugKeys);
+};
 
-  var regexp = /<br\s*\/?>/;
-  if (!multiline || multiline === 'false' || !regexp.test(tip)) {
-    // No trim(), so that user can keep their input
-    return tip;
-  }
+// `Object.defineProperties` method
+// https://tc39.es/ecma262/#sec-object.defineproperties
+// eslint-disable-next-line es/no-object-defineproperties -- safe
+var objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject(O);
+  var keys = objectKeys(Properties);
+  var length = keys.length;
+  var index = 0;
+  var key;
+  while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);
+  return O;
+};
+var html = getBuiltIn('document', 'documentElement');
+var GT = '>';
+var LT = '<';
+var PROTOTYPE = 'prototype';
+var SCRIPT = 'script';
+var IE_PROTO = sharedKey('IE_PROTO');
+var EmptyConstructor = function () {/* empty */};
+var scriptTag = function (content) {
+  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+};
 
-  // Multiline tooltip content
-  return tip.split(regexp).map(function (d, i) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-      key: i,
-      className: "multi-line"
-    }, d);
-  });
-}
+// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+var NullProtoObjectViaActiveX = function (activeXDocument) {
+  activeXDocument.write(scriptTag(''));
+  activeXDocument.close();
+  var temp = activeXDocument.parentWindow.Object;
+  activeXDocument = null; // avoid memory leak
+  return temp;
+};
 
-/**
- * Support aria- and role in ReactTooltip
- *
- * @params props {Object}
- * @return {Object}
- */
-function parseAria(props) {
-  var ariaObj = {};
-  Object.keys(props).filter(function (prop) {
-    // aria-xxx and role is acceptable
-    return /(^aria-\w+$|^role$)/.test(prop);
-  }).forEach(function (prop) {
-    ariaObj[prop] = props[prop];
-  });
-  return ariaObj;
-}
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var NullProtoObjectViaIFrame = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = documentCreateElement('iframe');
+  var JS = 'java' + SCRIPT + ':';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  html.appendChild(iframe);
+  // https://github.com/zloirock/core-js/issues/475
+  iframe.src = String(JS);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(scriptTag('document.F=Object'));
+  iframeDocument.close();
+  return iframeDocument.F;
+};
 
-/**
- * Convert nodelist to array
- * @see https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/core/createArrayFromMixed.js#L24
- * NodeLists are functions in Safari
- */
+// Check for document.domain and active x support
+// No need to use active x approach when document.domain is not set
+// see https://github.com/es-shims/es5-shim/issues/150
+// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+// avoid IE GC bug
+var activeXDocument;
+var NullProtoObject = function () {
+  try {
+    /* global ActiveXObject -- old IE */
+    activeXDocument = document.domain && new ActiveXObject('htmlfile');
+  } catch (error) {/* ignore */}
+  NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();
+  var length = enumBugKeys.length;
+  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+  return NullProtoObject();
+};
+hiddenKeys[IE_PROTO] = true;
 
-function nodeListToArray(nodeList) {
-  var length = nodeList.length;
-  if (nodeList.hasOwnProperty) {
-    return Array.prototype.slice.call(nodeList);
-  }
-  return new Array(length).fill().map(function (index) {
-    return nodeList[index];
+// `Object.create` method
+// https://tc39.es/ecma262/#sec-object.create
+var objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    EmptyConstructor[PROTOTYPE] = anObject(O);
+    result = new EmptyConstructor();
+    EmptyConstructor[PROTOTYPE] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO] = O;
+  } else result = NullProtoObject();
+  return Properties === undefined ? result : objectDefineProperties(result, Properties);
+};
+var UNSCOPABLES = wellKnownSymbol('unscopables');
+var ArrayPrototype = Array.prototype;
+
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype[UNSCOPABLES] == undefined) {
+  objectDefineProperty.f(ArrayPrototype, UNSCOPABLES, {
+    configurable: true,
+    value: objectCreate(null)
   });
 }
-function generateUUID() {
-  return 't' + Object(uuid__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])();
-}
-var baseCss = ".__react_component_tooltip {\n  border-radius: 3px;\n  display: inline-block;\n  font-size: 13px;\n  left: -999em;\n  opacity: 0;\n  position: fixed;\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n  top: -999em;\n  visibility: hidden;\n  z-index: 999;\n}\n.__react_component_tooltip.allow_hover, .__react_component_tooltip.allow_click {\n  pointer-events: auto;\n}\n.__react_component_tooltip::before, .__react_component_tooltip::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n.__react_component_tooltip.show {\n  opacity: 0.9;\n  margin-top: 0;\n  margin-left: 0;\n  visibility: visible;\n}\n.__react_component_tooltip.place-top::before {\n  bottom: 0;\n  left: 50%;\n  margin-left: -11px;\n}\n.__react_component_tooltip.place-bottom::before {\n  top: 0;\n  left: 50%;\n  margin-left: -11px;\n}\n.__react_component_tooltip.place-left::before {\n  right: 0;\n  top: 50%;\n  margin-top: -9px;\n}\n.__react_component_tooltip.place-right::before {\n  left: 0;\n  top: 50%;\n  margin-top: -9px;\n}\n.__react_component_tooltip .multi-line {\n  display: block;\n  padding: 2px 0;\n  text-align: center;\n}";
 
-/**
- * Default pop-up style values (text color, background color).
- */
-var defaultColors = {
-  dark: {
-    text: '#fff',
-    background: '#222',
-    border: 'transparent',
-    arrow: '#222'
-  },
-  success: {
-    text: '#fff',
-    background: '#8DC572',
-    border: 'transparent',
-    arrow: '#8DC572'
-  },
-  warning: {
-    text: '#fff',
-    background: '#F0AD4E',
-    border: 'transparent',
-    arrow: '#F0AD4E'
-  },
-  error: {
-    text: '#fff',
-    background: '#BE6464',
-    border: 'transparent',
-    arrow: '#BE6464'
-  },
-  info: {
-    text: '#fff',
-    background: '#337AB7',
-    border: 'transparent',
-    arrow: '#337AB7'
-  },
-  light: {
-    text: '#222',
-    background: '#fff',
-    border: 'transparent',
-    arrow: '#fff'
-  }
-};
-function getDefaultPopupColors(type) {
-  return defaultColors[type] ? _objectSpread2({}, defaultColors[type]) : undefined;
-}
-var DEFAULT_PADDING = '8px 21px';
-var DEFAULT_RADIUS = {
-  tooltip: 3,
-  arrow: 0
+// add a key to Array.prototype[@@unscopables]
+var addToUnscopables = function (key) {
+  ArrayPrototype[UNSCOPABLES][key] = true;
 };
+var $find = arrayIteration.find;
+var FIND = 'find';
+var SKIPS_HOLES = true;
 
-/**
- * Generates the specific tooltip style for use on render.
- */
-function generateTooltipStyle(uuid, customColors, type, hasBorder, padding, radius) {
-  return generateStyle(uuid, getPopupColors(customColors, type, hasBorder), padding, radius);
-}
+// Shouldn't skip holes
+if (FIND in []) Array(1)[FIND](function () {
+  SKIPS_HOLES = false;
+});
 
-/**
- * Generates the tooltip style rules based on the element-specified "data-type" property.
- */
-function generateStyle(uuid, colors) {
-  var padding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_PADDING;
-  var radius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_RADIUS;
-  var textColor = colors.text;
-  var backgroundColor = colors.background;
-  var borderColor = colors.border;
-  var arrowColor = colors.arrow;
-  var arrowRadius = radius.arrow;
-  var tooltipRadius = radius.tooltip;
-  return "\n  \t.".concat(uuid, " {\n\t    color: ").concat(textColor, ";\n\t    background: ").concat(backgroundColor, ";\n\t    border: 1px solid ").concat(borderColor, ";\n\t    border-radius: ").concat(tooltipRadius, "px;\n\t    padding: ").concat(padding, ";\n  \t}\n\n  \t.").concat(uuid, ".place-top {\n        margin-top: -10px;\n    }\n    .").concat(uuid, ".place-top::before {\n        content: \"\";\n        background-color: inherit;\n        position: absolute;\n        z-index: 2;\n        width: 20px;\n        height: 12px;\n    }\n    .").concat(uuid, ".place-top::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-top-right-radius: ").concat(arrowRadius, "px;\n        border: 1px solid ").concat(borderColor, ";\n        background-color: ").concat(arrowColor, ";\n        z-index: -2;\n        bottom: -6px;\n        left: 50%;\n        margin-left: -6px;\n        transform: rotate(135deg);\n    }\n\n    .").concat(uuid, ".place-bottom {\n        margin-top: 10px;\n    }\n    .").concat(uuid, ".place-bottom::before {\n        content: \"\";\n        background-color: inherit;\n        position: absolute;\n        z-index: -1;\n        width: 18px;\n        height: 10px;\n    }\n    .").concat(uuid, ".place-bottom::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-top-right-radius: ").concat(arrowRadius, "px;\n        border: 1px solid ").concat(borderColor, ";\n        background-color: ").concat(arrowColor, ";\n        z-index: -2;\n        top: -6px;\n        left: 50%;\n        margin-left: -6px;\n        transform: rotate(45deg);\n    }\n\n    .").concat(uuid, ".place-left {\n        margin-left: -10px;\n    }\n    .").concat(uuid, ".place-left::before {\n        content: \"\";\n        background-color: inherit;\n        position: absolute;\n        z-index: -1;\n        width: 10px;\n        height: 18px;\n    }\n    .").concat(uuid, ".place-left::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-top-right-radius: ").concat(arrowRadius, "px;\n        border: 1px solid ").concat(borderColor, ";\n        background-color: ").concat(arrowColor, ";\n        z-index: -2;\n        right: -6px;\n        top: 50%;\n        margin-top: -6px;\n        transform: rotate(45deg);\n    }\n\n    .").concat(uuid, ".place-right {\n        margin-left: 10px;\n    }\n    .").concat(uuid, ".place-right::before {\n        content: \"\";\n        background-color: inherit;\n        position: absolute;\n        z-index: -1;\n        width: 10px;\n        height: 18px;\n    }\n    .").concat(uuid, ".place-right::after {\n        content: \"\";\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        border-top-right-radius: ").concat(arrowRadius, "px;\n        border: 1px solid ").concat(borderColor, ";\n        background-color: ").concat(arrowColor, ";\n        z-index: -2;\n        left: -6px;\n        top: 50%;\n        margin-top: -6px;\n        transform: rotate(-135deg);\n    }\n  ");
-}
-function getPopupColors(customColors, type, hasBorder) {
-  var textColor = customColors.text;
-  var backgroundColor = customColors.background;
-  var borderColor = customColors.border;
-  var arrowColor = customColors.arrow ? customColors.arrow : customColors.background;
-  var colors = getDefaultPopupColors(type);
-  if (textColor) {
-    colors.text = textColor;
-  }
-  if (backgroundColor) {
-    colors.background = backgroundColor;
-  }
-  if (hasBorder) {
-    if (borderColor) {
-      colors.border = borderColor;
-    } else {
-      colors.border = type === 'light' ? 'black' : 'white';
-    }
-  }
-  if (arrowColor) {
-    colors.arrow = arrowColor;
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+_export({
+  target: 'Array',
+  proto: true,
+  forced: SKIPS_HOLES
+}, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
-  return colors;
-}
-var _class, _class2;
+});
 
-/* Polyfill */
-var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_class = isCapture(_class = getEffect(_class = bodyMode(_class = trackRemoval(_class = (_class2 = /*#__PURE__*/function (_React$Component) {
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+var _class, _class2, _temp;
+var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_class = isCapture(_class = getEffect(_class = bodyMode(_class = trackRemoval(_class = (_temp = _class2 = /*#__PURE__*/
+function (_React$Component) {
   _inherits(ReactTooltip, _React$Component);
-  var _super = _createSuper(ReactTooltip);
+  _createClass(ReactTooltip, null, [{
+    key: "propTypes",
+    get: function get() {
+      return {
+        uuid: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,
+        place: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        effect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        offset: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,
+        multiline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        border: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        textColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        backgroundColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        borderColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        arrowColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        insecure: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        "class": prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        html: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        delayHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
+        delayUpdate: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
+        delayShow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
+        event: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        eventOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        isCapture: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        globalEventOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        getContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,
+        afterShow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+        afterHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+        overridePosition: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+        disable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        scrollHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        resizeHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        wrapper: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        bodyMode: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+        possibleCustomEvents: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        possibleCustomEventsOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+        clickable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
+      };
+    }
+  }]);
   function ReactTooltip(props) {
     var _this;
     _classCallCheck(this, ReactTooltip);
-    _this = _super.call(this, props);
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(ReactTooltip).call(this, props));
     _this.state = {
       uuid: props.uuid || generateUUID(),
       place: props.place || 'top',
       // Direction of tooltip
       desiredPlace: props.place || 'top',
-      type: props.type || 'dark',
+      type: 'dark',
       // Color theme of tooltip
-      effect: props.effect || 'float',
+      effect: 'float',
       // float or fixed
       show: false,
       border: false,
-      borderClass: 'border',
       customColors: {},
-      customRadius: {},
       offset: {},
-      padding: props.padding,
       extraClass: '',
       html: false,
       delayHide: 0,
@@ -2463,10 +1894,10 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     _this.intervalUpdateContent = null;
     return _this;
   }
-
   /**
    * For unify the bind and unbind listener
    */
+
   _createClass(ReactTooltip, [{
     key: "bind",
     value: function bind(methodArray) {
@@ -2478,17 +1909,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props = this.props;
-      _this$props.insecure;
-      var resizeHide = _this$props.resizeHide,
-        disableInternalStyle = _this$props.disableInternalStyle;
-      this.mount = true;
+      var _this$props = this.props,
+        insecure = _this$props.insecure,
+        resizeHide = _this$props.resizeHide;
       this.bindListener(); // Bind listener for tooltip
+
       this.bindWindowEvents(resizeHide); // Bind global event for static method
 
-      if (!disableInternalStyle) {
-        this.injectStyles(); // Inject styles for each DOM root having tooltip.
-      }
+      this.injectStyles(); // Inject styles for each DOM root having tooltip.
     }
   }, {
     key: "componentWillUnmount",
@@ -2499,7 +1927,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       this.removeScrollListener(this.state.currentTarget);
       this.unbindWindowEvents();
     }
-
     /* Look for the closest DOM root having tooltip and inject styles. */
   }, {
     key: "injectStyles",
@@ -2523,9 +1950,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         default:
           domRoot = parentNode;
           break;
-      }
+      } // Prevent styles duplication.
 
-      // Prevent styles duplication.
       if (!domRoot.querySelector('style[data-react-tooltip]')) {
         var style = document.createElement('style');
         style.textContent = baseCss;
@@ -2533,7 +1959,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         domRoot.appendChild(style);
       }
     }
-
     /**
      * Return if the mouse is on the tooltip.
      * @returns {boolean} true - mouse is on the tooltip
@@ -2557,7 +1982,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       }
       return false;
     }
-
     /**
      * Pick out corresponded target elements
      */
@@ -2571,9 +1995,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       } else {
         var escaped = id.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
         selector = "[data-tip][data-for=\"".concat(escaped, "\"]");
-      }
+      } // Scan document for shadow DOM elements
 
-      // Scan document for shadow DOM elements
       nodeListToArray(document.getElementsByTagName('*')).filter(function (element) {
         return element.shadowRoot;
       }).forEach(function (element) {
@@ -2581,7 +2004,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       });
       return targetArray.concat(nodeListToArray(document.querySelectorAll(selector)));
     }
-
     /**
      * Bind listener to the target elements
      * These listeners used to trigger showing or hiding the tooltip
@@ -2622,18 +2044,15 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           target.addEventListener('mouseleave', _this3.hideTooltip, isCaptureMode);
           target.addEventListener('blur', _this3.hideTooltip, isCaptureMode);
         });
-      }
+      } // Global event to hide tooltip
 
-      // Global event to hide tooltip
       if (globalEventOff) {
         window.removeEventListener(globalEventOff, this.hideTooltip);
         window.addEventListener(globalEventOff, this.hideTooltip, isCapture);
-      }
+      } // Track removal of targetArray elements from DOM
 
-      // Track removal of targetArray elements from DOM
       this.bindRemovalTracker();
     }
-
     /**
      * Unbind listeners on target elements
      */
@@ -2656,7 +2075,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       if (globalEventOff) window.removeEventListener(globalEventOff, this.hideTooltip);
       this.unbindRemovalTracker();
     }
-
     /**
      * Invoke this before bind listener and unmount the component
      * it is necessary to invoke this even when binding custom event
@@ -2675,9 +2093,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     value: function getTooltipContent() {
       var _this$props4 = this.props,
         getContent = _this$props4.getContent,
-        children = _this$props4.children;
+        children = _this$props4.children; // Generate tooltip content
 
-      // Generate tooltip content
       var content;
       if (getContent) {
         if (Array.isArray(getContent)) {
@@ -2686,14 +2103,13 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           content = getContent(this.state.originTooltip);
         }
       }
-      return TipContent(this.state.originTooltip, children, content, this.state.isMultiline);
+      return getTipContent(this.state.originTooltip, children, content, this.state.isMultiline);
     }
   }, {
     key: "isEmptyTip",
     value: function isEmptyTip(placeholder) {
       return typeof placeholder === 'string' && placeholder === '' || placeholder === null;
     }
-
     /**
      * When mouse enter, show the tooltip
      */
@@ -2710,42 +2126,37 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           return ele === e.currentTarget;
         });
         if (!isMyElement) return;
-      }
-      // Get the tooltip content
+      } // Get the tooltip content
       // calculate in this phrase so that tip width height can be detected
+
       var _this$props5 = this.props,
         multiline = _this$props5.multiline,
         getContent = _this$props5.getContent;
       var originTooltip = e.currentTarget.getAttribute('data-tip');
-      var isMultiline = e.currentTarget.getAttribute('data-multiline') || multiline || false;
+      var isMultiline = e.currentTarget.getAttribute('data-multiline') || multiline || false; // If it is focus event or called by ReactTooltip.show, switch to `solid` effect
 
-      // If it is focus event or called by ReactTooltip.show, switch to `solid` effect
-      var switchToSolid = e instanceof window.FocusEvent || isGlobalCall;
+      var switchToSolid = e instanceof window.FocusEvent || isGlobalCall; // if it needs to skip adding hide listener to scroll
 
-      // if it needs to skip adding hide listener to scroll
       var scrollHide = true;
       if (e.currentTarget.getAttribute('data-scroll-hide')) {
         scrollHide = e.currentTarget.getAttribute('data-scroll-hide') === 'true';
       } else if (this.props.scrollHide != null) {
         scrollHide = this.props.scrollHide;
-      }
+      } // adding aria-describedby to target to make tooltips read by screen readers
 
-      // adding aria-describedby to target to make tooltips read by screen readers
       if (e && e.currentTarget && e.currentTarget.setAttribute) {
-        e.currentTarget.setAttribute('aria-describedby', this.props.id || this.state.uuid);
-      }
+        e.currentTarget.setAttribute('aria-describedby', this.state.uuid);
+      } // Make sure the correct place is set
 
-      // Make sure the correct place is set
       var desiredPlace = e.currentTarget.getAttribute('data-place') || this.props.place || 'top';
       var effect = switchToSolid && 'solid' || this.getEffect(e.currentTarget);
       var offset = e.currentTarget.getAttribute('data-offset') || this.props.offset || {};
-      var result = getPosition(e, e.currentTarget, this.tooltipRef, desiredPlace.split(',')[0], desiredPlace, effect, offset);
+      var result = getPosition(e, e.currentTarget, this.tooltipRef, desiredPlace, desiredPlace, effect, offset);
       if (result.position && this.props.overridePosition) {
         result.position = this.props.overridePosition(result.position, e, e.currentTarget, this.tooltipRef, desiredPlace, desiredPlace, effect, offset);
       }
-      var place = result.isNewState ? result.newState.place : desiredPlace.split(',')[0];
+      var place = result.isNewState ? result.newState.place : desiredPlace; // To prevent previously created timers from triggering
 
-      // To prevent previously created timers from triggering
       this.clearTimer();
       var target = e.currentTarget;
       var reshowDelay = this.state.show ? target.getAttribute('data-delay-update') || this.props.delayUpdate : 0;
@@ -2763,19 +2174,13 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             border: target.getAttribute('data-border-color') || self.props.borderColor || null,
             arrow: target.getAttribute('data-arrow-color') || self.props.arrowColor || null
           },
-          customRadius: {
-            tooltip: target.getAttribute('data-tooltip-radius') || self.props.tooltipRadius || '3',
-            arrow: target.getAttribute('data-arrow-radius') || self.props.arrowRadius || '0'
-          },
           effect: effect,
           offset: offset,
-          padding: target.getAttribute('data-padding') || self.props.padding,
           html: (target.getAttribute('data-html') ? target.getAttribute('data-html') === 'true' : self.props.html) || false,
           delayShow: target.getAttribute('data-delay-show') || self.props.delayShow || 0,
           delayHide: target.getAttribute('data-delay-hide') || self.props.delayHide || 0,
           delayUpdate: target.getAttribute('data-delay-update') || self.props.delayUpdate || 0,
           border: (target.getAttribute('data-border') ? target.getAttribute('data-border') === 'true' : self.props.border) || false,
-          borderClass: target.getAttribute('data-border-class') || self.props.borderClass || 'border',
           extraClass: target.getAttribute('data-class') || self.props["class"] || self.props.className || '',
           disable: (target.getAttribute('data-tip-disable') ? target.getAttribute('data-tip-disable') === 'true' : self.props.disable) || false,
           currentTarget: target
@@ -2788,7 +2193,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             self.intervalUpdateContent = setInterval(function () {
               if (self.mount) {
                 var _getContent = self.props.getContent;
-                var placeholder = TipContent(originTooltip, '', _getContent[0](), isMultiline);
+                var placeholder = getTipContent(originTooltip, '', _getContent[0](), isMultiline);
                 var isEmptyTip = self.isEmptyTip(placeholder);
                 self.setState({
                   isEmptyTip: isEmptyTip
@@ -2798,16 +2203,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             }, getContent[1]);
           }
         });
-      };
+      }; // If there is no delay call immediately, don't allow events to get in first.
 
-      // If there is no delay call immediately, don't allow events to get in first.
       if (reshowDelay) {
         this.delayReshow = setTimeout(updateState, reshowDelay);
       } else {
         updateState();
       }
     }
-
     /**
      * When mouse hover, update tool tip
      */
@@ -2818,19 +2221,15 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       var _this$state = this.state,
         delayShow = _this$state.delayShow,
         disable = _this$state.disable;
-      var _this$props6 = this.props,
-        afterShow = _this$props6.afterShow,
-        disableProp = _this$props6.disable;
+      var afterShow = this.props.afterShow;
       var placeholder = this.getTooltipContent();
-      var eventTarget = e.currentTarget || e.target;
+      var eventTarget = e.currentTarget || e.target; // Check if the mouse is actually over the tooltip, if so don't hide the tooltip
 
-      // Check if the mouse is actually over the tooltip, if so don't hide the tooltip
       if (this.mouseOnToolTip()) {
         return;
-      }
+      } // if the tooltip is empty, disable the tooltip
 
-      // if the tooltip is empty, disable the tooltip
-      if (this.isEmptyTip(placeholder) || disable || disableProp) {
+      if (this.isEmptyTip(placeholder) || disable) {
         return;
       }
       var delayTime = !this.state.show ? parseInt(delayShow, 10) : 0;
@@ -2842,25 +2241,20 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             currentTarget: eventTarget,
             show: true
           }, function () {
-            _this5.updatePosition(function () {
-              if (isInvisible && afterShow) {
-                afterShow(e);
-              }
-            });
+            _this5.updatePosition();
+            if (isInvisible && afterShow) {
+              afterShow(e);
+            }
           });
         }
       };
-      if (this.delayShowLoop) {
-        clearTimeout(this.delayShowLoop);
-      }
+      clearTimeout(this.delayShowLoop);
       if (delayTime) {
         this.delayShowLoop = setTimeout(updateState, delayTime);
       } else {
-        this.delayShowLoop = null;
         updateState();
       }
     }
-
     /*
      * If we're mousing over the tooltip remove it when we leave.
      */
@@ -2880,7 +2274,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         this.tooltipRef.removeEventListener('mouseleave', this.hideTooltip);
       }
     }
-
     /**
      * When mouse leave, hide tooltip
      */
@@ -2894,12 +2287,11 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       var disable = this.state.disable;
       var isScroll = options.isScroll;
       var delayHide = isScroll ? 0 : this.state.delayHide;
-      var _this$props7 = this.props,
-        afterHide = _this$props7.afterHide,
-        disableProp = _this$props7.disable;
+      var afterHide = this.props.afterHide;
       var placeholder = this.getTooltipContent();
       if (!this.mount) return;
-      if (this.isEmptyTip(placeholder) || disable || disableProp) return; // if the tooltip is empty, disable the tooltip
+      if (this.isEmptyTip(placeholder) || disable) return; // if the tooltip is empty, disable the tooltip
+
       if (hasTarget) {
         // Don't trigger other elements belongs to other ReactTooltip
         var targetArray = this.getTargetArray(this.props.id);
@@ -2907,15 +2299,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           return ele === e.currentTarget;
         });
         if (!isMyElement || !this.state.show) return;
-      }
+      } // clean up aria-describedby when hiding tooltip
 
-      // clean up aria-describedby when hiding tooltip
       if (e && e.currentTarget && e.currentTarget.removeAttribute) {
         e.currentTarget.removeAttribute('aria-describedby');
       }
       var resetState = function resetState() {
-        var isVisible = _this6.state.show;
-        // Check if the mouse is actually over the tooltip, if so don't hide the tooltip
+        var isVisible = _this6.state.show; // Check if the mouse is actually over the tooltip, if so don't hide the tooltip
+
         if (_this6.mouseOnToolTip()) {
           _this6.listenForTooltipExit();
           return;
@@ -2937,7 +2328,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         resetState();
       }
     }
-
     /**
      * When scroll, hide tooltip
      */
@@ -2948,7 +2338,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         isScroll: true
       });
     }
-
     /**
      * Add scroll event listener when tooltip show
      * automatically hide the tooltip when scrolling
@@ -2964,12 +2353,10 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     value: function removeScrollListener(currentTarget) {
       var isCaptureMode = this.isCapture(currentTarget);
       window.removeEventListener('scroll', this.hideTooltipOnScroll, isCaptureMode);
-    }
-
-    // Calculation the position
+    } // Calculation the position
   }, {
     key: "updatePosition",
-    value: function updatePosition(callbackAfter) {
+    value: function updatePosition() {
       var _this7 = this;
       var _this$state2 = this.state,
         currentEvent = _this$state2.currentEvent,
@@ -2986,40 +2373,23 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       if (result.isNewState) {
         // Switch to reverse placement
         return this.setState(result.newState, function () {
-          _this7.updatePosition(callbackAfter);
+          _this7.updatePosition();
         });
-      }
-      if (callbackAfter && typeof callbackAfter === 'function') {
-        callbackAfter();
-      }
+      } // Set tooltip position
 
-      // Set tooltip position
       node.style.left = result.position.left + 'px';
       node.style.top = result.position.top + 'px';
     }
-
     /**
      * CLear all kinds of timeout of interval
      */
   }, {
     key: "clearTimer",
     value: function clearTimer() {
-      if (this.delayShowLoop) {
-        clearTimeout(this.delayShowLoop);
-        this.delayShowLoop = null;
-      }
-      if (this.delayHideLoop) {
-        clearTimeout(this.delayHideLoop);
-        this.delayHideLoop = null;
-      }
-      if (this.delayReshow) {
-        clearTimeout(this.delayReshow);
-        this.delayReshow = null;
-      }
-      if (this.intervalUpdateContent) {
-        clearInterval(this.intervalUpdateContent);
-        this.intervalUpdateContent = null;
-      }
+      clearTimeout(this.delayShowLoop);
+      clearTimeout(this.delayHideLoop);
+      clearTimeout(this.delayReshow);
+      clearInterval(this.intervalUpdateContent);
     }
   }, {
     key: "hasCustomColors",
@@ -3041,8 +2411,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         uuid = _this$state3.uuid;
       var content = this.getTooltipContent();
       var isEmptyTip = this.isEmptyTip(content);
-      var style = this.props.disableInternalStyle ? '' : generateTooltipStyle(this.state.uuid, this.state.customColors, this.state.type, this.state.border, this.state.padding, this.state.customRadius);
-      var tooltipClass = '__react_component_tooltip' + " ".concat(this.state.uuid) + (this.state.show && !disable && !isEmptyTip ? ' show' : '') + (this.state.border ? ' ' + this.state.borderClass : '') + " place-".concat(this.state.place) +
+      var style = generateTooltipStyle(this.state.uuid, this.state.customColors, this.state.type, this.state.border);
+      var tooltipClass = '__react_component_tooltip' + " ".concat(this.state.uuid) + (this.state.show && !disable && !isEmptyTip ? ' show' : '') + (this.state.border ? ' border' : '') + " place-".concat(this.state.place) +
       // top, bottom, left, right
       " type-".concat(this.hasCustomColors() ? 'custom' : this.state.type) + (
       // dark, success, warning, error, info, light, custom
@@ -3053,7 +2423,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       }
       var wrapperClassName = [tooltipClass, extraClass].filter(Boolean).join(' ');
       if (html) {
-        var htmlContent = "".concat(content).concat(style ? "\n<style aria-hidden=\"true\">".concat(style, "</style>") : '');
+        var htmlContent = "".concat(content, "\n<style aria-hidden=\"true\">").concat(style, "</style>");
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Wrapper, _extends({
           className: "".concat(wrapperClassName),
           id: this.props.id || uuid,
@@ -3075,7 +2445,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             return _this9.tooltipRef = _ref2;
           },
           "data-id": "tooltip"
-        }), style && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("style", {
+        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("style", {
           dangerouslySetInnerHTML: {
             __html: style
           },
@@ -3084,53 +2454,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       }
     }
   }], [{
-    key: "propTypes",
-    get: function get() {
-      return {
-        uuid: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,
-        place: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        effect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        offset: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,
-        padding: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        multiline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        border: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        borderClass: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        textColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        backgroundColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        borderColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        arrowColor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        arrowRadius: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        tooltipRadius: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        insecure: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        "class": prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        html: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        delayHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
-        delayUpdate: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
-        delayShow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
-        event: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        eventOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        isCapture: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        globalEventOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        getContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,
-        afterShow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-        afterHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-        overridePosition: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-        disable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        scrollHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        resizeHide: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        wrapper: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        bodyMode: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        possibleCustomEvents: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        possibleCustomEventsOff: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-        clickable: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-        disableInternalStyle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
-      };
-    }
-  }, {
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       var ariaProps = prevState.ariaProps;
@@ -3141,7 +2464,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       if (!isChanged) {
         return null;
       }
-      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+      return _objectSpread2({}, prevState, {
         ariaProps: newAriaProps
       });
     }
@@ -3152,8 +2475,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
   resizeHide: true,
   wrapper: 'div',
   clickable: false
-}), _defineProperty(_class2, "supportedWrappers", ['div', 'span']), _defineProperty(_class2, "displayName", 'ReactTooltip'), _class2)) || _class) || _class) || _class) || _class) || _class) || _class) || _class;
-
+}), _defineProperty(_class2, "supportedWrappers", ['div', 'span']), _defineProperty(_class2, "displayName", 'ReactTooltip'), _temp)) || _class) || _class) || _class) || _class) || _class) || _class) || _class;
+/* harmony default export */ __webpack_exports__["a"] = (ReactTooltip);
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19)))
 
 /***/ }),
@@ -3179,7 +2502,7 @@ if (true) {
 /* 7 */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.30\",\"description\":\"开黑啦 UI Components\",\"main\":\"dist/ui-components.js\",\"scripts\":{\"build\":\"webpack\",\"demo\":\"webpack-dev-server --config webpack.config.demo.js\"},\"keywords\":[\"UI\",\"Components\"],\"author\":\"yangchuan\",\"license\":\"ISC\",\"files\":[\"dist\"],\"devDependencies\":{\"@babel/core\":\"^7.15.5\",\"@babel/preset-env\":\"^7.15.6\",\"@babel/preset-react\":\"^7.14.5\",\"@webpack-cli/serve\":\"^1.6.0\",\"babel-loader\":\"^8.2.2\",\"classnames\":\"^2.3.1\",\"css-loader\":\"^2.1.1\",\"html-webpack-plugin\":\"^4.5.2\",\"less\":\"^4.1.2\",\"less-loader\":\"^5.0.0\",\"mini-css-extract-plugin\":\"^0.8.0\",\"prop-types\":\"^15.7.2\",\"react\":\"^18\",\"react-dom\":\"^18\",\"react-tooltip\":\"^4.2.21\",\"style-loader\":\"^1.0.0\",\"url-loader\":\"^2.1.0\",\"webpack\":\"^4.40.2\",\"webpack-cli\":\"^3.3.1\",\"webpack-dev-server\":\"^3.2.1\"},\"peerDependencies\":{\"react\":\"^18\",\"react-dom\":\"^18\"},\"browserslist\":{\"production\":[\">0.2%\",\"not dead\",\"not op_mini all\"],\"development\":[\"last 1 chrome version\",\"last 1 firefox version\",\"last 1 safari version\"]}}");
+module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.31\",\"description\":\"开黑啦 UI Components\",\"main\":\"dist/ui-components.js\",\"scripts\":{\"build\":\"webpack\",\"demo\":\"webpack-dev-server --config webpack.config.demo.js\"},\"keywords\":[\"UI\",\"Components\"],\"author\":\"yangchuan\",\"license\":\"ISC\",\"files\":[\"dist\"],\"devDependencies\":{\"@babel/core\":\"^7.15.5\",\"@babel/preset-env\":\"^7.15.6\",\"@babel/preset-react\":\"^7.14.5\",\"@webpack-cli/serve\":\"^1.6.0\",\"babel-loader\":\"^8.2.2\",\"classnames\":\"^2.3.1\",\"css-loader\":\"^2.1.1\",\"html-webpack-plugin\":\"^4.5.2\",\"less\":\"^4.1.2\",\"less-loader\":\"^5.0.0\",\"mini-css-extract-plugin\":\"^0.8.0\",\"prop-types\":\"^15.7.2\",\"react\":\"^18\",\"react-dom\":\"^18\",\"react-tooltip\":\"4.2.21\",\"style-loader\":\"^1.0.0\",\"url-loader\":\"^2.1.0\",\"webpack\":\"^4.40.2\",\"webpack-cli\":\"^3.3.1\",\"webpack-dev-server\":\"^3.2.1\"},\"peerDependencies\":{\"react\":\"^18\",\"react-dom\":\"^18\"},\"browserslist\":{\"production\":[\">0.2%\",\"not dead\",\"not op_mini all\"],\"development\":[\"last 1 chrome version\",\"last 1 firefox version\",\"last 1 safari version\"]}}");
 
 /***/ }),
 /* 8 */