@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Tooltip.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = n => {
-            /******/ var t = n && n.__esModule ? 
+            /******/ var r = n && n.__esModule ? 
             /******/ () => n["default"]
             /******/ : () => n
             /******/;
-            e.d(t, {
-                a: t
+            e.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (n, t) => {
-            /******/ for (var r in t) {
-                /******/ if (e.o(t, r) && !e.o(n, r)) {
-                    /******/ Object.defineProperty(n, r, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: t[r]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -61,11 +61,11 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        default: () => /* reexport */ Q
+        default: () => /* reexport */ Y
     });
     // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var r =  e.n(t);
+    const r = require("react");
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var a =  e.n(o);
@@ -74,10 +74,10 @@
     var i =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
     const u = require("@splunk/react-icons/InformationCircle");
-    var c =  e.n(u);
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const s = require("@splunk/react-ui/Popover");
-    var f =  e.n(s);
+    const c = require("@splunk/react-ui/Popover");
+    var f =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const v = require("@splunk/react-ui/ScreenReaderContent");
     var p =  e.n(v);
@@ -90,36 +90,36 @@
     const y = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "styled-components"
     const g = require("styled-components");
-    var h =  e.n(g);
+    var O =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const O = require("@splunk/react-ui/Button");
-    var S =  e.n(O);
+    const h = require("@splunk/react-ui/Button");
+    var S =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/themes"
     const C = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
-    var k = h().span.withConfig({
+    var k = O().span.withConfig({
         displayName: "TooltipStyles__Styled",
         componentId: "sc-67fvgm-0"
     })([ "", ";position:relative;" ], C.mixins.reset("block"));
-    var E = h().span.withConfig({
+    var E = O().span.withConfig({
         displayName: "TooltipStyles__StyledInline",
         componentId: "sc-67fvgm-1"
     })([ "", ";position:relative;" ], C.mixins.reset("inline-block"));
-    var P = h().span.withConfig({
+    var T = O().span.withConfig({
         displayName: "TooltipStyles__StyledToggle",
         componentId: "sc-67fvgm-2"
     })([ "display:block;" ]);
-    var T = h().span.withConfig({
+    var P = O().span.withConfig({
         displayName: "TooltipStyles__StyledToggleInline",
         componentId: "sc-67fvgm-3"
     })([ "display:inline-block;" ]);
-    var j = h().div.withConfig({
+    var j = O().div.withConfig({
         displayName: "TooltipStyles__StyledContent",
         componentId: "sc-67fvgm-4"
     })([ "", ";padding:", ";user-select:none;" ], C.mixins.typography("smallBody", {
         color: "active"
     }), C.variables.spacingSmall);
-    var w = h()(S()).withConfig({
+    var w = O()(S()).withConfig({
         displayName: "TooltipStyles__StyledButton",
         componentId: "sc-67fvgm-5"
     })([ "cursor:help;border-radius:50%;" ]);
@@ -143,139 +143,140 @@
         }
     }
     // CONCATENATED MODULE: ./src/Tooltip/Tooltip.tsx
-    function q(e) {
+    function L(e) {
         "@babel/helpers - typeof";
-        return q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, q(e);
+        }, L(e);
     }
-    function I() {
-        return I = Object.assign ? Object.assign.bind() : function(e) {
+    function q() {
+        return q = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
-                var t = arguments[n];
-                for (var r in t) {
-                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, I.apply(null, arguments);
+        }, q.apply(null, arguments);
     }
-    function L(e, n) {
-        var t = Object.keys(e);
+    function I(e, n) {
+        var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var r = Object.getOwnPropertySymbols(e);
-            n && (r = r.filter((function(n) {
+            var t = Object.getOwnPropertySymbols(e);
+            n && (t = t.filter((function(n) {
                 return Object.getOwnPropertyDescriptor(e, n).enumerable;
-            }))), t.push.apply(t, r);
+            }))), r.push.apply(r, t);
         }
-        return t;
+        return r;
     }
-    function _(e) {
+    function A(e) {
         for (var n = 1; n < arguments.length; n++) {
-            var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? L(Object(t), !0).forEach((function(n) {
-                D(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : L(Object(t)).forEach((function(n) {
-                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? I(Object(r), !0).forEach((function(n) {
+                _(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : I(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function D(e, n, t) {
-        return (n = A(n)) in e ? Object.defineProperty(e, n, {
-            value: t,
+    function _(e, n, r) {
+        return (n = D(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[n] = t, e;
+        }) : e[n] = r, e;
     }
-    function A(e) {
+    function D(e) {
         var n = N(e, "string");
-        return "symbol" == q(n) ? n : n + "";
+        return "symbol" == L(n) ? n : n + "";
     }
     function N(e, n) {
-        if ("object" != q(e) || !e) return e;
-        var t = e[Symbol.toPrimitive];
-        if (void 0 !== t) {
-            var r = t.call(e, n || "default");
-            if ("object" != q(r)) return r;
+        if ("object" != L(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != L(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     function B(e, n) {
-        return W(e) || H(e, n) || x(e, n) || M();
+        return K(e) || F(e, n) || H(e, n) || M();
     }
     function M() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function x(e, n) {
+    function H(e, n) {
         if (e) {
-            if ("string" == typeof e) return F(e, n);
-            var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? F(e, n) : void 0;
+            if ("string" == typeof e) return x(e, n);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? x(e, n) : void 0;
         }
     }
-    function F(e, n) {
+    function x(e, n) {
         (null == n || n > e.length) && (n = e.length);
-        for (var t = 0, r = Array(n); t < n; t++) {
-            r[t] = e[t];
+        for (var r = 0, t = Array(n); r < n; r++) {
+            t[r] = e[r];
         }
-        return r;
+        return t;
     }
-    function H(e, n) {
-        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != t) {
-            var r, o, a, l, i = [], u = !0, c = !1;
+    function F(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, o, a, l, i = [], u = !0, s = !1;
             try {
-                if (a = (t = t.call(e)).next, 0 === n) {
-                    if (Object(t) !== t) return;
+                if (a = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
                     u = !1;
-                } else for (;!(u = (r = a.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                } else for (;!(u = (t = a.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
                 }
             } catch (e) {
-                c = !0, o = e;
+                s = !0, o = e;
             } finally {
                 try {
-                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
+                    if (!u && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
                 } finally {
-                    if (c) throw o;
+                    if (s) throw o;
                 }
             }
             return i;
         }
     }
-    function W(e) {
+    function K(e) {
         if (Array.isArray(e)) return e;
     }
-    function V(e, n) {
+    function W(e, n) {
         if (null == e) return {};
-        var t, r, o = K(e, n);
+        var r, t, o = V(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < a.length; r++) {
-                t = a[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+            for (t = 0; t < a.length; t++) {
+                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function K(e, n) {
+    function V(e, n) {
         if (null == e) return {};
-        var t = {};
-        for (var r in e) {
-            if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
-                t[r] = e[r];
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
             }
         }
-        return t;
+        return r;
     }
     /** @public */
+    /** @public */    var U = [ "focusToggle", "mouseEnterPopover", "mouseEnterToggle", "mouseEnterHitArea" ];
+    var $ = [ "blurToggle", "clickAway", "escapeKey", "mouseLeaveHitArea", "mouseLeavePopover", "mouseLeaveToggle", "mouseStopHitArea", "offScreen", "tabKey", "toggleClick" ];
     /** @public */
-    /** @public */
-    /** @public */    var U = {
+    /** @public */    var z = {
         /** @private */
         appearance: a().string,
         children: a().node,
@@ -293,28 +294,28 @@
         openDelay: a().oneOfType([ a().oneOf([ "primary", "secondary" ]), a().number ]),
         renderAnchor: a().func
     };
-    var $ = {
+    var G = {
         tension: 400
     };
-    var z = [ "offScreen", "escapeKey" ];
-    var G =  r().createElement(c(), null);
+    var J = [ "offScreen", "escapeKey" ];
+    var Q =  t().createElement(s(), null);
     /**
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
- */    function J(e) {
-        var n = e.appearance, o = e.children, a = e.closeDelay, l = a === void 0 ? 300 : a, u = e.closeWhen, c = u === void 0 ? "default" : u, s = e.content, v = e.contentRelationship, d = e.defaultPlacement, g = d === void 0 ? "above" : d, h = e.elementRef, O = e.inline, S = O === void 0 ? true : O, C = e.onRequestClose, q = e.onRequestOpen, L = e.open, D = e.openDelay, A = D === void 0 ? "primary" : D, N = e.renderAnchor, M = V(e, [ "appearance", "children", "closeDelay", "closeWhen", "content", "contentRelationship", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "openDelay", "renderAnchor" ]);
+ */    function X(e) {
+        var n = e.appearance, o = e.children, a = e.closeDelay, l = a === void 0 ? 300 : a, u = e.closeWhen, s = u === void 0 ? "default" : u, c = e.content, v = e.contentRelationship, d = e.defaultPlacement, g = d === void 0 ? "above" : d, O = e.elementRef, h = e.inline, S = h === void 0 ? true : h, C = e.onRequestClose, L = e.onRequestOpen, I = e.open, _ = e.openDelay, D = _ === void 0 ? "primary" : _, N = e.renderAnchor, M = W(e, [ "appearance", "children", "closeDelay", "closeWhen", "content", "contentRelationship", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "openDelay", "renderAnchor" ]);
         // @docs-props-type TooltipPropsBase
-                var x = (0, t.useState)(false), F = B(x, 2), H = F[0], W = F[1];
-        var K = (0, t.useState)(null), U = B(K, 2), J = U[0], Q = U[1];
-        var X = (0, t.useState)(null), Y = B(X, 2), Z = Y[0], ee = Y[1];
-        var ne = (0, t.useState)(null), te = B(ne, 2), re = te[0], oe = te[1];
-        var ae = (0, t.useState)(null), le = B(ae, 2), ie = le[0], ue = le[1];
-        var ce = (0, t.useState)((function() {
+                var H = (0, r.useState)(false), x = B(H, 2), F = x[0], K = x[1];
+        var V = (0, r.useState)(null), U = B(V, 2), $ = U[0], z = U[1];
+        var X = (0, r.useState)(null), Y = B(X, 2), Z = Y[0], ee = Y[1];
+        var ne = (0, r.useState)(null), re = B(ne, 2), te = re[0], oe = re[1];
+        var ae = (0, r.useState)(null), le = B(ae, 2), ie = le[0], ue = le[1];
+        var se = (0, r.useState)((function() {
             return {
                 ariaId: (0, y.createDOMID)("aria-id"),
                 popoverId: (0, y.createDOMID)("popover")
             };
-        })), se = B(ce, 1), fe = se[0], ve = fe.ariaId, pe = fe.popoverId;
+        })), ce = B(se, 1), fe = ce[0], ve = fe.ariaId, pe = fe.popoverId;
         var de = m()({
             componentName: "Tooltip",
             /* eslint-disable-next-line prefer-rest-params */
@@ -323,169 +324,169 @@
             defaultValuePropName: "defaultOpen",
             valuePropName: "open"
         });
-        var me = (0, t.useMemo)((function() {
-            var e = !!s;
-            return !!J && de ? L : e && H;
-        }), [ J, s, de, H, L ]);
-        var be = (0, t.useRef)();
-        (0, t.useEffect)((function() {
+        var me = (0, r.useMemo)((function() {
+            var e = !!c;
+            return !!$ && de ? I : e && F;
+        }), [ $, c, de, F, I ]);
+        var be = (0, r.useRef)();
+        (0, r.useEffect)((function() {
             return function() {
                 if (be.current !== undefined) {
                     clearTimeout(be.current);
                 }
             };
         }), []);
-        var ye = (0, t.useCallback)((function(e, n) {
+        var ye = (0, r.useCallback)((function(e, n) {
             if (be.current !== undefined) {
                 clearTimeout(be.current);
             }
             be.current = setTimeout((function() {
                 if (!de) {
-                    W(false);
+                    K(false);
                 }
                 C === null || C === void 0 ? void 0 : C(e, n);
             }), l);
         }), [ l, de, C ]);
-        var ge = (0, t.useCallback)((function(e, n) {
-            var t = A === "primary" ? 300 : 750;
-            var r = typeof A === "number" ? A : t;
+        var ge = (0, r.useCallback)((function(e, n) {
+            var r = D === "primary" ? 300 : 750;
+            var t = typeof D === "number" ? D : r;
             if (be.current !== undefined) {
                 clearTimeout(be.current);
             }
             be.current = setTimeout((function() {
-                var t = me;
+                var r = me;
                 if (!de) {
-                    W(true);
+                    K(true);
                 }
-                if (!t) {
-                    q === null || q === void 0 ? void 0 : q(e, n);
+                if (!r) {
+                    L === null || L === void 0 ? void 0 : L(e, n);
                 }
-            }), r);
-        }), [ de, me, q, A ]);
-        var he = (0, t.useCallback)((function(e) {
+            }), t);
+        }), [ de, me, L, D ]);
+        var Oe = (0, r.useCallback)((function(e) {
             ge(e, {
                 reason: "mouseEnterToggle"
             });
         }), [ ge ]);
-        var Oe = (0, t.useCallback)((function(e) {
+        var he = (0, r.useCallback)((function(e) {
             ge(e, {
                 reason: "mouseEnterPopover"
             });
         }), [ ge ]);
-        var Se = (0, t.useCallback)((function(e) {
+        var Se = (0, r.useCallback)((function(e) {
             ge(e, {
                 reason: "mouseEnterHitArea"
             });
         }), [ ge ]);
-        var Ce = (0, t.useCallback)((function(e) {
+        var Ce = (0, r.useCallback)((function(e) {
             var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "mouseLeaveToggle";
-            if (e.relatedTarget == null || e.relatedTarget !== re && e.relatedTarget !== ie) {
+            if (e.relatedTarget == null || e.relatedTarget !== te && e.relatedTarget !== ie) {
                 ye(e, {
                     reason: n
                 });
             }
-        }), [ ye, re, ie ]);
-        var ke = (0, t.useCallback)((function(e) {
+        }), [ ye, te, ie ]);
+        var ke = (0, r.useCallback)((function(e) {
             Ce(e, "mouseLeavePopover");
         }), [ Ce ]);
-        var Ee = (0, t.useCallback)((function(e) {
+        var Ee = (0, r.useCallback)((function(e) {
             Ce(e, "mouseLeaveHitArea");
         }), [ Ce ]);
-        var Pe = (0, t.useCallback)((function(e) {
+        var Te = (0, r.useCallback)((function(e) {
             ye(e, {
                 reason: "mouseStopHitArea"
             });
         }), [ ye ]);
-        var Te = i()(Pe, 10);
-        var je = (0, t.useCallback)((function(e) {
+        var Pe = i()(Te, 10);
+        var je = (0, r.useCallback)((function(e) {
             // Handle mouse events with native events due to current issues with how they
             // are handled by react. See https://github.com/facebook/react/issues/4251,
             // https://github.com/facebook/react/issues/19419, and SUI-1232.
             if (e) {
-                e.addEventListener("mouseenter", he);
+                e.addEventListener("mouseenter", Oe);
                 e.addEventListener("mouseleave", Ce);
-            } else if (J) {
-                J.removeEventListener("mouseenter", he);
-                J.removeEventListener("mouseleave", Ce);
+            } else if ($) {
+                $.removeEventListener("mouseenter", Oe);
+                $.removeEventListener("mouseleave", Ce);
             }
-            Q(e);
-        }), [ J, he, Ce ]);
-        var we = (0, t.useCallback)((function(e) {
+            z(e);
+        }), [ $, Oe, Ce ]);
+        var we = (0, r.useCallback)((function(e) {
             if (e) {
-                e.addEventListener("mouseenter", Oe);
+                e.addEventListener("mouseenter", he);
                 e.addEventListener("mouseleave", ke);
-            } else if (re) {
-                re.removeEventListener("mouseenter", Oe);
-                re.removeEventListener("mouseleave", ke);
+            } else if (te) {
+                te.removeEventListener("mouseenter", he);
+                te.removeEventListener("mouseleave", ke);
             }
             oe(e);
-        }), [ Oe, ke, re ]);
-        var Re = (0, t.useCallback)((function(e) {
+        }), [ he, ke, te ]);
+        var Re = (0, r.useCallback)((function(e) {
             ue(e);
         }), []);
-        var qe = (0, t.useCallback)((function(e) {
+        var Le = (0, r.useCallback)((function(e) {
             // Handle mouse events with native events due to current issues with how they
             // are handled by react. See https://github.com/facebook/react/issues/4251,
             // https://github.com/facebook/react/issues/19419, and SUI-1232.
             if (e) {
                 e.addEventListener("mouseenter", Se);
-                e.addEventListener("mousemove", Te);
+                e.addEventListener("mousemove", Pe);
                 e.addEventListener("mouseleave", Ee);
             } else if (Z) {
                 Z.removeEventListener("mouseenter", Se);
-                Z.removeEventListener("mousemove", Te);
+                Z.removeEventListener("mousemove", Pe);
                 Z.removeEventListener("mouseleave", Ee);
             }
             ee(e);
-        }), [ Se, Ee, Te, Z ]);
-        var Ie = (0, t.useCallback)((function(e) {
-            if (c !== "notOnClick") {
+        }), [ Se, Ee, Pe, Z ]);
+        var qe = (0, r.useCallback)((function(e) {
+            if (s !== "notOnClick") {
                 ye(e, {
                     reason: "toggleClick"
                 });
             }
-        }), [ c, ye ]);
-        var Le = (0, t.useCallback)((function(e) {
+        }), [ s, ye ]);
+        var Ie = (0, r.useCallback)((function(e) {
             ge(e, {
                 reason: "focusToggle"
             });
         }), [ ge ]);
-        var _e = (0, t.useCallback)((function(e) {
+        var Ae = (0, r.useCallback)((function(e) {
             ye(e, {
                 reason: "blurToggle"
             });
         }), [ ye ]);
-        var De = (0, t.useCallback)((function(e) {
+        var _e = (0, r.useCallback)((function(e) {
             ye(null, e);
         }), [ ye ]);
-        var Ae = (0, t.useCallback)((function(e) {
+        var De = (0, r.useCallback)((function(e) {
             je(e);
-            R(h, e);
-        }), [ h, je ]);
-        var Ne = (0, t.useCallback)((function() {
+            R(O, e);
+        }), [ O, je ]);
+        var Ne = (0, r.useCallback)((function() {
             if (false) {}
             var e = {
-                onBlur: _e,
-                onFocus: Le,
-                onClick: Ie,
-                elementRef: Ae,
+                onBlur: Ae,
+                onFocus: Ie,
+                onClick: qe,
+                elementRef: De,
                 "data-test": "toggle"
             };
             if (v === "label") {
-                return N === null || N === void 0 ? void 0 : N(_(_({}, e), {}, {
+                return N === null || N === void 0 ? void 0 : N(A(A({}, e), {}, {
                     "aria-labelledby": ve,
                     labelledBy: ve
                 }));
             }
-            return N === null || N === void 0 ? void 0 : N(_(_({}, e), {}, {
+            return N === null || N === void 0 ? void 0 : N(A(A({}, e), {}, {
                 "aria-describedby": ve,
                 describedBy: ve
             }));
-        }), [ ve, o, v, _e, Ie, Le, Ae, N ]);
-        var Be = (0, t.useCallback)((function() {
-            var e = S ? T : P;
+        }), [ ve, o, v, Ae, qe, Ie, De, N ]);
+        var Be = (0, r.useCallback)((function() {
+            var e = S ? P : T;
             var n;
-            if ( (0, t.isValidElement)(o)) {
+            if ( (0, r.isValidElement)(o)) {
                 var a;
                 if (v === "label") {
                     a = {
@@ -498,60 +499,62 @@
                         "aria-describedby": ve
                     };
                 }
-                n =  (0, t.cloneElement)(o, a);
+                n =  (0, r.cloneElement)(o, a);
             } else if (o) {
                 n = o;
             } else {
-                n =  r().createElement(w, {
+                n =  t().createElement(w, {
                     appearance: "subtle",
                     "aria-describedby": ve,
                     "aria-label": (0, b._)("More info"),
-                    icon: G
+                    icon: Q
                 });
             }
             
-            return r().createElement(e, {
-                onClick: Ie,
-                onFocus: Le,
-                onBlur: _e,
+            return t().createElement(e, {
+                onClick: qe,
+                onFocus: Ie,
+                onBlur: Ae,
                 ref: je,
                 "data-test": "toggle"
             }, n);
-        }), [ ve, o, v, _e, Ie, Le, je, S ]);
+        }), [ ve, o, v, Ae, qe, Ie, je, S ]);
         var Me = S ? E : k;
-        var xe = !!s &&  r().createElement(p(), {
+        var He = !!c &&  t().createElement(p(), {
             "aria-hidden": "true",
             id: ve
-        }, s);
-        var Fe =  r().createElement(f(), {
+        }, c);
+        var xe =  t().createElement(f(), {
             role: "tooltip",
             align: "center",
-            anchor: J,
-            animationConfig: $,
+            anchor: $,
+            animationConfig: G,
             appearance: n,
-            closeReasons: z,
+            closeReasons: J,
             defaultPlacement: g,
             id: pe,
             open: me,
-            onRequestClose: De,
+            onRequestClose: _e,
             elementRef: we,
-            hitAreaRef: qe,
+            hitAreaRef: Le,
             outerRef: Re
-        },  r().createElement(j, null, s));
+        },  t().createElement(j, null, c));
         if (N) {
             
-            return r().createElement(r().Fragment, null, Ne(), xe, Fe);
+            return t().createElement(t().Fragment, null, Ne(), He, xe);
         }
         
-        return r().createElement(Me, I({
+        return t().createElement(Me, q({
             "data-test": "tooltip",
             "data-test-open": me,
             "data-test-popover-id": pe,
-            ref: h
-        }, M), Be(), xe, Fe);
+            ref: O
+        }, M), Be(), He, xe);
     }
-    J.propTypes = U;
-    /* harmony default export */    const Q = J;
+    X.propTypes = z;
+    X.possibleOpenReasons = U;
+    X.possibleCloseReasons = $;
+    /* harmony default export */    const Y = X;
     // only for styled components using Tooltip
         // CONCATENATED MODULE: ./src/Tooltip/index.ts
     module.exports = n;