@copart/ops-tool-kit 1.10.2 → 1.10.3-alpha.1

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.10.2";
+const version$5 = "1.10.3-alpha.1";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -4603,13 +4603,13 @@ function nonStandardBrowserEnv() {
 
 var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
 
-function E$1() {
+function E() {
   this.message = 'String contains an invalid character';
 }
 
-E$1.prototype = new Error();
-E$1.prototype.code = 5;
-E$1.prototype.name = 'InvalidCharacterError';
+E.prototype = new Error();
+E.prototype.code = 5;
+E.prototype.name = 'InvalidCharacterError';
 
 function btoa$2(input) {
   var str = String(input);
@@ -4624,7 +4624,7 @@ function btoa$2(input) {
     charCode = str.charCodeAt(idx += 3 / 4);
 
     if (charCode > 0xFF) {
-      throw new E$1();
+      throw new E();
     }
 
     block = block << 8 | charCode;
@@ -38501,7 +38501,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
     c = b$1 ? Symbol.for("react.element") : 60103,
     d = b$1 ? Symbol.for("react.portal") : 60106,
     e = b$1 ? Symbol.for("react.fragment") : 60107,
-    f$1 = b$1 ? Symbol.for("react.strict_mode") : 60108,
+    f = b$1 ? Symbol.for("react.strict_mode") : 60108,
     g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
     h$1 = b$1 ? Symbol.for("react.provider") : 60109,
     k$1 = b$1 ? Symbol.for("react.context") : 60110,
@@ -38509,7 +38509,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
     m = b$1 ? Symbol.for("react.concurrent_mode") : 60111,
     n = b$1 ? Symbol.for("react.forward_ref") : 60112,
     p = b$1 ? Symbol.for("react.suspense") : 60113,
-    q$1 = b$1 ? Symbol.for("react.suspense_list") : 60120,
+    q = b$1 ? Symbol.for("react.suspense_list") : 60120,
     r = b$1 ? Symbol.for("react.memo") : 60115,
     t = b$1 ? Symbol.for("react.lazy") : 60116,
     v = b$1 ? Symbol.for("react.block") : 60121,
@@ -38528,7 +38528,7 @@ function z$1(a) {
           case m:
           case e:
           case g$1:
-          case f$1:
+          case f:
           case p:
             return a;
 
@@ -38568,7 +38568,7 @@ var Lazy = t;
 var Memo = r;
 var Portal = d;
 var Profiler = g$1;
-var StrictMode = f$1;
+var StrictMode = f;
 var Suspense = p;
 
 var isAsyncMode = function (a) {
@@ -38614,7 +38614,7 @@ var isProfiler = function (a) {
 };
 
 var isStrictMode = function (a) {
-  return z$1(a) === f$1;
+  return z$1(a) === f;
 };
 
 var isSuspense = function (a) {
@@ -38622,7 +38622,7 @@ var isSuspense = function (a) {
 };
 
 var isValidElementType = function (a) {
-  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f$1 || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
+  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
 };
 
 var typeOf = z$1;
@@ -41764,6 +41764,10 @@ function startWebSocketConnection(updateNotifications, updateAllNotificationsLis
     };
 
     client.onmessage = function (message) {
+      if ((message === null || message === void 0 ? void 0 : message.data) === '_pong_' || (message === null || message === void 0 ? void 0 : message.data) === '_ping_') {
+        return;
+      }
+
       var notification = [];
 
       try {
@@ -42264,6 +42268,12 @@ var AppBar = function AppBar(_ref) {
 
   var listOfAllNotificationsRef = React.useRef(listOfAllNotifications);
   var socketRetryCountRef = React.useRef(0);
+
+  var _useState21 = React.useState(null),
+      _useState22 = _slicedToArray(_useState21, 2),
+      pingInterval = _useState22[0],
+      setPingInterval = _useState22[1];
+
   React.useEffect(function () {
     listOfAllNotificationsRef.current = listOfAllNotifications;
   }, [listOfAllNotifications]);
@@ -42415,7 +42425,13 @@ var AppBar = function AppBar(_ref) {
     if (socketRetryCountRef.current < 15) {
       socketRetryCountRef.current = socketRetryCountRef.current + 1;
       socketClient && socketClient.close();
-      setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket));
+      clearTimeout(pingInterval);
+      var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
+      var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
+      setPingInterval(setInterval(function () {
+        client.send('_ping_');
+      }, pingIntervalInSec * 1000));
+      setSocketClient(client);
     }
   };
 
@@ -42442,6 +42458,7 @@ var AppBar = function AppBar(_ref) {
     setListOfAllNotifications([]);
     setListOfAllFirebaseNotifications([]);
     socketClient && socketClient.close();
+    clearTimeout(pingInterval);
 
     if (coreAppConfig && coreAppConfig.tiles) {
       var currentApp = window.location.pathname === '/' ? 'Ops Home' : window.location.pathname;
@@ -42457,7 +42474,12 @@ var AppBar = function AppBar(_ref) {
       if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
         if (notificationsSource.includes('Nchan')) {
           fetchG2Notifications(updateNotifications, updateAllNotificationsList);
-          setSocketClient(startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket));
+          var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
+          var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
+          setPingInterval(setInterval(function () {
+            client.send('_ping_');
+          }, pingIntervalInSec * 1000));
+          setSocketClient(client);
         }
 
         if (!firebaseInitialized && notificationsSource.includes('Firebase')) {
@@ -44769,45 +44791,45 @@ var classnames = createCommonjsModule(function (module) {
 * @copyright ReactTooltip Team
 * @license MIT
 */
-const f = "react-tooltip-core-styles",
-      h = "react-tooltip-base-styles",
-      w = {
+const h = "react-tooltip-core-styles",
+      w = "react-tooltip-base-styles",
+      b = {
   core: !1,
   base: !1
 };
 
-function b({
+function S({
   css: e,
-  id: t = h,
-  type: r = "base",
-  ref: o
+  id: t = w,
+  type: o = "base",
+  ref: l
 }) {
-  var n, l;
-  if (!e || "undefined" == typeof document || w[r]) return;
-  if ("core" === r && "undefined" != typeof process && (null === (n = null === process || void 0 === process ? void 0 : process.env) || void 0 === n ? void 0 : n.REACT_TOOLTIP_DISABLE_CORE_STYLES)) return;
-  if ("base" !== r && "undefined" != typeof process && (null === (l = null === process || void 0 === process ? void 0 : process.env) || void 0 === l ? void 0 : l.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
-  "core" === r && (t = f), o || (o = {});
+  var r, n;
+  if (!e || "undefined" == typeof document || b[o]) return;
+  if ("core" === o && "undefined" != typeof process && (null === (r = null === process || void 0 === process ? void 0 : process.env) || void 0 === r ? void 0 : r.REACT_TOOLTIP_DISABLE_CORE_STYLES)) return;
+  if ("base" !== o && "undefined" != typeof process && (null === (n = null === process || void 0 === process ? void 0 : process.env) || void 0 === n ? void 0 : n.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
+  "core" === o && (t = h), l || (l = {});
   const {
-    insertAt: i
-  } = o;
+    insertAt: c
+  } = l;
   if (document.getElementById(t)) return void console.warn(`[react-tooltip] Element with id '${t}' already exists. Call \`removeStyle()\` first`);
-  const c = document.head || document.getElementsByTagName("head")[0],
-        a = document.createElement("style");
-  a.id = t, a.type = "text/css", "top" === i && c.firstChild ? c.insertBefore(a, c.firstChild) : c.appendChild(a), a.styleSheet ? a.styleSheet.cssText = e : a.appendChild(document.createTextNode(e)), w[r] = !0;
+  const i = document.head || document.getElementsByTagName("head")[0],
+        s = document.createElement("style");
+  s.id = t, s.type = "text/css", "top" === c && i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), b[o] = !0;
 }
 
-const E = (e, t, r) => {
-  let o = null;
-  return function (...n) {
-    const l = () => {
-      o = null, r || e.apply(this, n);
+const g = (e, t, o) => {
+  let l = null;
+  return function (...r) {
+    const n = () => {
+      l = null, o || e.apply(this, r);
     };
 
-    r && !o && (e.apply(this, n), o = setTimeout(l, t)), r || (o && clearTimeout(o), o = setTimeout(l, t));
+    o && !l && (e.apply(this, r), l = setTimeout(n, t)), o || (l && clearTimeout(l), l = setTimeout(n, t));
   };
 },
       _ = "DEFAULT_TOOLTIP_ID",
-      g = {
+      A = {
   anchorRefs: new Set(),
   activeAnchor: {
     current: null
@@ -44816,137 +44838,140 @@ const E = (e, t, r) => {
   detach: () => {},
   setActiveAnchor: () => {}
 },
-      A = React.createContext({
-  getTooltipData: () => g
+      O = React.createContext({
+  getTooltipData: () => A
 });
 
-function O(e = _) {
-  return React.useContext(A).getTooltipData(e);
+function k(e = _) {
+  return React.useContext(O).getTooltipData(e);
 }
 
-const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect,
-      N = e => {
+const C = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect,
+      R = e => {
   if (!(e instanceof HTMLElement || e instanceof SVGElement)) return !1;
   const t = getComputedStyle(e);
   return ["overflow", "overflow-x", "overflow-y"].some(e => {
-    const r = t.getPropertyValue(e);
-    return "auto" === r || "scroll" === r;
+    const o = t.getPropertyValue(e);
+    return "auto" === o || "scroll" === o;
   });
 },
-      k = e => {
+      x = e => {
   if (!e) return null;
   let t = e.parentElement;
 
   for (; t;) {
-    if (N(t)) return t;
+    if (R(t)) return t;
     t = t.parentElement;
   }
 
   return document.scrollingElement || document.documentElement;
 },
-      x = async ({
+      N = async ({
   elementReference: e = null,
   tooltipReference: t = null,
-  tooltipArrowReference: r = null,
-  place: o = "top",
-  offset: n = 10,
-  strategy: l = "absolute",
-  middlewares: i = [offset(Number(n)), flip(), shift({
+  tooltipArrowReference: o = null,
+  place: l = "top",
+  offset: r = 10,
+  strategy: n = "absolute",
+  middlewares: c = [offset(Number(r)), flip(), shift({
     padding: 5
   })],
-  border: c
+  border: i
 }) => {
   if (!e) return {
     tooltipStyles: {},
     tooltipArrowStyles: {},
-    place: o
+    place: l
   };
   if (null === t) return {
     tooltipStyles: {},
     tooltipArrowStyles: {},
-    place: o
+    place: l
   };
-  const a = i;
-  return r ? (a.push(arrow({
-    element: r,
+  const s = c;
+  return o ? (s.push(arrow({
+    element: o,
     padding: 5
   })), computePosition(e, t, {
-    placement: o,
-    strategy: l,
-    middleware: a
+    placement: l,
+    strategy: n,
+    middleware: s
   }).then(({
     x: e,
     y: t,
-    placement: r,
-    middlewareData: o
+    placement: o,
+    middlewareData: l
   }) => {
-    var n, l;
-    const i = {
+    var r, n;
+    const c = {
       left: `${e}px`,
       top: `${t}px`,
-      border: c
+      border: i
     },
           {
-      x: a,
-      y: s
-    } = null !== (n = o.arrow) && void 0 !== n ? n : {
+      x: s,
+      y: a
+    } = null !== (r = l.arrow) && void 0 !== r ? r : {
       x: 0,
       y: 0
     },
-          u = null !== (l = {
+          d = null !== (n = {
       top: "bottom",
       right: "left",
       bottom: "top",
       left: "right"
-    }[r.split("-")[0]]) && void 0 !== l ? l : "bottom",
-          d = c && {
-      borderBottom: c,
-      borderRight: c
+    }[o.split("-")[0]]) && void 0 !== n ? n : "bottom",
+          u = i && {
+      borderBottom: i,
+      borderRight: i
     };
     let p = 0;
 
-    if (c) {
-      const e = `${c}`.match(/(\d+)px/);
+    if (i) {
+      const e = `${i}`.match(/(\d+)px/);
       p = (null == e ? void 0 : e[1]) ? Number(e[1]) : 1;
     }
 
     return {
-      tooltipStyles: i,
+      tooltipStyles: c,
       tooltipArrowStyles: {
-        left: null != a ? `${a}px` : "",
-        top: null != s ? `${s}px` : "",
+        left: null != s ? `${s}px` : "",
+        top: null != a ? `${a}px` : "",
         right: "",
         bottom: "",
-        ...d,
-        [u]: `-${4 + p}px`
+        ...u,
+        [d]: `-${4 + p}px`
       },
-      place: r
+      place: o
     };
   })) : computePosition(e, t, {
     placement: "bottom",
-    strategy: l,
-    middleware: a
+    strategy: n,
+    middleware: s
   }).then(({
     x: e,
     y: t,
-    placement: r
+    placement: o
   }) => ({
     tooltipStyles: {
       left: `${e}px`,
       top: `${t}px`
     },
     tooltipArrowStyles: {},
-    place: r
+    place: o
   }));
 };
 
-var C = "core-styles-module_tooltip__3vRRp",
-    $ = "core-styles-module_fixed__pcSol",
-    I = "core-styles-module_arrow__cvMwQ",
-    j = "core-styles-module_noArrow__xock6",
-    B = "core-styles-module_clickable__ZuTTB",
-    D = "core-styles-module_show__Nt9eE",
-    H = {
+var $ = {
+  tooltip: "core-styles-module_tooltip__3vRRp",
+  fixed: "core-styles-module_fixed__pcSol",
+  arrow: "core-styles-module_arrow__cvMwQ",
+  noArrow: "core-styles-module_noArrow__xock6",
+  clickable: "core-styles-module_clickable__ZuTTB",
+  show: "core-styles-module_show__Nt9eE",
+  closing: "core-styles-module_closing__sGnxF"
+},
+    j = {
   tooltip: "styles-module_tooltip__mnnfp",
   arrow: "styles-module_arrow__K0L3T",
   dark: "styles-module_dark__xNqje",
@@ -44957,594 +44982,694 @@ var C = "core-styles-module_tooltip__3vRRp",
   info: "styles-module_info__BWdHW"
 };
 
-const z = ({
-  id: t,
+const I = ({
+  forwardRef: t,
+  id: r,
   className: n,
-  classNameArrow: l,
-  variant: a = "dark",
-  anchorId: s,
-  anchorSelect: u,
-  place: d = "top",
-  offset: p = 10,
-  events: v = ["hover"],
-  openOnClick: f = !1,
-  positionStrategy: h = "absolute",
-  middlewares: w,
-  wrapper: b,
-  delayShow: S = 0,
-  delayHide: _ = 0,
-  float: g = !1,
-  hidden: A = !1,
-  noArrow: T = !1,
-  clickable: L = !1,
-  closeOnEsc: N = !1,
-  closeOnScroll: z = !1,
-  closeOnResize: q = !1,
+  classNameArrow: s,
+  variant: d = "dark",
+  anchorId: u,
+  anchorSelect: p,
+  place: v = "top",
+  offset: m = 10,
+  events: h = ["hover"],
+  openOnClick: w = !1,
+  positionStrategy: b = "absolute",
+  middlewares: S,
+  wrapper: E,
+  delayShow: _ = 0,
+  delayHide: A = 0,
+  float: O = !1,
+  hidden: T = !1,
+  noArrow: L = !1,
+  clickable: R = !1,
+  closeOnEsc: I = !1,
+  closeOnScroll: B = !1,
+  closeOnResize: z = !1,
+  openEvents: D,
+  closeEvents: q,
+  globalCloseEvents: H,
+  imperativeModeOnly: M,
   style: W,
-  position: M,
-  afterShow: P,
-  afterHide: F,
-  content: K,
-  contentWrapperRef: U,
-  isOpen: X,
-  setIsOpen: Y,
+  position: P,
+  afterShow: F,
+  afterHide: K,
+  content: U,
+  contentWrapperRef: X,
+  isOpen: Y,
+  setIsOpen: G,
   activeAnchor: V,
   setActiveAnchor: Z,
-  border: G,
-  opacity: J,
-  arrowColor: Q
+  border: J,
+  opacity: Q,
+  arrowColor: ee
 }) => {
-  const ee = React.useRef(null),
-        te = React.useRef(null),
+  var te;
+  const oe = React.useRef(null),
+        le = React.useRef(null),
         re = React.useRef(null),
-        oe = React.useRef(null),
-        [ne, le] = React.useState(d),
-        [ie, ce] = React.useState({}),
-        [ae, se] = React.useState({}),
-        [ue, de] = React.useState(!1),
+        ne = React.useRef(null),
+        [ce, ie] = React.useState(v),
+        [se, ae] = React.useState({}),
+        [de, ue] = React.useState({}),
         [pe, ve] = React.useState(!1),
-        me = React.useRef(!1),
-        ye = React.useRef(null),
-        {
-    anchorRefs: fe,
-    setActiveAnchor: he
-  } = O(t),
+        [me, fe] = React.useState(!1),
+        [ye, he] = React.useState(null),
         we = React.useRef(!1),
-        [be, Se] = React.useState([]),
-        Ee = React.useRef(!1),
-        _e = f || v.includes("click");
-
-  R(() => (Ee.current = !0, () => {
-    Ee.current = !1;
-  }), []), React.useEffect(() => {
-    if (!ue) {
-      const e = setTimeout(() => {
-        ve(!1);
-      }, 150);
-      return () => {
-        clearTimeout(e);
-      };
-    }
-
-    return () => null;
-  }, [ue]);
-
-  const ge = e => {
-    Ee.current && (e && ve(!0), setTimeout(() => {
-      Ee.current && (null == Y || Y(e), void 0 === X && de(e));
+        be = React.useRef(null),
+        {
+    anchorRefs: Se,
+    setActiveAnchor: Ee
+  } = k(r),
+        ge = React.useRef(!1),
+        [_e, Ae] = React.useState([]),
+        Oe = React.useRef(!1),
+        Te = w || h.includes("click"),
+        ke = Te || (null == D ? void 0 : D.click) || (null == D ? void 0 : D.dblclick) || (null == D ? void 0 : D.mousedown),
+        Le = D ? { ...D
+  } : {
+    mouseenter: !0,
+    focus: !0,
+    click: !1,
+    dblclick: !1,
+    mousedown: !1
+  };
+  !D && Te && Object.assign(Le, {
+    mouseenter: !1,
+    focus: !1,
+    click: !0
+  });
+  const Ce = q ? { ...q
+  } : {
+    mouseleave: !0,
+    blur: !0,
+    click: !1,
+    dblclick: !1,
+    mouseup: !1
+  };
+  !q && Te && Object.assign(Ce, {
+    mouseleave: !1,
+    blur: !1
+  });
+  const Re = H ? { ...H
+  } : {
+    escape: I || !1,
+    scroll: B || !1,
+    resize: z || !1,
+    clickOutsideAnchor: ke || !1
+  };
+  M && (Object.assign(Le, {
+    mouseenter: !1,
+    focus: !1,
+    click: !1,
+    dblclick: !1,
+    mousedown: !1
+  }), Object.assign(Ce, {
+    mouseleave: !1,
+    blur: !1,
+    click: !1,
+    dblclick: !1,
+    mouseup: !1
+  }), Object.assign(Re, {
+    escape: !1,
+    scroll: !1,
+    resize: !1,
+    clickOutsideAnchor: !1
+  })), C(() => (Oe.current = !0, () => {
+    Oe.current = !1;
+  }), []);
+
+  const xe = e => {
+    Oe.current && (e && fe(!0), setTimeout(() => {
+      Oe.current && (null == G || G(e), void 0 === Y && ve(e));
     }, 10));
   };
 
   React.useEffect(() => {
-    if (void 0 === X) return () => null;
-    X && ve(!0);
+    if (void 0 === Y) return () => null;
+    Y && fe(!0);
     const e = setTimeout(() => {
-      de(X);
+      ve(Y);
     }, 10);
     return () => {
       clearTimeout(e);
     };
-  }, [X]), React.useEffect(() => {
-    ue !== me.current && (me.current = ue, ue ? null == P || P() : null == F || F());
-  }, [ue]);
+  }, [Y]), React.useEffect(() => {
+    pe !== we.current && (we.current = pe, pe && (null == F || F()));
+  }, [pe]);
 
-  const Ae = (e = _) => {
-    oe.current && clearTimeout(oe.current), oe.current = setTimeout(() => {
-      we.current || ge(!1);
+  const Ne = (e = _) => {
+    re.current && clearTimeout(re.current), re.current = setTimeout(() => {
+      xe(!0);
+    }, e);
+  },
+        $e = (e = A) => {
+    ne.current && clearTimeout(ne.current), ne.current = setTimeout(() => {
+      ge.current || xe(!1);
     }, e);
   },
-        Te = e => {
+        je = e => {
     var t;
     if (!e) return;
-    const r = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
-    if (!(null == r ? void 0 : r.isConnected)) return Z(null), void he({
+    const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
+    if (!(null == o ? void 0 : o.isConnected)) return Z(null), void Ee({
       current: null
     });
-    S ? (re.current && clearTimeout(re.current), re.current = setTimeout(() => {
-      ge(!0);
-    }, S)) : ge(!0), Z(r), he({
-      current: r
-    }), oe.current && clearTimeout(oe.current);
+    _ ? Ne() : xe(!0), Z(o), Ee({
+      current: o
+    }), ne.current && clearTimeout(ne.current);
   },
-        Oe = () => {
-    L ? Ae(_ || 100) : _ ? Ae() : ge(!1), re.current && clearTimeout(re.current);
+        Ie = () => {
+    R ? $e(A || 100) : A ? $e() : xe(!1), re.current && clearTimeout(re.current);
   },
-        Le = ({
+        Be = ({
     x: e,
     y: t
   }) => {
-    x({
-      place: d,
-      offset: p,
-      elementReference: {
-        getBoundingClientRect: () => ({
-          x: e,
-          y: t,
-          width: 0,
-          height: 0,
-          top: t,
-          left: e,
-          right: e,
-          bottom: t
-        })
-      },
-      tooltipReference: ee.current,
-      tooltipArrowReference: te.current,
-      strategy: h,
-      middlewares: w,
-      border: G
+    var o;
+    const l = {
+      getBoundingClientRect: () => ({
+        x: e,
+        y: t,
+        width: 0,
+        height: 0,
+        top: t,
+        left: e,
+        right: e,
+        bottom: t
+      })
+    };
+    N({
+      place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
+      offset: m,
+      elementReference: l,
+      tooltipReference: oe.current,
+      tooltipArrowReference: le.current,
+      strategy: b,
+      middlewares: S,
+      border: J
     }).then(e => {
-      Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && se(e.tooltipArrowStyles), le(e.place);
+      Object.keys(e.tooltipStyles).length && ae(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && ue(e.tooltipArrowStyles), ie(e.place);
     });
   },
-        Re = e => {
+        ze = e => {
     if (!e) return;
     const t = e,
-          r = {
+          o = {
       x: t.clientX,
       y: t.clientY
     };
-    Le(r), ye.current = r;
-  },
-        Ne = e => {
-    Te(e), _ && Ae();
+    Be(o), be.current = o;
   },
-        ke = e => {
+        De = e => {
     var t;
-    [document.querySelector(`[id='${s}']`), ...be].some(t => null == t ? void 0 : t.contains(e.target)) || (null === (t = ee.current) || void 0 === t ? void 0 : t.contains(e.target)) || (ge(!1), re.current && clearTimeout(re.current));
+    if (!pe) return;
+    const o = e.target;
+    if (null === (t = oe.current) || void 0 === t ? void 0 : t.contains(o)) return;
+    [document.querySelector(`[id='${u}']`), ..._e].some(e => null == e ? void 0 : e.contains(o)) || (xe(!1), re.current && clearTimeout(re.current));
   },
-        xe = E(Te, 50, !0),
-        Ce = E(Oe, 50, !0),
-        $e = React.useCallback(() => {
-    M ? Le(M) : g ? ye.current && Le(ye.current) : x({
-      place: d,
-      offset: p,
+        qe = g(je, 50, !0),
+        He = g(Ie, 50, !0),
+        Me = React.useCallback(() => {
+    var e, t;
+    const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : P;
+    o ? Be(o) : O ? be.current && Be(be.current) : (null == V ? void 0 : V.isConnected) && N({
+      place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
+      offset: m,
       elementReference: V,
-      tooltipReference: ee.current,
-      tooltipArrowReference: te.current,
-      strategy: h,
-      middlewares: w,
-      border: G
+      tooltipReference: oe.current,
+      tooltipArrowReference: le.current,
+      strategy: b,
+      middlewares: S,
+      border: J
     }).then(e => {
-      Ee.current && (Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && se(e.tooltipArrowStyles), le(e.place));
+      Oe.current && (Object.keys(e.tooltipStyles).length && ae(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && ue(e.tooltipArrowStyles), ie(e.place));
     });
-  }, [ue, V, K, W, d, p, h, M, g]);
+  }, [pe, V, U, W, v, null == ye ? void 0 : ye.place, m, b, P, null == ye ? void 0 : ye.position, O]);
 
   React.useEffect(() => {
     var e, t;
-    const r = new Set(fe);
-    be.forEach(e => {
-      r.add({
+    const o = new Set(Se);
+
+    _e.forEach(e => {
+      o.add({
         current: e
       });
     });
-    const o = document.querySelector(`[id='${s}']`);
-    o && r.add({
-      current: o
+
+    const l = document.querySelector(`[id='${u}']`);
+    l && o.add({
+      current: l
     });
 
-    const n = () => {
-      ge(!1);
+    const r = () => {
+      xe(!1);
     },
-          l = k(V),
-          i = k(ee.current);
+          n = x(V),
+          c = x(oe.current);
 
-    z && (window.addEventListener("scroll", n), null == l || l.addEventListener("scroll", n), null == i || i.addEventListener("scroll", n));
-    let c = null;
-    q ? window.addEventListener("resize", n) : V && ee.current && (c = autoUpdate(V, ee.current, $e, {
+    Re.scroll && (window.addEventListener("scroll", r), null == n || n.addEventListener("scroll", r), null == c || c.addEventListener("scroll", r));
+    let i = null;
+    Re.resize ? window.addEventListener("resize", r) : V && oe.current && (i = autoUpdate(V, oe.current, Me, {
       ancestorResize: !0,
       elementResize: !0,
       layoutShift: !0
     }));
 
-    const a = e => {
-      "Escape" === e.key && ge(!1);
+    const s = e => {
+      "Escape" === e.key && xe(!1);
     };
 
-    N && window.addEventListener("keydown", a);
-    const u = [];
-    _e ? (window.addEventListener("click", ke), u.push({
-      event: "click",
-      listener: Ne
-    })) : (u.push({
-      event: "mouseenter",
-      listener: xe
-    }, {
-      event: "mouseleave",
-      listener: Ce
-    }, {
-      event: "focus",
-      listener: xe
-    }, {
-      event: "blur",
-      listener: Ce
-    }), g && u.push({
-      event: "mousemove",
-      listener: Re
-    }));
+    Re.escape && window.addEventListener("keydown", s), Re.clickOutsideAnchor && window.addEventListener("click", De);
 
-    const d = () => {
-      we.current = !0;
+    const a = [],
+          d = e => {
+      pe || je(e);
     },
           p = () => {
-      we.current = !1, Oe();
+      pe && Ie();
+    },
+          v = ["mouseenter", "mouseleave", "focus", "blur"],
+          m = ["click", "dblclick", "mousedown", "mouseup"];
+
+    Object.entries(Le).forEach(([e, t]) => {
+      t && (v.includes(e) ? a.push({
+        event: e,
+        listener: qe
+      }) : m.includes(e) && a.push({
+        event: e,
+        listener: d
+      }));
+    }), Object.entries(Ce).forEach(([e, t]) => {
+      t && (v.includes(e) ? a.push({
+        event: e,
+        listener: He
+      }) : m.includes(e) && a.push({
+        event: e,
+        listener: p
+      }));
+    }), O && a.push({
+      event: "mousemove",
+      listener: ze
+    });
+
+    const y = () => {
+      ge.current = !0;
+    },
+          h = () => {
+      ge.current = !1, Ie();
     };
 
-    return L && !_e && (null === (e = ee.current) || void 0 === e || e.addEventListener("mouseenter", d), null === (t = ee.current) || void 0 === t || t.addEventListener("mouseleave", p)), u.forEach(({
+    return R && !ke && (null === (e = oe.current) || void 0 === e || e.addEventListener("mouseenter", y), null === (t = oe.current) || void 0 === t || t.addEventListener("mouseleave", h)), a.forEach(({
       event: e,
       listener: t
     }) => {
-      r.forEach(r => {
-        var o;
-        null === (o = r.current) || void 0 === o || o.addEventListener(e, t);
+      o.forEach(o => {
+        var l;
+        null === (l = o.current) || void 0 === l || l.addEventListener(e, t);
       });
     }), () => {
       var e, t;
-      z && (window.removeEventListener("scroll", n), null == l || l.removeEventListener("scroll", n), null == i || i.removeEventListener("scroll", n)), q ? window.removeEventListener("resize", n) : null == c || c(), _e && window.removeEventListener("click", ke), N && window.removeEventListener("keydown", a), L && !_e && (null === (e = ee.current) || void 0 === e || e.removeEventListener("mouseenter", d), null === (t = ee.current) || void 0 === t || t.removeEventListener("mouseleave", p)), u.forEach(({
+      Re.scroll && (window.removeEventListener("scroll", r), null == n || n.removeEventListener("scroll", r), null == c || c.removeEventListener("scroll", r)), Re.resize ? window.removeEventListener("resize", r) : null == i || i(), Re.clickOutsideAnchor && window.removeEventListener("click", De), Re.escape && window.removeEventListener("keydown", s), R && !ke && (null === (e = oe.current) || void 0 === e || e.removeEventListener("mouseenter", y), null === (t = oe.current) || void 0 === t || t.removeEventListener("mouseleave", h)), a.forEach(({
         event: e,
         listener: t
       }) => {
-        r.forEach(r => {
-          var o;
-          null === (o = r.current) || void 0 === o || o.removeEventListener(e, t);
+        o.forEach(o => {
+          var l;
+          null === (l = o.current) || void 0 === l || l.removeEventListener(e, t);
         });
       });
     };
-  }, [V, $e, pe, fe, be, N, v]), React.useEffect(() => {
-    let e = null != u ? u : "";
-    !e && t && (e = `[data-tooltip-id='${t}']`);
-    const r = new MutationObserver(r => {
-      const o = [];
-      r.forEach(r => {
-        if ("attributes" === r.type && "data-tooltip-id" === r.attributeName) {
-          r.target.getAttribute("data-tooltip-id") === t && o.push(r.target);
-        }
-
-        if ("childList" === r.type && (V && [...r.removedNodes].some(e => {
-          var t;
-          return !!(null === (t = null == e ? void 0 : e.contains) || void 0 === t ? void 0 : t.call(e, V)) && (ve(!1), ge(!1), Z(null), re.current && clearTimeout(re.current), oe.current && clearTimeout(oe.current), !0);
-        }), e)) try {
-          const t = [...r.addedNodes].filter(e => 1 === e.nodeType);
-          o.push(...t.filter(t => t.matches(e))), o.push(...t.flatMap(t => [...t.querySelectorAll(e)]));
-        } catch (e) {}
-      }), o.length && Se(e => [...e, ...o]);
+  }, [V, Me, me, Se, _e, D, q, H, Te]), React.useEffect(() => {
+    var e, t;
+    let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
+    !o && r && (o = `[data-tooltip-id='${r}']`);
+    const l = new MutationObserver(e => {
+      const t = [],
+            l = [];
+      e.forEach(e => {
+        if ("attributes" === e.type && "data-tooltip-id" === e.attributeName) {
+          e.target.getAttribute("data-tooltip-id") === r && t.push(e.target);
+        }
+
+        if ("childList" === e.type) {
+          if (V) {
+            const t = [...e.removedNodes].filter(e => 1 === e.nodeType);
+            if (o) try {
+              l.push(...t.filter(e => e.matches(o))), l.push(...t.flatMap(e => [...e.querySelectorAll(o)]));
+            } catch (e) {}
+            t.some(e => {
+              var t;
+              return !!(null === (t = null == e ? void 0 : e.contains) || void 0 === t ? void 0 : t.call(e, V)) && (fe(!1), xe(!1), Z(null), re.current && clearTimeout(re.current), ne.current && clearTimeout(ne.current), !0);
+            });
+          }
+
+          if (o) try {
+            const l = [...e.addedNodes].filter(e => 1 === e.nodeType);
+            t.push(...l.filter(e => e.matches(o))), t.push(...l.flatMap(e => [...e.querySelectorAll(o)]));
+          } catch (e) {}
+        }
+      }), (t.length || l.length) && Ae(e => [...e.filter(e => !l.includes(e)), ...t]);
     });
-    return r.observe(document.body, {
+    return l.observe(document.body, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["data-tooltip-id"]
     }), () => {
-      r.disconnect();
+      l.disconnect();
     };
-  }, [t, u, V]), React.useEffect(() => {
-    $e();
-  }, [$e]), React.useEffect(() => {
-    if (!(null == U ? void 0 : U.current)) return () => null;
+  }, [r, p, null == ye ? void 0 : ye.anchorSelect, V]), React.useEffect(() => {
+    Me();
+  }, [Me]), React.useEffect(() => {
+    if (!(null == X ? void 0 : X.current)) return () => null;
     const e = new ResizeObserver(() => {
-      $e();
+      Me();
     });
-    return e.observe(U.current), () => {
+    return e.observe(X.current), () => {
       e.disconnect();
     };
-  }, [K, null == U ? void 0 : U.current]), React.useEffect(() => {
+  }, [U, null == X ? void 0 : X.current]), React.useEffect(() => {
     var e;
-    const t = document.querySelector(`[id='${s}']`),
-          r = [...be, t];
-    V && r.includes(V) || Z(null !== (e = be[0]) && void 0 !== e ? e : t);
-  }, [s, be, V]), React.useEffect(() => () => {
-    re.current && clearTimeout(re.current), oe.current && clearTimeout(oe.current);
+    const t = document.querySelector(`[id='${u}']`),
+          o = [..._e, t];
+    V && o.includes(V) || Z(null !== (e = _e[0]) && void 0 !== e ? e : t);
+  }, [u, _e, V]), React.useEffect(() => () => {
+    re.current && clearTimeout(re.current), ne.current && clearTimeout(ne.current);
   }, []), React.useEffect(() => {
-    let e = u;
-    if (!e && t && (e = `[data-tooltip-id='${t}']`), e) try {
-      const t = Array.from(document.querySelectorAll(e));
-      Se(t);
+    var e;
+    let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
+    if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
+      const e = Array.from(document.querySelectorAll(t));
+      Ae(e);
     } catch (e) {
-      Se([]);
-    }
-  }, [t, u]);
-  const Ie = !A && K && ue && Object.keys(ie).length > 0;
-  return pe ? React__default["default"].createElement(b, {
-    id: t,
+      Ae([]);
+    }
+  }, [r, p, null == ye ? void 0 : ye.anchorSelect]);
+  const We = null !== (te = null == ye ? void 0 : ye.content) && void 0 !== te ? te : U,
+        Pe = pe && Object.keys(se).length > 0;
+  return React.useImperativeHandle(t, () => ({
+    open: e => {
+      if (null == e ? void 0 : e.anchorSelect) try {
+        document.querySelector(e.anchorSelect);
+      } catch (t) {
+        return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`);
+      }
+      he(null != e ? e : null), (null == e ? void 0 : e.delay) ? Ne(e.delay) : xe(!0);
+    },
+    close: e => {
+      (null == e ? void 0 : e.delay) ? $e(e.delay) : xe(!1);
+    },
+    activeAnchor: V,
+    place: ce,
+    isOpen: Boolean(me && !T && We && Pe)
+  })), me && !T && We ? React__default["default"].createElement(E, {
+    id: r,
     role: "tooltip",
-    className: classnames("react-tooltip", C, H.tooltip, H[a], n, `react-tooltip__place-${ne}`, {
-      "react-tooltip__show": Ie,
-      [D]: Ie,
-      [$]: "fixed" === h,
-      [B]: L
-    }),
+    className: classnames("react-tooltip", $.tooltip, j.tooltip, j[d], n, `react-tooltip__place-${ce}`, $[Pe ? "show" : "closing"], Pe ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && $.fixed, R && $.clickable),
+    onTransitionEnd: e => {
+      pe || "opacity" !== e.propertyName || (fe(!1), he(null), null == K || K());
+    },
     style: { ...W,
-      ...ie,
-      opacity: void 0 !== J && Ie ? J : void 0
+      ...se,
+      opacity: void 0 !== Q && Pe ? Q : void 0
     },
-    ref: ee
-  }, K, React__default["default"].createElement(b, {
-    className: classnames("react-tooltip-arrow", I, H.arrow, l, {
-      [j]: T
-    }),
-    style: { ...ae,
-      background: Q ? `linear-gradient(to right bottom, transparent 50%, ${Q} 50%)` : void 0
+    ref: oe
+  }, We, React__default["default"].createElement(E, {
+    className: classnames("react-tooltip-arrow", $.arrow, j.arrow, s, L && $.noArrow),
+    style: { ...de,
+      background: ee ? `linear-gradient(to right bottom, transparent 50%, ${ee} 50%)` : void 0
     },
-    ref: te
+    ref: le
   })) : null;
 },
-      q = ({
+      B = ({
   content: t
 }) => React__default["default"].createElement("span", {
   dangerouslySetInnerHTML: {
     __html: t
   }
 }),
-      W = ({
+      z = (e, t) => !("CSS" in window && "supports" in window.CSS) || window.CSS.supports(e, t),
+      D = React__default["default"].forwardRef(({
   id: t,
-  anchorId: o,
-  anchorSelect: n,
-  content: l,
-  html: a,
-  render: s,
-  className: u,
-  classNameArrow: d,
+  anchorId: l,
+  anchorSelect: r,
+  content: n,
+  html: s,
+  render: a,
+  className: d,
+  classNameArrow: u,
   variant: p = "dark",
   place: v = "top",
   offset: m = 10,
-  wrapper: y = "div",
-  children: f = null,
+  wrapper: f = "div",
+  children: y = null,
   events: h = ["hover"],
   openOnClick: w = !1,
   positionStrategy: b = "absolute",
   middlewares: S,
   delayShow: E = 0,
-  delayHide: _ = 0,
-  float: g = !1,
+  delayHide: g = 0,
+  float: _ = !1,
   hidden: A = !1,
-  noArrow: T = !1,
-  clickable: L = !1,
-  closeOnEsc: R = !1,
-  closeOnScroll: N = !1,
-  closeOnResize: k = !1,
-  style: x,
-  position: C,
-  isOpen: $,
-  disableStyleInjection: I = !1,
-  border: j,
-  opacity: B,
-  arrowColor: D,
-  setIsOpen: H,
-  afterShow: W,
-  afterHide: M
-}) => {
-  const [P, F] = React.useState(l),
-        [K, U] = React.useState(a),
-        [X, Y] = React.useState(v),
-        [V, Z] = React.useState(p),
-        [G, J] = React.useState(m),
-        [Q, ee] = React.useState(E),
-        [te, re] = React.useState(_),
-        [oe, ne] = React.useState(g),
-        [le, ie] = React.useState(A),
-        [ce, ae] = React.useState(y),
-        [se, ue] = React.useState(h),
-        [de, pe] = React.useState(b),
-        [ve, me] = React.useState(null),
-        ye = React.useRef(I),
+  noArrow: O = !1,
+  clickable: T = !1,
+  closeOnEsc: L = !1,
+  closeOnScroll: C = !1,
+  closeOnResize: R = !1,
+  openEvents: x,
+  closeEvents: N,
+  globalCloseEvents: $,
+  imperativeModeOnly: j = !1,
+  style: D,
+  position: q,
+  isOpen: H,
+  disableStyleInjection: M = !1,
+  border: W,
+  opacity: P,
+  arrowColor: F,
+  setIsOpen: K,
+  afterShow: U,
+  afterHide: X
+}, Y) => {
+  const [G, V] = React.useState(n),
+        [Z, J] = React.useState(s),
+        [Q, ee] = React.useState(v),
+        [te, oe] = React.useState(p),
+        [le, re] = React.useState(m),
+        [ne, ce] = React.useState(E),
+        [ie, se] = React.useState(g),
+        [ae, de] = React.useState(_),
+        [ue, pe] = React.useState(A),
+        [ve, me] = React.useState(f),
+        [fe, ye] = React.useState(h),
+        [he, we] = React.useState(b),
+        [be, Se] = React.useState(null),
+        Ee = React.useRef(M),
         {
-    anchorRefs: fe,
-    activeAnchor: he
-  } = O(t),
-        we = e => null == e ? void 0 : e.getAttributeNames().reduce((t, r) => {
-    var o;
+    anchorRefs: ge,
+    activeAnchor: _e
+  } = k(t),
+        Ae = e => null == e ? void 0 : e.getAttributeNames().reduce((t, o) => {
+    var l;
 
-    if (r.startsWith("data-tooltip-")) {
-      t[r.replace(/^data-tooltip-/, "")] = null !== (o = null == e ? void 0 : e.getAttribute(r)) && void 0 !== o ? o : null;
+    if (o.startsWith("data-tooltip-")) {
+      t[o.replace(/^data-tooltip-/, "")] = null !== (l = null == e ? void 0 : e.getAttribute(o)) && void 0 !== l ? l : null;
     }
 
     return t;
   }, {}),
-        be = e => {
+        Oe = e => {
     const t = {
       place: e => {
         var t;
-        Y(null !== (t = e) && void 0 !== t ? t : v);
+        ee(null !== (t = e) && void 0 !== t ? t : v);
       },
       content: e => {
-        F(null != e ? e : l);
+        V(null != e ? e : n);
       },
       html: e => {
-        U(null != e ? e : a);
+        J(null != e ? e : s);
       },
       variant: e => {
         var t;
-        Z(null !== (t = e) && void 0 !== t ? t : p);
+        oe(null !== (t = e) && void 0 !== t ? t : p);
       },
       offset: e => {
-        J(null === e ? m : Number(e));
+        re(null === e ? m : Number(e));
       },
       wrapper: e => {
         var t;
-        ae(null !== (t = e) && void 0 !== t ? t : y);
+        me(null !== (t = e) && void 0 !== t ? t : f);
       },
       events: e => {
         const t = null == e ? void 0 : e.split(" ");
-        ue(null != t ? t : h);
+        ye(null != t ? t : h);
       },
       "position-strategy": e => {
         var t;
-        pe(null !== (t = e) && void 0 !== t ? t : b);
+        we(null !== (t = e) && void 0 !== t ? t : b);
       },
       "delay-show": e => {
-        ee(null === e ? E : Number(e));
+        ce(null === e ? E : Number(e));
       },
       "delay-hide": e => {
-        re(null === e ? _ : Number(e));
+        se(null === e ? g : Number(e));
       },
       float: e => {
-        ne(null === e ? g : "true" === e);
+        de(null === e ? _ : "true" === e);
       },
       hidden: e => {
-        ie(null === e ? A : "true" === e);
+        pe(null === e ? A : "true" === e);
       }
     };
-    Object.values(t).forEach(e => e(null)), Object.entries(e).forEach(([e, r]) => {
-      var o;
-      null === (o = t[e]) || void 0 === o || o.call(t, r);
+    Object.values(t).forEach(e => e(null)), Object.entries(e).forEach(([e, o]) => {
+      var l;
+      null === (l = t[e]) || void 0 === l || l.call(t, o);
     });
   };
 
   React.useEffect(() => {
-    F(l);
-  }, [l]), React.useEffect(() => {
-    U(a);
-  }, [a]), React.useEffect(() => {
-    Y(v);
+    V(n);
+  }, [n]), React.useEffect(() => {
+    J(s);
+  }, [s]), React.useEffect(() => {
+    ee(v);
   }, [v]), React.useEffect(() => {
-    Z(p);
+    oe(p);
   }, [p]), React.useEffect(() => {
-    J(m);
+    re(m);
   }, [m]), React.useEffect(() => {
-    ee(E);
+    ce(E);
   }, [E]), React.useEffect(() => {
-    re(_);
-  }, [_]), React.useEffect(() => {
-    ne(g);
+    se(g);
   }, [g]), React.useEffect(() => {
-    ie(A);
+    de(_);
+  }, [_]), React.useEffect(() => {
+    pe(A);
   }, [A]), React.useEffect(() => {
-    pe(b);
+    we(b);
   }, [b]), React.useEffect(() => {
-    ye.current !== I && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
-  }, [I]), React.useEffect(() => {
+    Ee.current !== M && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+  }, [M]), React.useEffect(() => {
     "undefined" != typeof window && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", {
       detail: {
-        disableCore: "core" === I,
-        disableBase: I
+        disableCore: "core" === M,
+        disableBase: M
       }
     }));
   }, []), React.useEffect(() => {
     var e;
-    const r = new Set(fe);
-    let l = n;
-    if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
-      document.querySelectorAll(l).forEach(e => {
-        r.add({
+    const o = new Set(ge);
+    let n = r;
+    if (!n && t && (n = `[data-tooltip-id='${t}']`), n) try {
+      document.querySelectorAll(n).forEach(e => {
+        o.add({
           current: e
         });
       });
     } catch (e) {
-      console.warn(`[react-tooltip] "${l}" is not a valid CSS selector`);
-    }
-    const i = document.querySelector(`[id='${o}']`);
-    if (i && r.add({
-      current: i
-    }), !r.size) return () => null;
-    const c = null !== (e = null != ve ? ve : i) && void 0 !== e ? e : he.current,
-          a = new MutationObserver(e => {
+      console.warn(`[react-tooltip] "${n}" is not a valid CSS selector`);
+    }
+    const c = document.querySelector(`[id='${l}']`);
+    if (c && o.add({
+      current: c
+    }), !o.size) return () => null;
+    const i = null !== (e = null != be ? be : c) && void 0 !== e ? e : _e.current,
+          s = new MutationObserver(e => {
       e.forEach(e => {
         var t;
-        if (!c || "attributes" !== e.type || !(null === (t = e.attributeName) || void 0 === t ? void 0 : t.startsWith("data-tooltip-"))) return;
-        const r = we(c);
-        be(r);
+        if (!i || "attributes" !== e.type || !(null === (t = e.attributeName) || void 0 === t ? void 0 : t.startsWith("data-tooltip-"))) return;
+        const o = Ae(i);
+        Oe(o);
       });
     }),
-          s = {
+          a = {
       attributes: !0,
       childList: !1,
       subtree: !1
     };
 
-    if (c) {
-      const e = we(c);
-      be(e), a.observe(c, s);
+    if (i) {
+      const e = Ae(i);
+      Oe(e), s.observe(i, a);
     }
 
     return () => {
-      a.disconnect();
+      s.disconnect();
     };
-  }, [fe, he, ve, o, n]), React.useEffect(() => {
-    (null == x ? void 0 : x.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), j && !CSS.supports("border", `${j}`) && console.warn(`[react-tooltip] "${j}" is not a valid \`border\`.`), (null == x ? void 0 : x.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), B && !CSS.supports("opacity", `${B}`) && console.warn(`[react-tooltip] "${B}" is not a valid \`opacity\`.`);
+  }, [ge, _e, be, l, r]), React.useEffect(() => {
+    (null == D ? void 0 : D.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), W && !z("border", `${W}`) && console.warn(`[react-tooltip] "${W}" is not a valid \`border\`.`), (null == D ? void 0 : D.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), P && !z("opacity", `${P}`) && console.warn(`[react-tooltip] "${P}" is not a valid \`opacity\`.`);
   }, []);
-  let Se = f;
-  const Ee = React.useRef(null);
+  let Te = y;
+  const ke = React.useRef(null);
 
-  if (s) {
-    const t = s({
-      content: null != P ? P : null,
-      activeAnchor: ve
+  if (a) {
+    const t = a({
+      content: null != G ? G : null,
+      activeAnchor: be
     });
-    Se = t ? React__default["default"].createElement("div", {
-      ref: Ee,
+    Te = t ? React__default["default"].createElement("div", {
+      ref: ke,
       className: "react-tooltip-content-wrapper"
     }, t) : null;
-  } else P && (Se = P);
+  } else G && (Te = G);
 
-  K && (Se = React__default["default"].createElement(q, {
-    content: K
+  Z && (Te = React__default["default"].createElement(B, {
+    content: Z
   }));
-  const _e = {
+  const Le = {
+    forwardRef: Y,
     id: t,
-    anchorId: o,
-    anchorSelect: n,
-    className: u,
-    classNameArrow: d,
-    content: Se,
-    contentWrapperRef: Ee,
-    place: X,
-    variant: V,
-    offset: G,
-    wrapper: ce,
-    events: se,
+    anchorId: l,
+    anchorSelect: r,
+    className: d,
+    classNameArrow: u,
+    content: Te,
+    contentWrapperRef: ke,
+    place: Q,
+    variant: te,
+    offset: le,
+    wrapper: ve,
+    events: fe,
     openOnClick: w,
-    positionStrategy: de,
+    positionStrategy: he,
     middlewares: S,
-    delayShow: Q,
-    delayHide: te,
-    float: oe,
-    hidden: le,
-    noArrow: T,
-    clickable: L,
-    closeOnEsc: R,
-    closeOnScroll: N,
-    closeOnResize: k,
-    style: x,
-    position: C,
-    isOpen: $,
-    border: j,
-    opacity: B,
-    arrowColor: D,
-    setIsOpen: H,
-    afterShow: W,
-    afterHide: M,
-    activeAnchor: ve,
-    setActiveAnchor: e => me(e)
-  };
-  return React__default["default"].createElement(z, { ..._e
+    delayShow: ne,
+    delayHide: ie,
+    float: ae,
+    hidden: ue,
+    noArrow: O,
+    clickable: T,
+    closeOnEsc: L,
+    closeOnScroll: C,
+    closeOnResize: R,
+    openEvents: x,
+    closeEvents: N,
+    globalCloseEvents: $,
+    imperativeModeOnly: j,
+    style: D,
+    position: q,
+    isOpen: H,
+    border: W,
+    opacity: P,
+    arrowColor: F,
+    setIsOpen: K,
+    afterShow: U,
+    afterHide: X,
+    activeAnchor: be,
+    setActiveAnchor: e => Se(e)
+  };
+  return React__default["default"].createElement(I, { ...Le
   });
-};
+});
 
 "undefined" != typeof window && window.addEventListener("react-tooltip-inject-styles", e => {
-  e.detail.disableCore || b({
-    css: `:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.core-styles-module_tooltip__3vRRp{visibility:hidden;position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:opacity 0.3s ease-out;will-change:opacity,visibility}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{visibility:visible;opacity:var(--rt-opacity)}`,
+  e.detail.disableCore || S({
+    css: `:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,
     type: "core"
-  }), e.detail.disableBase || b({
+  }), e.detail.disableBase || S({
     css: `
 .styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,
     type: "base"
@@ -45663,7 +45788,7 @@ function ContextualHelp(_ref) {
       color: '#1d5ab9',
       cursor: 'default'
     }
-  })), React__default["default"].createElement(W, {
+  })), React__default["default"].createElement(D, {
     anchorSelect: "#helpSnippet1",
     clickable: true,
     className: "utilities_ContextualHelp_ContextualHelp--snippet",