@splunk/react-ui 4.41.0 → 4.42.0

package/Tooltip.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (t, n) => {
-            /******/ for (var o in n) {
-                /******/ if (e.o(n, o) && !e.o(t, o)) {
-                    /******/ Object.defineProperty(t, o, {
+            /******/ for (var r in n) {
+                /******/ if (e.o(n, r) && !e.o(t, r)) {
+                    /******/ Object.defineProperty(t, r, {
                         enumerable: true,
-                        get: n[o]
+                        get: n[r]
                     });
                     /******/                }
                 /******/            }
@@ -61,62 +61,84 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ ee
+        default: () => /* reexport */ ae
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
-    var o =  e.n(n);
+    var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const r = require("prop-types");
-    var a =  e.n(r);
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/has"
     const i = require("lodash/has");
     var l =  e.n(i);
-    // CONCATENATED MODULE: external "lodash/throttle"
-    const s = require("lodash/throttle");
+    // CONCATENATED MODULE: external "lodash/omit"
+    const s = require("lodash/omit");
     var u =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const c = require("@splunk/react-ui/Popover");
+    // CONCATENATED MODULE: external "lodash/throttle"
+    const c = require("lodash/throttle");
     var p =  e.n(c);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const d = require("@splunk/react-ui/ScreenReaderContent");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
+    const d = require("@splunk/react-ui/Popover");
     var f =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const v = require("@splunk/react-ui/ScreenReaderContent");
+    var h =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const m = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const h = require("@splunk/ui-utils/id");
+    const y = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const m = require("@splunk/ui-utils/i18n");
+    const b = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+    function g(e, t) {
+        if (e) {
+            if (typeof e === "function") {
+                e(t);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = t;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
+    }
     // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-    const y = require("@splunk/react-icons/SVGEnterprise");
-    var b =  e.n(y);
+    const E = require("@splunk/react-icons/SVGEnterprise");
+    var O =  e.n(E);
     // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function C() {
+        return C = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
-                for (var o in n) {
-                    ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+                for (var r in n) {
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, C.apply(null, arguments);
     }
-    function C(e) {
-        var t = (0, v.useSplunkTheme)(), n = t.family, r = t.density;
+    function M(e) {
+        var t = (0, m.useSplunkTheme)(), n = t.family, o = t.density;
         if (n === "enterprise") {
             
-            return o().createElement(b(), g({
-                screenReaderText: (0, m._)("Info Circle"),
+            return r().createElement(O(), C({
+                screenReaderText: (0, b._)("Info Circle"),
                 viewBox: "0 0 24 24"
-            }, e),  o().createElement("path", {
+            }, e),  r().createElement("path", {
                 fill: "currentColor",
                 d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2001 8.1999C13.2001 7.53716 12.6628 6.9999 12.0001 6.9999C11.3373 6.9999 10.8001 7.53716 10.8001 8.1999C10.8001 8.86264 11.3373 9.3999 12.0001 9.3999C12.6628 9.3999 13.2001 8.86264 13.2001 8.1999ZM11.0001 16.0094V11.9999C11.0001 11.4476 11.4478 10.9999 12.0001 10.9999C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999V16.0094C13.0001 16.5617 12.5524 17.0094 12.0001 17.0094C11.4478 17.0094 11.0001 16.5617 11.0001 16.0094Z"
             }));
         }
-        var a = r === "compact" ? "20" : "24";
+        var a = o === "compact" ? "20" : "24";
         
-        return o().createElement("svg", {
+        return r().createElement("svg", {
             width: a,
             height: a,
             viewBox: "0 0 24 24",
@@ -124,68 +146,68 @@
             style: {
                 display: "block"
             }
-        },  o().createElement("path", {
+        },  r().createElement("path", {
             d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2003 8.1999C13.2003 7.53716 12.663 6.9999 12.0003 6.9999C11.3376 6.9999 10.8003 7.53716 10.8003 8.1999C10.8003 8.86264 11.3376 9.3999 12.0003 9.3999C12.663 9.3999 13.2003 8.86264 13.2003 8.1999ZM11.0005 16.0094V11.9999C11.0005 11.4476 11.4482 10.9999 12.0005 10.9999C12.5528 10.9999 13.0005 11.4476 13.0005 11.9999V16.0094C13.0005 16.5617 12.5528 17.0094 12.0005 17.0094C11.4482 17.0094 11.0005 16.5617 11.0005 16.0094Z",
             fill: "currentColor",
             fillRule: "evenodd"
         }));
     }
-    /* harmony default export */    const E = C;
+    /* harmony default export */    const P = M;
     // CONCATENATED MODULE: external "styled-components"
-    const O = require("styled-components");
-    var M =  e.n(O);
+    const w = require("styled-components");
+    var S =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const S = require("@splunk/react-ui/Clickable");
-    var k =  e.n(S);
+    const k = require("@splunk/react-ui/Clickable");
+    var R =  e.n(k);
     // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
-    var w = "16px";
-    var P = M().span.withConfig({
+    var T = "16px";
+    var j = S().span.withConfig({
         displayName: "TooltipStyles__Styled",
         componentId: "sc-67fvgm-0"
-    })([ "", ";position:relative;" ], v.mixins.reset("block"));
-    var R = M().span.withConfig({
+    })([ "", ";position:relative;" ], m.mixins.reset("block"));
+    var q = S().span.withConfig({
         displayName: "TooltipStyles__StyledInline",
         componentId: "sc-67fvgm-1"
-    })([ "", ";position:relative;" ], v.mixins.reset("inline-block"));
-    var T = M().span.withConfig({
+    })([ "", ";position:relative;" ], m.mixins.reset("inline-block"));
+    var A = S().span.withConfig({
         displayName: "TooltipStyles__StyledToggle",
         componentId: "sc-67fvgm-2"
     })([ "display:block;" ]);
-    var q = M().span.withConfig({
+    var L = S().span.withConfig({
         displayName: "TooltipStyles__StyledToggleInline",
         componentId: "sc-67fvgm-3"
     })([ "display:inline-block;" ]);
-    var L = M().div.withConfig({
+    var I = S().div.withConfig({
         displayName: "TooltipStyles__StyledContent",
         componentId: "sc-67fvgm-4"
-    })([ "padding:", ";font-size:", ";line-height:", ";user-select:none;" ], (0, v.pick)({
-        enterprise: v.variables.spacingSmall,
-        prisma: (0, v.pickVariant)("$isLabel", {
+    })([ "padding:", ";font-size:", ";line-height:", ";user-select:none;" ], (0, m.pick)({
+        enterprise: m.variables.spacingSmall,
+        prisma: (0, m.pickVariant)("$isLabel", {
             false: "12px 16px",
             true: "4px 8px"
         })
-    }), (0, v.pick)({
-        enterprise: v.variables.fontSizeSmall,
+    }), (0, m.pick)({
+        enterprise: m.variables.fontSizeSmall,
         prisma: "inherit"
-    }), (0, v.pick)({
+    }), (0, m.pick)({
         enterprise: "18px",
-        prisma: (0, v.pickVariant)("$isLabel", {
+        prisma: (0, m.pickVariant)("$isLabel", {
             false: "inherit",
             true: "18px"
         })
     }));
-    var x = M()(k()).withConfig({
+    var x = S()(R()).withConfig({
         displayName: "TooltipStyles__StyledButton",
         componentId: "sc-67fvgm-5"
-    })([ "cursor:default;", " ", " &:focus{box-shadow:", ";}" ], (0, v.pick)({
-        enterprise: (0, O.css)([ "display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}" ], w, w, v.variables.linkColor, w, v.variables.fontSizeSmall, v.variables.fontWeightSemiBold, w, v.variables.linkColor),
-        prisma: (0, O.css)([ "color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}" ], v.variables.contentColorMuted, v.variables.contentColorActive, v.variables.interactiveColorOverlayHover)
-    }), (0, v.pick)({
+    })([ "cursor:default;", " ", " &:focus{box-shadow:", ";}" ], (0, m.pick)({
+        enterprise: (0, w.css)([ "display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}" ], T, T, m.variables.linkColor, T, m.variables.fontSizeSmall, m.variables.fontWeightSemiBold, T, m.variables.linkColor),
+        prisma: (0, w.css)([ "color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}" ], m.variables.contentColorMuted, m.variables.contentColorActive, m.variables.interactiveColorOverlayHover)
+    }), (0, m.pick)({
         prisma: {
-            comfortable: (0, O.css)([ "padding:8px;" ]),
-            compact: (0, O.css)([ "padding:6px;" ])
+            comfortable: (0, w.css)([ "padding:8px;" ]),
+            compact: (0, w.css)([ "padding:6px;" ])
         }
-    }), v.variables.focusShadow);
+    }), m.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Tooltip/Tooltip.tsx
     function _(e) {
         "@babel/helpers - typeof";
@@ -195,55 +217,76 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, _(e);
     }
-    function j() {
-        return j = Object.assign ? Object.assign.bind() : function(e) {
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
-                for (var o in n) {
-                    ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+                for (var r in n) {
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        }, j.apply(null, arguments);
+        }, B.apply(null, arguments);
     }
-    function I(e, t) {
+    function D(e, t) {
         if (null == e) return {};
-        var n, o, r = A(e, t);
+        var n, r, o = H(e, t);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+            for (r = 0; r < a.length; r++) {
+                n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
         }
-        return r;
+        return o;
     }
-    function A(e, t) {
+    function H(e, t) {
         if (null == e) return {};
         var n = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (t.includes(o)) continue;
-                n[o] = e[o];
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (t.includes(r)) continue;
+                n[r] = e[r];
             }
         }
         return n;
     }
-    function H(e, t) {
+    function V(e, t) {
+        var n = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            t && (r = r.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }))), n.push.apply(n, r);
+        }
+        return n;
+    }
+    function Z(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var n = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? V(Object(n), !0).forEach((function(t) {
+                X(e, t, n[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : V(Object(n)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+            }));
+        }
+        return e;
+    }
+    function F(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function D(e, t) {
+    function N(e, t) {
         for (var n = 0; n < t.length; n++) {
-            var o = t[n];
-            o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
-            Object.defineProperty(e, G(o.key), o);
+            var r = t[n];
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, Y(r.key), r);
         }
     }
-    function B(e, t, n) {
-        return t && D(e.prototype, t), n && D(e, n), Object.defineProperty(e, "prototype", {
+    function W(e, t, n) {
+        return t && N(e.prototype, t), n && N(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function V(e, t) {
+    function z(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -253,64 +296,64 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && Z(e, t);
+        }), t && $(e, t);
     }
-    function Z(e, t) {
-        return Z = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function $(e, t) {
+        return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, Z(e, t);
+        }, $(e, t);
     }
-    function N(e) {
-        var t = F();
+    function U(e) {
+        var t = J();
         return function() {
-            var n, o = $(e);
+            var n, r = Q(e);
             if (t) {
-                var r = $(this).constructor;
-                n = Reflect.construct(o, arguments, r);
-            } else n = o.apply(this, arguments);
-            return W(this, n);
+                var o = Q(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return G(this, n);
         };
     }
-    function W(e, t) {
+    function G(e, t) {
         if (t && ("object" == _(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return z(e);
+        return K(e);
     }
-    function z(e) {
+    function K(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function F() {
+    function J() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (F = function t() {
+        return (J = function t() {
             return !!e;
         })();
     }
-    function $(e) {
-        return $ = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function Q(e) {
+        return Q = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, $(e);
+        }, Q(e);
     }
-    function U(e, t, n) {
-        return (t = G(t)) in e ? Object.defineProperty(e, t, {
+    function X(e, t, n) {
+        return (t = Y(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function G(e) {
-        var t = K(e, "string");
+    function Y(e) {
+        var t = ee(e, "string");
         return "symbol" == _(t) ? t : t + "";
     }
-    function K(e, t) {
+    function ee(e, t) {
         if ("object" != _(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
-            var o = n.call(e, t || "default");
-            if ("object" != _(o)) return o;
+            var r = n.call(e, t || "default");
+            if ("object" != _(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
@@ -318,7 +361,7 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var J = {
+    /** @public */    var te = {
         /** @private */
         appearance: a().string,
         children: a().node,
@@ -334,13 +377,13 @@
         onRequestOpen: a().func,
         open: a().bool,
         openDelay: a().oneOfType([ a().oneOf([ "primary", "secondary" ]), a().number ]),
+        renderAnchor: a().func,
         /** @private */
         splunkTheme: a().object
     };
-    var Q = {
+    var ne = {
         closeDelay: 300,
         closeWhen: "default",
-        contentRelationship: "description",
         defaultPlacement: "theme",
         inline: true,
         openDelay: "primary"
@@ -348,19 +391,19 @@
     /**
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
- */    var X =  function(e) {
-        V(r, e);
-        var t = N(r);
+ */    var re =  function(e) {
+        z(o, e);
+        var t = U(o);
         // @docs-props-type TooltipPropsBase
-                function r(e) {
+                function o(e) {
             var n;
-            H(this, r);
+            F(this, o);
             n = t.call(this, e);
-            U(z(n), "ariaId", void 0);
-            U(z(n), "controlledExternally", void 0);
-            U(z(n), "popoverId", void 0);
-            U(z(n), "timeout", void 0);
-            U(z(n), "handleMount", (function(e) {
+            X(K(n), "ariaId", void 0);
+            X(K(n), "controlledExternally", void 0);
+            X(K(n), "popoverId", void 0);
+            X(K(n), "timeout", void 0);
+            X(K(n), "handleMount", (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.
@@ -375,7 +418,7 @@
                     anchorEl: e
                 });
             }));
-            U(z(n), "handlePopoverMount", (function(e) {
+            X(K(n), "handlePopoverMount", (function(e) {
                 if (e) {
                     e.addEventListener("mouseenter", n.handleMouseEnterPopover);
                     e.addEventListener("mouseleave", n.handleMouseLeavePopover);
@@ -387,12 +430,12 @@
                     popoverEl: e
                 });
             }));
-            U(z(n), "handlePopoverOuterMount", (function(e) {
+            X(K(n), "handlePopoverOuterMount", (function(e) {
                 n.setState({
                     popoverOuterEl: e
                 });
             }));
-            U(z(n), "handleHitAreaMount", (function(e) {
+            X(K(n), "handleHitAreaMount", (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.
@@ -409,22 +452,22 @@
                     hitAreaEl: e
                 });
             }));
-            U(z(n), "handleMouseEnter", (function(e) {
+            X(K(n), "handleMouseEnter", (function(e) {
                 n.handleRequestOpen(e, {
                     reason: "mouseEnterToggle"
                 });
             }));
-            U(z(n), "handleMouseEnterPopover", (function(e) {
+            X(K(n), "handleMouseEnterPopover", (function(e) {
                 n.handleRequestOpen(e, {
                     reason: "mouseEnterPopover"
                 });
             }));
-            U(z(n), "handleMouseEnterHitArea", (function(e) {
+            X(K(n), "handleMouseEnterHitArea", (function(e) {
                 n.handleRequestOpen(e, {
                     reason: "mouseEnterHitArea"
                 });
             }));
-            U(z(n), "handleMouseLeave", (function(e) {
+            X(K(n), "handleMouseLeave", (function(e) {
                 var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "mouseLeaveToggle";
                 if (e.relatedTarget == null || e.relatedTarget !== n.state.popoverEl && e.relatedTarget !== n.state.popoverOuterEl) {
                     n.handleRequestClose(e, {
@@ -432,76 +475,81 @@
                     });
                 }
             }));
-            U(z(n), "handleMouseLeavePopover", (function(e) {
+            X(K(n), "handleMouseLeavePopover", (function(e) {
                 n.handleMouseLeave(e, "mouseLeavePopover");
             }));
-            U(z(n), "handleMouseLeaveHitArea", (function(e) {
+            X(K(n), "handleMouseLeaveHitArea", (function(e) {
                 n.handleMouseLeave(e, "mouseLeaveHitArea");
             }));
-            U(z(n), "handleMouseMoveHitAreaImpl", (function(e) {
+            X(K(n), "handleMouseMoveHitAreaImpl", (function(e) {
                 n.handleRequestClose(e, {
                     reason: "mouseStopHitArea"
                 });
             }));
-            U(z(n), "handleMouseMoveHitArea", u()(n.handleMouseMoveHitAreaImpl, 10));
-            U(z(n), "handleClick", (function(e) {
+            X(K(n), "handleMouseMoveHitArea", p()(n.handleMouseMoveHitAreaImpl, 10));
+            X(K(n), "handleClick", (function(e) {
                 if (n.props.closeWhen !== "notOnClick") {
                     n.handleRequestClose(e, {
                         reason: "toggleClick"
                     });
                 }
             }));
-            U(z(n), "handleFocus", (function(e) {
+            X(K(n), "handleFocus", (function(e) {
                 n.handleRequestOpen(e, {
                     reason: "focusToggle"
                 });
             }));
-            U(z(n), "handleBlur", (function(e) {
+            X(K(n), "handleBlur", (function(e) {
                 n.handleRequestClose(e, {
                     reason: "blurToggle"
                 });
             }));
-            U(z(n), "handlePopoverOnRequestClose", (function(e) {
+            X(K(n), "handlePopoverOnRequestClose", (function(e) {
                 n.handleRequestClose(null, e);
             }));
-            U(z(n), "handleRequestClose", (function(e, t) {
-                var o = n.props.closeDelay;
+            X(K(n), "handleRequestClose", (function(e, t) {
+                var r = n.props.closeDelay;
                 if (n.timeout !== undefined) {
                     clearTimeout(n.timeout);
                 }
                 n.timeout = setTimeout((function() {
-                    var o, r;
+                    var r, o;
                     if (!n.isControlled()) {
                         n.setState({
                             open: false
                         });
                     }
-                    (o = (r = n.props).onRequestClose) === null || o === void 0 ? void 0 : o.call(r, e, t);
-                }), o);
+                    (r = (o = n.props).onRequestClose) === null || r === void 0 ? void 0 : r.call(o, e, t);
+                }), r);
             }));
-            U(z(n), "handleRequestOpen", (function(e, t) {
-                var o = n.props.openDelay;
-                var r = o === "primary" ? 300 : 750;
-                var a = typeof o === "number" ? o : r;
+            X(K(n), "handleRequestOpen", (function(e, t) {
+                var r = n.props.openDelay;
+                var o = r === "primary" ? 300 : 750;
+                var a = typeof r === "number" ? r : o;
                 if (n.timeout !== undefined) {
                     clearTimeout(n.timeout);
                 }
                 n.timeout = setTimeout((function() {
-                    var o = n.isOpen();
+                    var r = n.isOpen();
                     if (!n.isControlled()) {
                         n.setState({
                             open: true
                         });
                     }
-                    if (!o) {
-                        var r, a;
-                        (r = (a = n.props).onRequestOpen) === null || r === void 0 ? void 0 : r.call(a, e, t);
+                    if (!r) {
+                        var o, a;
+                        (o = (a = n.props).onRequestOpen) === null || o === void 0 ? void 0 : o.call(a, e, t);
                     }
                 }), a);
             }));
+            X(K(n), "handleRenderPropAnchorMount", (function(e) {
+                var t = n.props.elementRef;
+                n.handleMount(e);
+                g(t, e);
+            }));
             n.controlledExternally = l()(e, "open");
-            n.popoverId = (0, h.createDOMID)("popover");
-            n.ariaId = (0, h.createDOMID)("aria-id");
+            n.popoverId = (0, y.createDOMID)("popover");
+            n.ariaId = (0, y.createDOMID)("aria-id");
             n.state = {
                 anchorEl: null,
                 open: false,
@@ -511,7 +559,7 @@
             };
             return n;
         }
-        B(r, [ {
+        W(o, [ {
             key: "componentDidUpdate",
             value: function e() {
                 if (false) {}
@@ -535,86 +583,131 @@
                 return !!this.state.anchorEl && this.isControlled() ? this.props.open : t && this.state.open;
             }
         }, {
-            key: "render",
+            key: "createAnchor",
             value: function e() {
-                var t = this.props, r = t.appearance, a = t.children, i = t.content, l = t.defaultPlacement, s = t.elementRef, u = t.inline, c = t.onRequestClose, d = t.onRequestOpen, v = t.splunkTheme, h = t.contentRelationship, y = I(t, [ "appearance", "children", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "splunkTheme", "contentRelationship" ]);
-                var b = this.state.anchorEl;
-                var g = !!i;
-                var C = this.isOpen();
-                var O = u ? R : P;
-                var M = u ? q : T;
-                var S = v.isEnterprise;
-                var k = S ? "above" : "below";
-                var w = r;
-                if (r === undefined) {
-                    w = S ? "inverted" : "normal";
-                }
-                var _;
-                if (h === "label") {
-                    _ = {
-                        labelledBy: this.ariaId,
-                        "aria-labelledby": this.ariaId
+                var t = this.props, o = t.children, a = t.inline, i = t.renderAnchor, l = t.splunkTheme;
+                if (i) {
+                    var s, c;
+                    if (false) {}
+                    var p = {
+                        onBlur: this.handleBlur,
+                        onFocus: this.handleFocus,
+                        onClick: this.handleClick,
+                        elementRef: this.handleRenderPropAnchorMount,
+                        "data-test": "toggle"
                     };
-                } else if (h === "description") {
-                    _ = {
-                        describedBy: this.ariaId,
+                    if (this.props.contentRelationship === "label") {
+                        var d, f;
+                        return (d = (f = this.props).renderAnchor) === null || d === void 0 ? void 0 : d.call(f, Z(Z({}, u()(p, "describedBy", "aria-describedby")), {}, {
+                            "aria-labelledby": this.ariaId,
+                            labelledBy: this.ariaId
+                        }));
+                    }
+                    return (s = (c = this.props).renderAnchor) === null || s === void 0 ? void 0 : s.call(c, Z(Z({}, u()(p, "labelledBy", "aria-labelledBy")), {}, {
+                        "aria-describedby": this.ariaId,
+                        describedBy: this.ariaId
+                    }));
+                }
+                var v = a ? L : A;
+                var m;
+                if ( (0, n.isValidElement)(o)) {
+                    var y;
+                    if (this.props.contentRelationship === "label") {
+                        y = {
+                            labelledBy: this.ariaId,
+                            "aria-labelledby": this.ariaId
+                        };
+                    } else {
+                        y = {
+                            describedBy: this.ariaId,
+                            "aria-describedby": this.ariaId
+                        };
+                    }
+                    m =  (0, n.cloneElement)(o, y);
+                } else if (o) {
+                    m = o;
+                } else {
+                    var g = l.isEnterprise;
+                    m =  r().createElement(x, {
                         "aria-describedby": this.ariaId
-                    };
+                    }, g ?  r().createElement(r().Fragment, null,  r().createElement("span", {
+                        "aria-hidden": "true"
+                    }, "?"),  r().createElement(h(), null, (0, b._)("More info"))) :  r().createElement(P, {
+                        hideDefaultTooltip: true,
+                        screenReaderText: (0, b._)("More info"),
+                        style: {
+                            height: "22px",
+                            width: "22px"
+                        }
+                    }));
                 }
                 
-                return o().createElement(O, j({
-                    "data-test": "tooltip",
-                    "data-test-open": C,
-                    "data-test-popover-id": this.popoverId,
-                    ref: s
-                }, y),  o().createElement(M, {
+                return r().createElement(v, {
                     onClick: this.handleClick,
                     onFocus: this.handleFocus,
                     onBlur: this.handleBlur,
                     ref: this.handleMount,
                     "data-test": "toggle"
-                }, g &&  (0, n.isValidElement)(a) ?  (0, n.cloneElement)(a, _) : a, g && !a &&  o().createElement(x, {
-                    "aria-describedby": this.ariaId
-                }, S ?  o().createElement(o().Fragment, null,  o().createElement("span", {
-                    "aria-hidden": "true"
-                }, "?"),  o().createElement(f(), null, (0, m._)("More info"))) :  o().createElement(E, {
-                    hideDefaultTooltip: true,
-                    screenReaderText: (0, m._)("More info"),
-                    style: {
-                        height: "22px",
-                        width: "22px"
-                    }
-                })), g &&  o().createElement(f(), {
+                }, m);
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this.props, n = t.appearance, o = t.content, a = t.defaultPlacement, i = t.elementRef, l = t.inline, s = t.onRequestClose, u = t.onRequestOpen, c = t.splunkTheme, p = t.contentRelationship, d = t.renderAnchor, v = D(t, [ "appearance", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "splunkTheme", "contentRelationship", "renderAnchor" ]);
+                var m = this.state.anchorEl;
+                var y = !!o;
+                var b = this.isOpen();
+                var g = l ? q : j;
+                var E = c.isEnterprise;
+                var O = E ? "above" : "below";
+                var C = n;
+                if (n === undefined) {
+                    C = E ? "inverted" : "normal";
+                }
+                var M = this.createAnchor();
+                var P = y &&  r().createElement(h(), {
                     "aria-hidden": "true",
                     id: this.ariaId
-                }, i)),  o().createElement(p(), {
+                }, o);
+                var w =  r().createElement(f(), {
                     role: "tooltip",
                     align: "center",
-                    anchor: b,
+                    anchor: m,
                     animationConfig: {
                         tension: 400
                     },
-                    appearance: w,
+                    appearance: C,
                     closeReasons: [ "offScreen", "escapeKey" ],
-                    defaultPlacement: l === "theme" ? k : l,
+                    defaultPlacement: a === "theme" ? O : a,
                     id: this.popoverId,
-                    open: C,
+                    open: b,
                     onRequestClose: this.handlePopoverOnRequestClose,
                     elementRef: this.handlePopoverMount,
                     hitAreaRef: this.handleHitAreaMount,
                     outerRef: this.handlePopoverOuterMount
-                },  o().createElement(L, {
-                    $isLabel: h === "label"
-                }, i)));
+                },  r().createElement(I, {
+                    $isLabel: p === "label"
+                }, o));
+                if (d) {
+                    
+                    return r().createElement(r().Fragment, null, M, P, w);
+                }
+                
+                return r().createElement(g, B({
+                    "data-test": "tooltip",
+                    "data-test-open": b,
+                    "data-test-popover-id": this.popoverId,
+                    ref: i
+                }, v), M, P, w);
             }
         } ]);
-        return r;
+        return o;
     }(n.Component);
-    U(X, "propTypes", J);
-    U(X, "defaultProps", Q);
-    var Y = (0, v.withSplunkTheme)(X);
-    Y.propTypes = X.propTypes;
-    /* harmony default export */    const ee = Y;
+    X(re, "propTypes", te);
+    X(re, "defaultProps", ne);
+    var oe = (0, m.withSplunkTheme)(re);
+    oe.propTypes = re.propTypes;
+    /* harmony default export */    const ae = oe;
     // only for styled components using Tooltip
         // CONCATENATED MODULE: ./src/Tooltip/index.ts
     module.exports = t;