react-tooltip 4.3.0 → 4.4.0

package/dist/index.es.js

@@ -4,17 +4,14 @@ import { v4 } from 'uuid';
 
 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] : {};
@@ -24,16 +21,13 @@ function _objectSpread2(target) {
       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");
   }
 }
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -43,7 +37,6 @@ function _defineProperties(target, props) {
     Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -52,7 +45,6 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -64,32 +56,26 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
-
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
   }
-
   subClass.prototype = Object.create(superClass && superClass.prototype, {
     constructor: {
       value: subClass,
@@ -102,14 +88,12 @@ function _inherits(subClass, superClass) {
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
-
 function _getPrototypeOf(o) {
   _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : 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) {
     o.__proto__ = p;
@@ -117,12 +101,10 @@ function _setPrototypeOf(o, p) {
   };
   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;
@@ -130,44 +112,34 @@ function _isNativeReflectConstruct() {
     return false;
   }
 }
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return 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;
-
+      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);
@@ -176,25 +148,18 @@ function _unsupportedIterableToArray(o, minLen) {
   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 () {
@@ -212,13 +177,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
         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 normalCompletion = true,
-      didErr = false,
-      err;
+    didErr = false,
+    err;
   return {
     s: function () {
       it = it.call(o);
@@ -250,7 +213,7 @@ var check = function (it) {
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
 var global$a =
-  // eslint-disable-next-line es-x/no-global-this -- safe
+  // 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
@@ -273,14 +236,14 @@ var fails$8 = fails$9;
 
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$8(function () {
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // 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-x/no-function-prototype-bind -- safe
+  // 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');
@@ -297,7 +260,7 @@ var functionCall = NATIVE_BIND$2 ? call$4.bind(call$4) : function () {
 var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
@@ -322,33 +285,40 @@ var createPropertyDescriptor$2 = function (bitmap, value) {
 var NATIVE_BIND$1 = functionBindNative;
 
 var FunctionPrototype$1 = Function.prototype;
-var bind$2 = FunctionPrototype$1.bind;
 var call$3 = FunctionPrototype$1.call;
-var uncurryThis$c = NATIVE_BIND$1 && bind$2.bind(call$3, call$3);
+var uncurryThisWithBind = NATIVE_BIND$1 && FunctionPrototype$1.bind.bind(call$3, call$3);
 
-var functionUncurryThis = NATIVE_BIND$1 ? function (fn) {
-  return fn && uncurryThis$c(fn);
-} : function (fn) {
-  return fn && function () {
+var functionUncurryThisRaw = function (fn) {
+  return NATIVE_BIND$1 ? uncurryThisWithBind(fn) : function () {
     return call$3.apply(fn, arguments);
   };
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThisRaw$1 = functionUncurryThisRaw;
 
-var toString$1 = uncurryThis$b({}.toString);
-var stringSlice = uncurryThis$b(''.slice);
+var toString$1 = uncurryThisRaw$1({}.toString);
+var stringSlice = uncurryThisRaw$1(''.slice);
 
-var classofRaw$1 = function (it) {
+var classofRaw$2 = function (it) {
   return stringSlice(toString$1(it), 8, -1);
 };
 
-var uncurryThis$a = functionUncurryThis;
+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$1;
+var classof$3 = classofRaw$2;
 
 var $Object$3 = Object;
-var split = uncurryThis$a(''.split);
+var split = uncurryThis$9(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$6(function () {
@@ -359,12 +329,20 @@ var indexedObject = fails$6(function () {
   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 (it == undefined) throw $TypeError$5("Can't call method on " + it);
+  if (isNullOrUndefined$1(it)) throw $TypeError$5("Can't call method on " + it);
   return it;
 };
 
@@ -376,15 +354,36 @@ var toIndexedObject$4 = function (it) {
   return IndexedObject$1(requireObjectCoercible$1(it));
 };
 
+var documentAll$2 = typeof document == 'object' && document.all;
+
+// 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 = function (argument) {
+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 = function (it) {
+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);
 };
 
@@ -399,9 +398,9 @@ var getBuiltIn$5 = function (namespace, method) {
   return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$9({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
 
 var getBuiltIn$4 = getBuiltIn$5;
 
@@ -435,13 +434,13 @@ if (!version && userAgent) {
 
 var engineV8Version = version;
 
-/* eslint-disable es-x/no-symbol -- required for testing */
+/* eslint-disable es/no-symbol -- required for testing */
 
 var V8_VERSION = engineV8Version;
 var fails$5 = fails$9;
 
-// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
-var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$5(function () {
+// 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
@@ -450,9 +449,9 @@ var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$5(function () {
     !Symbol.sham && V8_VERSION && V8_VERSION < 41;
 });
 
-/* eslint-disable es-x/no-symbol -- required for testing */
+/* eslint-disable es/no-symbol -- required for testing */
 
-var NATIVE_SYMBOL$1 = nativeSymbol;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
@@ -494,12 +493,13 @@ var aCallable$2 = function (argument) {
 };
 
 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 func == null ? undefined : aCallable$1(func);
+  return isNullOrUndefined(func) ? undefined : aCallable$1(func);
 };
 
 var call$2 = functionCall;
@@ -522,7 +522,7 @@ var shared$3 = {exports: {}};
 
 var global$7 = global$a;
 
-// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+// eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$2 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
@@ -546,10 +546,10 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.24.1',
+  version: '3.25.5',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.24.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.25.5/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -563,23 +563,23 @@ var toObject$2 = function (argument) {
   return $Object$1(requireObjectCoercible(argument));
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var toObject$1 = toObject$2;
 
-var hasOwnProperty = uncurryThis$8({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$7({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
-// eslint-disable-next-line es-x/no-object-hasown -- safe
+// 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$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString = uncurryThis$7(1.0.toString);
+var toString = uncurryThis$6(1.0.toString);
 
 var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
@@ -589,7 +589,7 @@ var global$5 = global$a;
 var shared$2 = shared$3.exports;
 var hasOwn$6 = hasOwnProperty_1;
 var uid$1 = uid$2;
-var NATIVE_SYMBOL = nativeSymbol;
+var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$2('wks');
@@ -663,7 +663,7 @@ var createElement = documentCreateElement$1;
 
 // Thanks to IE8 for its funny defineProperty
 var ie8DomDefine = !DESCRIPTORS$7 && !fails$4(function () {
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
@@ -678,7 +678,7 @@ var toPropertyKey$1 = toPropertyKey$2;
 var hasOwn$5 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
@@ -700,7 +700,7 @@ var fails$3 = fails$9;
 // 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-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
@@ -725,9 +725,9 @@ var anObject$3 = anObject$4;
 var toPropertyKey = toPropertyKey$2;
 
 var $TypeError = TypeError;
-// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+// eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 var ENUMERABLE = 'enumerable';
 var CONFIGURABLE$1 = 'configurable';
@@ -779,7 +779,7 @@ var DESCRIPTORS$2 = descriptors;
 var hasOwn$4 = hasOwnProperty_1;
 
 var FunctionPrototype = Function.prototype;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getDescriptor = DESCRIPTORS$2 && Object.getOwnPropertyDescriptor;
 
 var EXISTS = hasOwn$4(FunctionPrototype, 'name');
@@ -793,11 +793,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 var isCallable$6 = isCallable$c;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$6(Function.toString);
+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)) {
@@ -806,15 +806,14 @@ if (!isCallable$6(store$1.inspectSource)) {
   };
 }
 
-var inspectSource$3 = store$1.inspectSource;
+var inspectSource$2 = store$1.inspectSource;
 
 var global$3 = global$a;
 var isCallable$5 = isCallable$c;
-var inspectSource$2 = inspectSource$3;
 
 var WeakMap$1 = global$3.WeakMap;
 
-var nativeWeakMap = isCallable$5(WeakMap$1) && /native code/.test(inspectSource$2(WeakMap$1));
+var weakMapBasicDetection = isCallable$5(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -827,9 +826,8 @@ var sharedKey$2 = function (key) {
 
 var hiddenKeys$4 = {};
 
-var NATIVE_WEAK_MAP = nativeWeakMap;
+var NATIVE_WEAK_MAP = weakMapBasicDetection;
 var global$2 = global$a;
-var uncurryThis$5 = functionUncurryThis;
 var isObject$1 = isObject$6;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
 var hasOwn$3 = hasOwnProperty_1;
@@ -857,26 +855,28 @@ var getterFor = function (TYPE) {
 
 if (NATIVE_WEAK_MAP || shared.state) {
   var store = shared.state || (shared.state = new WeakMap());
-  var wmget = uncurryThis$5(store.get);
-  var wmhas = uncurryThis$5(store.has);
-  var wmset = uncurryThis$5(store.set);
+  /* 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 (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (store.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    wmset(store, it, metadata);
+    store.set(it, metadata);
     return metadata;
   };
   get = function (it) {
-    return wmget(store, it) || {};
+    return store.get(it) || {};
   };
   has = function (it) {
-    return wmhas(store, 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 new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$1(it, STATE, metadata);
     return metadata;
@@ -902,12 +902,12 @@ var isCallable$4 = isCallable$c;
 var hasOwn$2 = hasOwnProperty_1;
 var DESCRIPTORS$1 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
-var inspectSource$1 = inspectSource$3;
+var inspectSource$1 = inspectSource$2;
 var InternalStateModule = internalState;
 
 var enforceInternalState = InternalStateModule.enforce;
 var getInternalState = InternalStateModule.get;
-// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+// eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$1 = Object.defineProperty;
 
 var CONFIGURABLE_LENGTH = DESCRIPTORS$1 && !fails$2(function () {
@@ -982,7 +982,7 @@ var floor = Math.floor;
 
 // `Math.trunc` method
 // https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es-x/no-math-trunc -- safe
+// 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);
@@ -1101,14 +1101,14 @@ var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
 
 // `Object.getOwnPropertyNames` method
 // https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
+// eslint-disable-next-line es/no-object-getownpropertynames -- safe
 objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
   return internalObjectKeys$1(O, hiddenKeys$1);
 };
 
 var objectGetOwnPropertySymbols = {};
 
-// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$2 = getBuiltIn$5;
@@ -1235,11 +1235,11 @@ var functionBindContext = function (fn, that) {
   };
 };
 
-var classof$2 = classofRaw$1;
+var classof$2 = classofRaw$2;
 
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es-x/no-array-isarray -- safe
+// eslint-disable-next-line es/no-array-isarray -- safe
 var isArray$1 = Array.isArray || function isArray(argument) {
   return classof$2(argument) == 'Array';
 };
@@ -1255,7 +1255,7 @@ var toStringTagSupport = String(test) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$1 = isCallable$c;
-var classofRaw = classofRaw$1;
+var classofRaw = classofRaw$2;
 var wellKnownSymbol$2 = wellKnownSymbol$5;
 
 var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
@@ -1288,7 +1288,7 @@ var fails = fails$9;
 var isCallable = isCallable$c;
 var classof = classof$1;
 var getBuiltIn$1 = getBuiltIn$5;
-var inspectSource = inspectSource$3;
+var inspectSource = inspectSource$2;
 
 var noop = function () { /* empty */ };
 var empty = [];
@@ -1448,7 +1448,7 @@ var enumBugKeys$1 = enumBugKeys$3;
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es-x/no-object-keys -- safe
+// eslint-disable-next-line es/no-object-keys -- safe
 var objectKeys$1 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
@@ -1462,7 +1462,7 @@ var objectKeys = objectKeys$1;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es-x/no-object-defineproperties -- safe
+// 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);
@@ -1550,7 +1550,7 @@ hiddenKeys[IE_PROTO] = true;
 
 // `Object.create` method
 // https://tc39.es/ecma262/#sec-object.create
-// eslint-disable-next-line es-x/no-object-create -- safe
+// eslint-disable-next-line es/no-object-create -- safe
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
@@ -1616,13 +1616,11 @@ var CONSTANT = {
 /**
  * Static methods for react-tooltip
  */
-
 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
@@ -1631,10 +1629,8 @@ var dispatchGlobalEvent = function dispatchGlobalEvent(eventName, opts) {
     event = document.createEvent('Event');
     event.initEvent(eventName, false, true, opts);
   }
-
   window.dispatchEvent(event);
 };
-
 function staticMethods (target) {
   /**
    * Hide all tooltip
@@ -1645,45 +1641,40 @@ function staticMethods (target) {
       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`
+      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;
@@ -1701,31 +1692,32 @@ 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
+    window.addEventListener(CONSTANT.GLOBAL.HIDE, this.globalHide, false);
 
+    // ReactTooltip.rebuild
     window.removeEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild);
-    window.addEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild, false); // ReactTooltip.show
+    window.addEventListener(CONSTANT.GLOBAL.REBUILD, this.globalRebuild, false);
 
+    // ReactTooltip.show
     window.removeEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow);
-    window.addEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow, false); // Resize
+    window.addEventListener(CONSTANT.GLOBAL.SHOW, this.globalShow, false);
 
+    // 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);
   };
+
   /**
    * invoked by resize event of window
    */
-
-
   target.prototype.onWindowResize = function () {
     if (!this.mount) return;
     this.hideTooltip();
@@ -1739,13 +1731,13 @@ function windowListener (target) {
  * - `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 {
@@ -1754,7 +1746,6 @@ var checkStatus = function checkStatus(dataEventOff, e) {
     this.showTooltip(e);
   }
 };
-
 var setUntargetItems = function setUntargetItems(currentTarget, targetArray) {
   for (var i = 0; i < targetArray.length; i++) {
     if (currentTarget !== targetArray[i]) {
@@ -1764,7 +1755,6 @@ var setUntargetItems = function setUntargetItems(currentTarget, targetArray) {
     }
   }
 };
-
 var customListeners = {
   id: '9b69f92e-d3fe-498b-b1b4-c5e63a51b0cf',
   set: function set(target, event, listener) {
@@ -1781,7 +1771,6 @@ var customListeners = {
   },
   get: function get(target, event) {
     var map = target[this.id];
-
     if (map !== undefined) {
       return map[event];
     }
@@ -1792,15 +1781,13 @@ function customEvent (target) {
     var event = this.state.event;
     return event || !!ele.getAttribute('data-event');
   };
-  /* Bind listener for custom 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;
+      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) {
@@ -1809,7 +1796,6 @@ function customEvent (target) {
       customListeners.set(ele, event, customListener);
       ele.addEventListener(event, customListener, false);
     });
-
     if (dataEventOff) {
       dataEventOff.split(' ').forEach(function (event) {
         ele.removeEventListener(event, _this.hideTooltip);
@@ -1817,13 +1803,12 @@ function customEvent (target) {
       });
     }
   };
-  /* Unbind listener for custom event */
-
 
+  /* Unbind listener for custom event */
   target.prototype.customUnbindListener = function (ele) {
     var _this$state2 = this.state,
-        event = _this$state2.event,
-        eventOff = _this$state2.eventOff;
+      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));
@@ -1834,6 +1819,7 @@ function customEvent (target) {
 /**
  * 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;
@@ -1843,6 +1829,7 @@ function isCapture (target) {
 /**
  * Util method to get effect
  */
+
 function getEffect (target) {
   target.prototype.getEffect = function (currentTarget) {
     var dataEffect = currentTarget.getAttribute('data-effect');
@@ -1853,10 +1840,8 @@ function getEffect (target) {
 /**
  * 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);
@@ -1864,44 +1849,37 @@ var makeProxy = function makeProxy(e) {
       proxy[key] = e[key];
     }
   }
-
   return proxy;
 };
-
 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;
+    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
+  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);
   }
 };
-
 var findCustomEvents = function findCustomEvents(targetArray, dataAttribute) {
   var events = {};
   targetArray.forEach(function (target) {
@@ -1912,24 +1890,20 @@ var findCustomEvents = function findCustomEvents(targetArray, dataAttribute) {
   });
   return events;
 };
-
 var getBody = function getBody() {
   return document.getElementsByTagName('body')[0];
 };
-
 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;
+      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');
@@ -1943,7 +1917,6 @@ function bodyMode (target) {
     });
     this.unbindBodyListener(body);
     var listeners = this.bodyModeListeners = {};
-
     if (event == null) {
       listeners.mouseover = bodyListener.bind(this, this.showTooltip, {});
       listeners.mousemove = bodyListener.bind(this, this.updateTooltip, {
@@ -1951,7 +1924,6 @@ function bodyMode (target) {
       });
       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;
@@ -1960,22 +1932,18 @@ function bodyMode (target) {
         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]);
     }
@@ -1990,27 +1958,23 @@ function bodyMode (target) {
  *
  * 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;
 };
-
 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;
           }
         }
@@ -2022,7 +1986,6 @@ function trackRemoval (target) {
     });
     this.removalTracker = observer;
   };
-
   target.prototype.unbindRemovalTracker = function () {
     if (this.removalTracker) {
       this.removalTracker.disconnect();
@@ -2049,50 +2012,43 @@ function trackRemoval (target) {
  */
 function getPosition (e, target, node, place, desiredPlace, effect, offset) {
   var _getDimensions = getDimensions(node),
-      tipWidth = _getDimensions.width,
-      tipHeight = _getDimensions.height;
-
+    tipWidth = _getDimensions.width,
+    tipHeight = _getDimensions.height;
   var _getDimensions2 = getDimensions(target),
-      targetWidth = _getDimensions2.width,
-      targetHeight = _getDimensions2.height;
-
+    targetWidth = _getDimensions2.width,
+    targetHeight = _getDimensions2.height;
   var _getCurrentOffset = getCurrentOffset(e, target, effect),
-      mouseX = _getCurrentOffset.mouseX,
-      mouseY = _getCurrentOffset.mouseY;
-
+    mouseX = _getCurrentOffset.mouseX,
+    mouseY = _getCurrentOffset.mouseY;
   var defaultOffset = getDefaultPosition(effect, targetWidth, targetHeight, tipWidth, tipHeight);
-
   var _calculateOffset = calculateOffset(offset),
-      extraOffsetX = _calculateOffset.extraOffsetX,
-      extraOffsetY = _calculateOffset.extraOffsetY;
-
+    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
-
+    parentTop = _getParent.parentTop,
+    parentLeft = _getParent.parentLeft;
 
+  // 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;
-  }; //
+  };
+
+  //
   // Functions to test whether the tooltip's sides are inside
   // the client window for a given orientation p
   //
@@ -2106,70 +2062,56 @@ function getPosition (e, target, node, place, desiredPlace, effect, offset) {
   //       |
   //  Bottom side
   //
-
-
   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
-
+  };
 
+  // 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);
   };
-
   var inside = function inside(p) {
     return !outside(p);
   };
-
   var placeIsInside = {
     top: inside('top'),
     bottom: inside('bottom'),
     left: inside('left'),
     right: inside('right')
   };
-
   function choose() {
     var allPlaces = desiredPlace.split(',').concat(place, ['top', 'bottom', 'left', 'right']);
-
     var _iterator = _createForOfIteratorHelper(allPlaces),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var d = _step.value;
         if (placeIsInside[d]) return d;
-      } // if nothing is inside, just use the old place.
-
+      }
+      // 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,
@@ -2178,7 +2120,6 @@ function getPosition (e, target, node, place, desiredPlace, effect, offset) {
       }
     };
   }
-
   return {
     isNewState: false,
     position: {
@@ -2187,43 +2128,38 @@ function getPosition (e, target, node, place, desiredPlace, effect, offset) {
     }
   };
 }
-
 var getDimensions = function getDimensions(node) {
   var _node$getBoundingClie = node.getBoundingClientRect(),
-      height = _node$getBoundingClie.height,
-      width = _node$getBoundingClie.width;
-
+    height = _node$getBoundingClie.height,
+    width = _node$getBoundingClie.width;
   return {
     height: parseInt(height, 10),
     width: parseInt(width, 10)
   };
-}; // Get current mouse offset
-
+};
 
+// 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;
-
+    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
   };
-}; // 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
-
+};
 
+// 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;
@@ -2284,24 +2220,21 @@ var getDefaultPosition = function getDefaultPosition(effect, targetWidth, target
       b: tipHeight / 2
     };
   }
-
   return {
     top: top,
     bottom: bottom,
     left: left,
     right: right
   };
-}; // Consider additional offset into position calculation
-
+};
 
+// 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, '"'));
   }
-
   for (var key in offset) {
     if (key === 'top') {
       extraOffsetY -= parseInt(offset[key], 10);
@@ -2313,25 +2246,22 @@ var calculateOffset = function calculateOffset(offset) {
       extraOffsetX += parseInt(offset[key], 10);
     }
   }
-
   return {
     extraOffsetX: extraOffsetX,
     extraOffsetY: extraOffsetY
   };
-}; // Get the offset of the parent elements
-
+};
 
+// 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
+    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;
   }
-
   var parentTop = currentParent && currentParent.getBoundingClientRect().top || 0;
   var parentLeft = currentParent && currentParent.getBoundingClientRect().left || 0;
   return {
@@ -2356,17 +2286,15 @@ var getParent = function getParent(currentTarget) {
 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
 
   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
-
+  }
 
+  // Multiline tooltip content
   return tip.split(regexp).map(function (d, i) {
     return /*#__PURE__*/React.createElement("span", {
       key: i,
@@ -2397,13 +2325,12 @@ function parseAria(props) {
  * @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];
   });
@@ -2464,14 +2391,13 @@ var DEFAULT_PADDING = '8px 21px';
 /**
  * Generates the specific tooltip style for use on render.
  */
-
 function generateTooltipStyle(uuid, customColors, type, hasBorder, padding) {
   return generateStyle(uuid, getPopupColors(customColors, type, hasBorder), padding);
 }
+
 /**
  * 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 textColor = colors.text;
@@ -2480,22 +2406,18 @@ function generateStyle(uuid, colors) {
   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    padding: ").concat(padding, ";\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;
   }
-
   if (backgroundColor) {
     colors.background = backgroundColor;
   }
-
   if (hasBorder) {
     if (borderColor) {
       colors.border = borderColor;
@@ -2503,27 +2425,21 @@ function getPopupColors(customColors, type, hasBorder) {
       colors.border = type === 'light' ? 'black' : 'white';
     }
   }
-
   if (arrowColor) {
     colors.arrow = arrowColor;
   }
-
   return colors;
 }
 
 var _class, _class2;
-/* Polyfill */
 
+/* Polyfill */
 var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_class = isCapture(_class = getEffect(_class = bodyMode(_class = trackRemoval(_class = (_class2 = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactTooltip, _React$Component);
-
   var _super = _createSuper(ReactTooltip);
-
   function ReactTooltip(props) {
     var _this;
-
     _classCallCheck(this, ReactTooltip);
-
     _this = _super.call(this, props);
     _this.state = {
       uuid: props.uuid || generateUUID(),
@@ -2536,6 +2452,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       // float or fixed
       show: false,
       border: false,
+      borderClass: 'border',
       customColors: {},
       offset: {},
       padding: props.padding,
@@ -2558,9 +2475,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       originTooltip: null,
       isMultiline: false
     };
-
     _this.bind(['showTooltip', 'updateTooltip', 'hideTooltip', 'hideTooltipOnScroll', 'getTooltipContent', 'globalRebuild', 'globalShow', 'globalHide', 'onWindowResize', 'mouseOnToolTip']);
-
     _this.mount = true;
     _this.delayShowLoop = null;
     _this.delayHideLoop = null;
@@ -2568,16 +2483,14 @@ 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) {
       var _this2 = this;
-
       methodArray.forEach(function (method) {
         _this2[method] = _this2[method].bind(_this2);
       });
@@ -2586,13 +2499,11 @@ 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;
+        _this$props.insecure;
+        var resizeHide = _this$props.resizeHide;
       this.mount = true;
       this.bindListener(); // Bind listener for tooltip
-
       this.bindWindowEvents(resizeHide); // Bind global event for static method
-
       this.injectStyles(); // Inject styles for each DOM root having tooltip.
     }
   }, {
@@ -2604,39 +2515,33 @@ 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. */
 
+    /* Look for the closest DOM root having tooltip and inject styles. */
   }, {
     key: "injectStyles",
     value: function injectStyles() {
       var tooltipRef = this.tooltipRef;
-
       if (!tooltipRef) {
         return;
       }
-
       var parentNode = tooltipRef.parentNode;
-
       while (parentNode.parentNode) {
         parentNode = parentNode.parentNode;
       }
-
       var domRoot;
-
       switch (parentNode.constructor.name) {
         case 'Document':
         case 'HTMLDocument':
         case undefined:
           domRoot = parentNode.head;
           break;
-
         case 'ShadowRoot':
         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;
@@ -2644,16 +2549,15 @@ 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
      */
-
   }, {
     key: "mouseOnToolTip",
     value: function mouseOnToolTip() {
       var show = this.state.show;
-
       if (show && this.tooltipRef) {
         /* old IE or Firefox work around */
         if (!this.tooltipRef.matches) {
@@ -2665,30 +2569,27 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             this.tooltipRef.matches = this.tooltipRef.mozMatchesSelector;
           }
         }
-
         return this.tooltipRef.matches(':hover');
       }
-
       return false;
     }
+
     /**
      * Pick out corresponded target elements
      */
-
   }, {
     key: "getTargetArray",
     value: function getTargetArray(id) {
       var targetArray = [];
       var selector;
-
       if (!id) {
         selector = '[data-tip]:not([data-for])';
       } 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) {
@@ -2696,101 +2597,87 @@ 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
      */
-
   }, {
     key: "bindListener",
     value: function bindListener() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          id = _this$props2.id,
-          globalEventOff = _this$props2.globalEventOff,
-          isCapture = _this$props2.isCapture;
+        id = _this$props2.id,
+        globalEventOff = _this$props2.globalEventOff,
+        isCapture = _this$props2.isCapture;
       var targetArray = this.getTargetArray(id);
       targetArray.forEach(function (target) {
         if (target.getAttribute('currentItem') === null) {
           target.setAttribute('currentItem', 'false');
         }
-
         _this3.unbindBasicListener(target);
-
         if (_this3.isCustomEvent(target)) {
           _this3.customUnbindListener(target);
         }
       });
-
       if (this.isBodyMode()) {
         this.bindBodyListener(targetArray);
       } else {
         targetArray.forEach(function (target) {
           var isCaptureMode = _this3.isCapture(target);
-
           var effect = _this3.getEffect(target);
-
           if (_this3.isCustomEvent(target)) {
             _this3.customBindListener(target);
-
             return;
           }
-
           target.addEventListener('mouseenter', _this3.showTooltip, isCaptureMode);
           target.addEventListener('focus', _this3.showTooltip, isCaptureMode);
-
           if (effect === 'float') {
             target.addEventListener('mousemove', _this3.updateTooltip, isCaptureMode);
           }
-
           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
      */
-
   }, {
     key: "unbindListener",
     value: function unbindListener() {
       var _this4 = this;
-
       var _this$props3 = this.props,
-          id = _this$props3.id,
-          globalEventOff = _this$props3.globalEventOff;
-
+        id = _this$props3.id,
+        globalEventOff = _this$props3.globalEventOff;
       if (this.isBodyMode()) {
         this.unbindBodyListener();
       } else {
         var targetArray = this.getTargetArray(id);
         targetArray.forEach(function (target) {
           _this4.unbindBasicListener(target);
-
           if (_this4.isCustomEvent(target)) _this4.customUnbindListener(target);
         });
       }
-
       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
      * so that the tooltip can switch between custom and default listener
      */
-
   }, {
     key: "unbindBasicListener",
     value: function unbindBasicListener(target) {
@@ -2803,11 +2690,11 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     key: "getTooltipContent",
     value: function getTooltipContent() {
       var _this$props4 = this.props,
-          getContent = _this$props4.getContent,
-          children = _this$props4.children; // Generate tooltip content
+        getContent = _this$props4.getContent,
+        children = _this$props4.children;
 
+      // Generate tooltip content
       var content;
-
       if (getContent) {
         if (Array.isArray(getContent)) {
           content = getContent[0] && getContent[0](this.state.originTooltip);
@@ -2815,7 +2702,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           content = getContent(this.state.originTooltip);
         }
       }
-
       return TipContent(this.state.originTooltip, children, content, this.state.isMultiline);
     }
   }, {
@@ -2823,17 +2709,16 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     value: function isEmptyTip(placeholder) {
       return typeof placeholder === 'string' && placeholder === '' || placeholder === null;
     }
+
     /**
      * When mouse enter, show the tooltip
      */
-
   }, {
     key: "showTooltip",
     value: function showTooltip(e, isGlobalCall) {
       if (!this.tooltipRef) {
         return;
       }
-
       if (isGlobalCall) {
         // Don't trigger other elements belongs to other ReactTooltip
         var targetArray = this.getTargetArray(this.props.id);
@@ -2841,48 +2726,46 @@ 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;
+        multiline = _this$props5.multiline,
+        getContent = _this$props5.getContent;
       var originTooltip = e.currentTarget.getAttribute('data-tip');
-      var isMultiline = e.currentTarget.getAttribute('data-multiline') || multiline || false; // If it is focus event or called by ReactTooltip.show, switch to `solid` effect
+      var isMultiline = e.currentTarget.getAttribute('data-multiline') || multiline || false;
 
-      var switchToSolid = e instanceof window.FocusEvent || isGlobalCall; // if it needs to skip adding hide listener to scroll
+      // If it is focus event or called by ReactTooltip.show, switch to `solid` effect
+      var switchToSolid = e instanceof window.FocusEvent || isGlobalCall;
 
+      // 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);
-      } // 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);
-
       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.split(',')[0]; // 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;
       var self = this;
-
       var updateState = function updateState() {
         self.setState({
           originTooltip: originTooltip,
@@ -2904,6 +2787,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           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
@@ -2911,9 +2795,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           if (scrollHide) {
             self.addScrollListener(self.state.currentTarget);
           }
-
           self.updateTooltip(e);
-
           if (getContent && Array.isArray(getContent)) {
             self.intervalUpdateContent = setInterval(function () {
               if (self.mount) {
@@ -2928,48 +2810,45 @@ 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
      */
-
   }, {
     key: "updateTooltip",
     value: function updateTooltip(e) {
       var _this5 = this;
-
       var _this$state = this.state,
-          delayShow = _this$state.delayShow,
-          disable = _this$state.disable;
+        delayShow = _this$state.delayShow,
+        disable = _this$state.disable;
       var _this$props6 = this.props,
-          afterShow = _this$props6.afterShow,
-          disableProp = _this$props6.disable;
+        afterShow = _this$props6.afterShow,
+        disableProp = _this$props6.disable;
       var placeholder = this.getTooltipContent();
-      var eventTarget = e.currentTarget || e.target; // Check if the mouse is actually over the tooltip, if so don't hide the tooltip
+      var eventTarget = e.currentTarget || e.target;
 
+      // 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) {
         return;
       }
-
       var delayTime = !this.state.show ? parseInt(delayShow, 10) : 0;
-
       var updateState = function updateState() {
         if (Array.isArray(placeholder) && placeholder.length > 0 || placeholder) {
           var isInvisible = !_this5.state.show;
-
           _this5.setState({
             currentEvent: e,
             currentTarget: eventTarget,
@@ -2983,11 +2862,9 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
           });
         }
       };
-
       if (this.delayShowLoop) {
         clearTimeout(this.delayShowLoop);
       }
-
       if (delayTime) {
         this.delayShowLoop = setTimeout(updateState, delayTime);
       } else {
@@ -2995,15 +2872,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         updateState();
       }
     }
+
     /*
      * If we're mousing over the tooltip remove it when we leave.
      */
-
   }, {
     key: "listenForTooltipExit",
     value: function listenForTooltipExit() {
       var show = this.state.show;
-
       if (show && this.tooltipRef) {
         this.tooltipRef.addEventListener('mouseleave', this.hideTooltip);
       }
@@ -3012,20 +2888,18 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     key: "removeListenerForTooltipExit",
     value: function removeListenerForTooltipExit() {
       var show = this.state.show;
-
       if (show && this.tooltipRef) {
         this.tooltipRef.removeEventListener('mouseleave', this.hideTooltip);
       }
     }
+
     /**
      * When mouse leave, hide tooltip
      */
-
   }, {
     key: "hideTooltip",
     value: function hideTooltip(e, hasTarget) {
       var _this6 = this;
-
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
         isScroll: false
       };
@@ -3033,12 +2907,11 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       var isScroll = options.isScroll;
       var delayHide = isScroll ? 0 : this.state.delayHide;
       var _this$props7 = this.props,
-          afterHide = _this$props7.afterHide,
-          disableProp = _this$props7.disable;
+        afterHide = _this$props7.afterHide,
+        disableProp = _this$props7.disable;
       var placeholder = this.getTooltipContent();
       if (!this.mount) return;
       if (this.isEmptyTip(placeholder) || disable || disableProp) 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);
@@ -3046,47 +2919,40 @@ 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;
         }
-
         _this6.removeListenerForTooltipExit();
-
         _this6.setState({
           show: false
         }, function () {
           _this6.removeScrollListener(_this6.state.currentTarget);
-
           if (isVisible && afterHide) {
             afterHide(e);
           }
         });
       };
-
       this.clearTimer();
-
       if (delayHide) {
         this.delayHideLoop = setTimeout(resetState, parseInt(delayHide, 10));
       } else {
         resetState();
       }
     }
+
     /**
      * When scroll, hide tooltip
      */
-
   }, {
     key: "hideTooltipOnScroll",
     value: function hideTooltipOnScroll(event, hasTarget) {
@@ -3094,11 +2960,11 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         isScroll: true
       });
     }
+
     /**
      * Add scroll event listener when tooltip show
      * automatically hide the tooltip when scrolling
      */
-
   }, {
     key: "addScrollListener",
     value: function addScrollListener(currentTarget) {
@@ -3110,43 +2976,43 @@ 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) {
       var _this7 = this;
-
       var _this$state2 = this.state,
-          currentEvent = _this$state2.currentEvent,
-          currentTarget = _this$state2.currentTarget,
-          place = _this$state2.place,
-          desiredPlace = _this$state2.desiredPlace,
-          effect = _this$state2.effect,
-          offset = _this$state2.offset;
+        currentEvent = _this$state2.currentEvent,
+        currentTarget = _this$state2.currentTarget,
+        place = _this$state2.place,
+        desiredPlace = _this$state2.desiredPlace,
+        effect = _this$state2.effect,
+        offset = _this$state2.offset;
       var node = this.tooltipRef;
       var result = getPosition(currentEvent, currentTarget, node, place, desiredPlace, effect, offset);
-
       if (result.position && this.props.overridePosition) {
         result.position = this.props.overridePosition(result.position, currentEvent, currentTarget, node, place, desiredPlace, effect, offset);
       }
-
       if (result.isNewState) {
         // Switch to reverse placement
         return this.setState(result.newState, function () {
           _this7.updatePosition(callbackAfter);
         });
       }
+      if (callbackAfter && typeof callbackAfter === 'function') {
+        callbackAfter();
+      }
 
-      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() {
@@ -3154,17 +3020,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         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;
@@ -3174,7 +3037,6 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     key: "hasCustomColors",
     value: function hasCustomColors() {
       var _this8 = this;
-
       return Boolean(Object.keys(this.state.customColors).find(function (color) {
         return color !== 'border' && _this8.state.customColors[color];
       }) || this.state.border && this.state.customColors['border']);
@@ -3183,27 +3045,24 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     key: "render",
     value: function render() {
       var _this9 = this;
-
       var _this$state3 = this.state,
-          extraClass = _this$state3.extraClass,
-          html = _this$state3.html,
-          ariaProps = _this$state3.ariaProps,
-          disable = _this$state3.disable,
-          uuid = _this$state3.uuid;
+        extraClass = _this$state3.extraClass,
+        html = _this$state3.html,
+        ariaProps = _this$state3.ariaProps,
+        disable = _this$state3.disable,
+        uuid = _this$state3.uuid;
       var content = this.getTooltipContent();
       var isEmptyTip = this.isEmptyTip(content);
       var style = generateTooltipStyle(this.state.uuid, this.state.customColors, this.state.type, this.state.border, this.state.padding);
-      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
+      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) + // top, bottom, left, right
+      " type-".concat(this.hasCustomColors() ? 'custom' : this.state.type) + (
+      // dark, success, warning, error, info, light, custom
       this.props.delayUpdate ? ' allow_hover' : '') + (this.props.clickable ? ' allow_click' : '');
       var Wrapper = this.props.wrapper;
-
       if (ReactTooltip.supportedWrappers.indexOf(Wrapper) < 0) {
         Wrapper = ReactTooltip.defaultProps.wrapper;
       }
-
       var wrapperClassName = [tooltipClass, extraClass].filter(Boolean).join(' ');
-
       if (html) {
         var htmlContent = "".concat(content, "\n<style aria-hidden=\"true\">").concat(style, "</style>");
         return /*#__PURE__*/React.createElement(Wrapper, _extends({
@@ -3248,6 +3107,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         padding: PropTypes.string,
         multiline: PropTypes.bool,
         border: PropTypes.bool,
+        borderClass: PropTypes.string,
         textColor: PropTypes.string,
         backgroundColor: PropTypes.string,
         borderColor: PropTypes.string,
@@ -3286,17 +3146,14 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       var isChanged = Object.keys(newAriaProps).some(function (props) {
         return newAriaProps[props] !== ariaProps[props];
       });
-
       if (!isChanged) {
         return null;
       }
-
       return _objectSpread2(_objectSpread2({}, prevState), {}, {
         ariaProps: newAriaProps
       });
     }
   }]);
-
   return ReactTooltip;
 }(React.Component), _defineProperty(_class2, "defaultProps", {
   insecure: true,