@splunk/react-ui 5.7.1 → 5.9.0

package/Menu.js

@@ -61,18 +61,18 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ H,
+        Divider: () => /* reexport */ $,
         Heading: () => /* reexport */ Z,
-        Item: () => /* reexport */ Se,
+        Item: () => /* reexport */ _e,
         MenuContext: () => /* reexport */ T,
-        default: () => /* reexport */ qe
+        default: () => /* reexport */ Ve
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "lodash/omit"
-    const a = require("lodash/omit");
-    var i =  e.n(a);
+    const i = require("lodash/omit");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var l =  e.n(o);
@@ -83,68 +83,68 @@
     var u =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
     const d = require("@splunk/react-ui/Divider");
-    var v =  e.n(d);
+    var f =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const p = require("@splunk/themes");
+    const v = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
-    const f = require("@splunk/react-ui/Checkbox");
-    var m =  e.n(f);
+    const p = require("@splunk/react-ui/Checkbox");
+    var b =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const b = require("@splunk/react-ui/Clickable");
-    var g =  e.n(b);
+    const m = require("@splunk/react-ui/Clickable");
+    var y =  e.n(m);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var y = (0, c.css)([ "", " overflow:inherit;white-space:inherit;text-overflow:inherit;" ], p.mixins.typography("smallBody"));
+    var g = (0, c.css)([ "", " overflow:inherit;white-space:inherit;text-overflow:inherit;" ], v.mixins.typography("smallBody"));
     var h = u().div.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
-    })([ "", ";" ], y);
+    })([ "", ";" ], g);
     var S = u().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";display:flex;align-self:flex-start;align-items:center;float:right;padding-left:", ";max-width:50%;min-height:20px;text-align:right;" ], y, p.variables.spacingLarge);
-    var w = (0, c.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], p.mixins.reset("inline-flex"));
-    var k = u().div.withConfig({
+    })([ "", ";display:flex;align-self:flex-start;align-items:center;float:right;padding-left:", ";max-width:50%;min-height:20px;text-align:right;" ], g, v.variables.spacingLarge);
+    var O = (0, c.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], v.mixins.reset("inline-flex"));
+    var w = u().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedAdornment",
         componentId: "sc-4kc053-2"
-    })([ "", ";padding-left:", ";align-items:flex-start;color:", ";" ], w, p.variables.spacingLarge, p.variables.contentColorActive);
-    var O = u().span.withConfig({
+    })([ "", ";padding-left:", ";align-items:flex-start;color:", ";" ], O, v.variables.spacingLarge, v.variables.contentColorActive);
+    var k = u().span.withConfig({
         displayName: "ItemStyles__StyledItemAdornment",
         componentId: "sc-4kc053-3"
-    })([ "", ";", " padding-right:", ";align-items:center;color:", ";" ], w, (function(e) {
+    })([ "", ";", " padding-right:", ";align-items:center;color:", ";" ], O, (function(e) {
         var t = e.endAdornment;
-        return t && (0, c.css)([ "padding-left:", ";" ], p.variables.spacingSmall);
-    }), p.variables.spacingSmall, p.variables.contentColorMuted);
-    var x = u()(m()).withConfig({
+        return t && (0, c.css)([ "padding-left:", ";" ], v.variables.spacingSmall);
+    }), v.variables.spacingSmall, v.variables.contentColorMuted);
+    var x = u()(b()).withConfig({
         displayName: "ItemStyles__StyledCheckbox",
         componentId: "sc-4kc053-4"
-    })([ "min-height:0;padding-right:", ";" ], p.variables.spacingSmall);
-    var C = u()(g()).withConfig({
+    })([ "min-height:0;padding-right:", ";" ], v.variables.spacingSmall);
+    var C = u()(y()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-5"
-    })([ "line-height:", ";display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;box-shadow:", ";background:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], p.variables.lineHeightSpacious, p.variables.contentColorActive, p.variables.inputHeight, p.variables.spacingXSmall, p.variables.spacingLarge, (function(e) {
+    })([ "line-height:", ";display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;box-shadow:", ";background:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], v.variables.lineHeightSpacious, v.variables.contentColorActive, v.variables.inputHeight, v.variables.spacingXSmall, v.variables.spacingLarge, (function(e) {
         var t = e.$active, r = e.$preventFocus;
-        return t && !r && (0, c.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset);
+        return t && !r && (0, c.css)([ "box-shadow:", ";" ], v.variables.focusShadowInset);
     }), (function(e) {
         var t = e.$active;
-        return t && (0, c.css)([ "background:", ";font-weight:", ";" ], p.variables.interactiveColorOverlayActive, p.variables.fontWeightBold);
+        return t && (0, c.css)([ "background:", ";font-weight:", ";" ], v.variables.interactiveColorOverlayActive, v.variables.fontWeightBold);
     }), (function(e) {
         var t = e.$isSelectable, r = e.$selectableAppearance, n = e.$selected;
         return t && !n && r === "checkmark" && // Adds whitespace to right to reserve space for checkmark for selectable Items
         // spacingLarge x 3 = padding-left + icon size + padding-right
-        (0, c.css)([ "padding-right:calc(", " * 3);" ], p.variables.spacingLarge);
-    }), p.variables.interactiveColorOverlayHover, (function(e) {
+        (0, c.css)([ "padding-right:calc(", " * 3);" ], v.variables.spacingLarge);
+    }), v.variables.interactiveColorOverlayHover, (function(e) {
         var t = e.$active;
-        return t && (0, c.css)([ "background:", ";" ], p.mixins.overlayColors(p.variables.interactiveColorOverlayActive, p.variables.interactiveColorOverlayHover));
-    }), p.variables.interactiveColorOverlayActive, (function(e) {
+        return t && (0, c.css)([ "background:", ";" ], v.mixins.overlayColors(v.variables.interactiveColorOverlayActive, v.variables.interactiveColorOverlayHover));
+    }), v.variables.interactiveColorOverlayActive, (function(e) {
         var t = e.$selected, r = e.$active;
-        return t && (0, c.css)([ "font-weight:", ";", "" ], p.variables.fontWeightSemiBold, r && (0, 
-        c.css)([ "font-weight:", ";" ], p.variables.fontWeightBold));
-    }), p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, p.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ k, /* sc-sel */ O, p.variables.contentColorDisabled);
-    var I = u().span.withConfig({
+        return t && (0, c.css)([ "font-weight:", ";", "" ], v.variables.fontWeightSemiBold, r && (0, 
+        c.css)([ "font-weight:", ";" ], v.variables.fontWeightBold));
+    }), v.variables.focusShadowInset, v.variables.interactiveColorOverlayHover, v.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ w, /* sc-sel */ k, v.variables.contentColorDisabled);
+    var j = u().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var E = u().div.withConfig({
+    var I = u().div.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex:1;width:100%;align-self:flex-start;word-break:break-word;white-space:normal;", " ", "" ], (function(e) {
@@ -154,33 +154,33 @@
         var t = e.$truncate;
         return t && (0, c.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var _ = u().div.withConfig({
+    var P = u().div.withConfig({
         displayName: "ItemStyles__StyledLabel",
         componentId: "sc-4kc053-8"
     })([ "flex:1;overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, c.css)([ "display:block;clear:both;" ]);
     }));
-    var P = u().span.withConfig({
+    var E = u().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], p.variables.contentColorActive);
-    var j = u().span.withConfig({
+    })([ "border-bottom:1px solid ", ";" ], v.variables.contentColorActive);
+    var _ = u().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";" ], p.variables.spacingSmall, p.variables.contentColorDefault);
+    })([ "float:right;padding-left:", ";color:", ";" ], v.variables.spacingSmall, v.variables.contentColorDefault);
     // CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
     // Adds margin if direct sibling is a Menu.Item to provide spacing between Divider and Item
-    var A = u()(v()).withConfig({
+    var D = u()(f()).withConfig({
         displayName: "DividerStyles__Styled",
         componentId: "l3zfh3-0"
-    })([ "", " + &,& + ", "{margin-block-start:", ";}" ], C, C, p.variables.spacingSmall);
+    })([ "", " + &,& + ", "{margin-block-start:", ";}" ], C, C, v.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
-    var D =  (0, r.createContext)({
+    var A =  (0, r.createContext)({
         role: "menu",
         preventFocus: false
     });
-    /* harmony default export */    const T = D;
+    /* harmony default export */    const T = A;
     // CONCATENATED MODULE: ./src/Menu/Divider.tsx
     function N() {
         return N = Object.assign ? Object.assign.bind() : function(e) {
@@ -193,48 +193,48 @@
             return e;
         }, N.apply(null, arguments);
     }
-    var q = {};
+    var R = {};
     /**
  * A non-interactive menu item used to visually separate groups of items in the menu.
- */    function $(e) {
+ */    function q(e) {
         var t = N({}, e);
-        var a = (0, r.useContext)(T), i = a.role;
+        var i = (0, r.useContext)(T), a = i.role;
         
-        return n().createElement(A, N({
-            "aria-hidden": i === "listbox",
+        return n().createElement(D, N({
+            "aria-hidden": a === "listbox",
             "data-test": "divider",
             role: "separator"
         }, t));
     }
-    $.propTypes = q;
-    /* Remove the item if it is the first item after filtering */    $.filterFirst = true;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    $.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    $.filterLast = true;
-    /* Tag the item as Divider */    $.as = "Divider";
-    /* harmony default export */    const H = $;
+    q.propTypes = R;
+    /* Remove the item if it is the first item after filtering */    q.filterFirst = true;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    q.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    q.filterLast = true;
+    /* Tag the item as Divider */    q.as = "Divider";
+    /* harmony default export */    const $ = q;
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
-    const R = require("@splunk/react-ui/Heading");
-    var M =  e.n(R);
+    const H = require("@splunk/react-ui/Heading");
+    var M =  e.n(H);
     // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
     var F = u().div.withConfig({
         displayName: "HeadingStyles__Styled",
         componentId: "mcd2ws-0"
-    })([ "", " border-top:1px solid transparent;padding:", " ", ";&:not(:first-child){border-top:1px solid ", ";margin-top:", ";}" ], p.mixins.reset("block"), p.variables.spacingSmall, p.variables.spacingLarge, p.variables.borderColor, p.variables.spacingSmall);
+    })([ "", " border-top:1px solid transparent;padding:", " ", ";&:not(:first-child){border-top:1px solid ", ";margin-top:", ";}" ], v.mixins.reset("block"), v.variables.spacingSmall, v.variables.spacingLarge, v.variables.borderColor, v.variables.spacingSmall);
     var L = u()(M()).withConfig({
         displayName: "HeadingStyles__StyledHeading",
         componentId: "mcd2ws-1"
-    })([ "color:", ";" ], p.variables.contentColorDefault);
+    })([ "color:", ";" ], v.variables.contentColorDefault);
     // CONCATENATED MODULE: ./src/Menu/Heading.tsx
-    function K(e) {
+    function B(e) {
         "@babel/helpers - typeof";
-        return K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return B = "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;
-        }, K(e);
+        }, B(e);
     }
-    function B() {
-        return B = Object.assign ? Object.assign.bind() : function(e) {
+    function K() {
+        return K = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -242,9 +242,9 @@
                 }
             }
             return e;
-        }, B.apply(null, arguments);
+        }, K.apply(null, arguments);
     }
-    function W(e, t) {
+    function V(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -254,18 +254,18 @@
         }
         return r;
     }
-    function z(e) {
+    function W(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? W(Object(r), !0).forEach((function(t) {
-                V(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : W(Object(r)).forEach((function(t) {
+            t % 2 ? V(Object(r), !0).forEach((function(t) {
+                z(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : V(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function V(e, t, r) {
+    function z(e, t, r) {
         return (t = X(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
@@ -275,28 +275,28 @@
     }
     function X(e) {
         var t = G(e, "string");
-        return "symbol" == K(t) ? t : t + "";
+        return "symbol" == B(t) ? t : t + "";
     }
     function G(e, t) {
-        if ("object" != K(e) || !e) return e;
+        if ("object" != B(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != K(n)) return n;
+            if ("object" != B(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
     function J(e, t) {
         if (null == e) return {};
-        var r, n, a = Q(e, t);
+        var r, n, i = Q(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                r = a[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return a;
+        return i;
     }
     function Q(e, t) {
         if (null == e) return {};
@@ -317,14 +317,14 @@
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
  */    function Y(e) {
-        var t = e.children, a = e.outerStyle, i = e.title, o = J(e, [ "children", "outerStyle", "title" ]);
+        var t = e.children, i = e.outerStyle, a = e.title, o = J(e, [ "children", "outerStyle", "title" ]);
         // @docs-props-type HeadingPropsBase
                 var l = (0, r.useContext)(T), s = l.role;
         var c = (0, r.useMemo)((function() {
-            return z(z({}, a), {}, {
+            return W(W({}, i), {}, {
                 margin: 0
             });
-        }), [ a ]);
+        }), [ i ]);
         // headings are not supported in role="listbox"
         // this causes Firefox to incorrectly read the total number
         // of items in the list if it contains a heading or divider
@@ -332,10 +332,10 @@
                 
         return n().createElement(F, {
             "aria-hidden": s === "listbox" ? true : undefined
-        },  n().createElement(L, B({
+        },  n().createElement(L, K({
             style: c,
-            level: i ? 4 : 5,
-            variant: i ? "title5" : "title6",
+            level: a ? 4 : 5,
+            variant: a ? "title5" : "title6",
             "data-test": "heading"
         }, o), t));
     }
@@ -351,29 +351,144 @@
     const re = require("@splunk/react-icons/Checkmark");
     var ne =  e.n(re);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const ae = require("@splunk/react-icons/ChevronRight");
-    var ie =  e.n(ae);
+    const ie = require("@splunk/react-icons/ChevronRight");
+    var ae =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const oe = require("@splunk/react-ui/ScreenReaderContent");
     var le =  e.n(oe);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+    const se = require("@splunk/react-ui/Tooltip");
+    var ce =  e.n(se);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const se = require("@splunk/ui-utils/i18n");
+    const ue = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
-    const ce = require("@splunk/react-icons/ArrowSquareTopRightInset");
-    var ue =  e.n(ce);
+    const de = require("@splunk/react-icons/ArrowSquareTopRightInset");
+    var fe =  e.n(de);
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var de = u()(ue()).withConfig({
+    var ve = u()(fe()).withConfig({
         displayName: "External__Styled",
         componentId: "sc-1turs2s-0"
     })([ "vertical-align:text-top;margin:0 0 0 4px;" ]);
-    function ve() {
+    function pe() {
         
-        return n().createElement(de, null);
+        return n().createElement(ve, null);
+    }
+    /* harmony default export */    const be = pe;
+    // CONCATENATED MODULE: ./src/utils/disabled.ts
+    /**
+ * Normalizes the disabled prop and returns both the boolean state and normalized string value.
+ * Use this function to ensure consistent handling of disabled prop across components.
+ *
+ * @param disabled - The disabled prop value
+ * @param defaultWhenBooleanTrue - Optional normalization override for disabled={true}
+ * @returns Object with isDisabled boolean|undefined and disabledValue string
+ *
+ * TODO (SUI-8600): `disabled` prop should default to 'dimmed' for data entry components
+ */
+    function me(e) {
+        var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "dimmed";
+        if (e === "dimmed") {
+            return {
+                isDisabled: true,
+                disabledValue: "dimmed"
+            };
+        }
+        if (e === true) {
+            return {
+                isDisabled: true,
+                disabledValue: t
+            };
+        }
+        if (e === "disabled") {
+            return {
+                isDisabled: true,
+                disabledValue: "disabled"
+            };
+        }
+        if (e === false) {
+            return {
+                isDisabled: false,
+                disabledValue: undefined
+            };
+        }
+        return {
+            isDisabled: undefined,
+            disabledValue: undefined
+        };
+    }
+    // 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 ye(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
+                        }
+        }
     }
-    /* harmony default export */    const pe = ve;
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function fe() {
-        return fe = Object.assign ? Object.assign.bind() : function(e) {
+    function ge(e) {
+        "@babel/helpers - typeof";
+        return ge = "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;
+        }, ge(e);
+    }
+    function he(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            t && (n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }))), r.push.apply(r, n);
+        }
+        return r;
+    }
+    function Se(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? he(Object(r), !0).forEach((function(t) {
+                Oe(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : he(Object(r)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
+        }
+        return e;
+    }
+    function Oe(e, t, r) {
+        return (t = we(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function we(e) {
+        var t = ke(e, "string");
+        return "symbol" == ge(t) ? t : t + "";
+    }
+    function ke(e, t) {
+        if ("object" != ge(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != ge(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === t ? String : Number)(e);
+    }
+    function xe() {
+        return xe = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -381,20 +496,20 @@
                 }
             }
             return e;
-        }, fe.apply(null, arguments);
+        }, xe.apply(null, arguments);
     }
-    function me(e, t) {
+    function Ce(e, t) {
         if (null == e) return {};
-        var r, n, a = be(e, t);
+        var r, n, i = je(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                r = a[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return a;
+        return i;
     }
-    function be(e, t) {
+    function je(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -405,7 +520,7 @@
         }
         return r;
     }
-    var ge = {
+    var Ie = {
         active: l().bool,
         children: l().node,
         description: l().string,
@@ -434,157 +549,184 @@
         to: l().string,
         truncate: l().bool
     };
-    var ye = (0, se._)("(Opens new window)");
-    function he(e) {
+    var Pe = (0, ue._)("(Opens new window)");
+    function Ee(e) {
         var t;
-        var a = e.active, o = e.children, l = e.description, s = e.descriptionPosition, c = s === void 0 ? "bottom" : s, u = e.disabled, d = e.endAdornment, v = e.elementRef, p = e.hasSubmenu, f = e.itemKey, m = e.matchRanges, b = e.onClick, g = e.onFocus, y = e.openInNewContext, w = e.role, A = e.selectable, D = e.selectableAppearance, N = D === void 0 ? "checkmark" : D, q = e.selected, $ = e.startAdornment, H = e.to, R = e.truncate, M = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
+        var i = e.active, o = e.children, l = e.description, s = e.descriptionPosition, c = s === void 0 ? "bottom" : s, u = e.disabled, d = e.endAdornment, f = e.elementRef, v = e.hasSubmenu, p = e.itemKey, b = e.matchRanges, m = e.onClick, y = e.onFocus, g = e.openInNewContext, O = e.role, D = e.selectable, A = e.selectableAppearance, N = A === void 0 ? "checkmark" : A, R = e.selected, q = e.startAdornment, $ = e.to, H = e.truncate, M = Ce(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
         // @docs-props-type ItemPropsBase
                 var F = (0, r.useContext)(T), L = F.preventFocus;
  // Use arguments[0] (raw props) to check if `selectableAppearance` was explicitly passed by the caller.
         // This prevents the default value from incorrectly triggering the dev warning.
         // eslint-disable-next-line prefer-rest-params
-                var K = (t = arguments[0]) === null || t === void 0 ? void 0 : t.selectableAppearance;
+                var B = (t = arguments[0]) === null || t === void 0 ? void 0 : t.selectableAppearance;
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ R, c, m, o, q, A, N, K ]);
-        var B = (0, r.useCallback)((function(e) {
-            g === null || g === void 0 ? void 0 : g(e, {
-                itemKey: f
+        }), [ H, c, b, o, R, D, N, B ]);
+        var K = (0, r.useCallback)((function(e) {
+            y === null || y === void 0 ? void 0 : y(e, {
+                itemKey: p
             });
-        }), [ f, g ]);
-        var W = (0, r.useCallback)((function(e) {
+        }), [ p, y ]);
+        var V = (0, r.useCallback)((function(e) {
             if (L) {
                 e.preventDefault();
             }
         }), [ L ]);
-        var z = (0, r.useMemo)((function() {
-            if (!m || !te()(o)) {
+        var W = (0, r.useMemo)((function() {
+            if (!b || !te()(o)) {
                 return o;
             }
             var e = [];
             // before first match. May be empty string.
-                        e.push(o.substring(0, m[0].start));
-            m.forEach((function(t, r) {
+                        e.push(o.substring(0, b[0].start));
+            b.forEach((function(t, r) {
                 e.push(
                 
                 // eslint-disable-next-line react/no-array-index-key
-                n().createElement(P, {
+                n().createElement(E, {
                     key: r,
                     "data-test": "match"
                 }, o.substring(t.start, t.end)));
-                if (r < m.length - 1) {
-                    e.push(o.substring(t.end, m[r + 1].start));
+                if (r < b.length - 1) {
+                    e.push(o.substring(t.end, b[r + 1].start));
                 } else {
                     e.push(o.substring(t.end, o.length));
                 }
             }));
             return e;
-        }), [ o, m ]);
-        var V = q === true || q === "some";
-        var X = A || V;
-        var G = w || {
+        }), [ o, b ]);
+        var z = R === true || R === "some";
+        var X = D || z;
+        var G = me(u), J = G.isDisabled, Q = G.disabledValue;
+        var U = O || {
             nonselectable: "menuitem",
             checkmark: "menuitemradio",
             checkbox: "menuitemcheckbox"
         }[X ? N : "nonselectable"];
-        var J = {
-            "aria-haspopup": p ? true : undefined
-        };
-        if (G === "menuitemradio" || G === "menuitemcheckbox") {
-            J["aria-checked"] = q === "some" ? "mixed" : V;
-        } else if (G === "option") {
-            J["aria-selected"] = V;
+        var Y = (0, r.useMemo)((function() {
+            return {
+                "aria-haspopup": v ? true : undefined
+            };
+        }), [ v ]);
+        if (U === "menuitemradio" || U === "menuitemcheckbox") {
+            Y["aria-checked"] = R === "some" ? "mixed" : z;
+        } else if (U === "option") {
+            Y["aria-selected"] = z;
         }
-        var Q = l && c === "right";
-        var U = l && !Q;
-        var Y = q && N === "checkmark" &&  n().createElement(k, null,  n().createElement(ne(), {
-            "data-test": "selected-checkmark",
-            inline: true
-        }));
-        var Z = false;
-        var ee;
-        if (y) {
-            Z = true;
-            ee = typeof y === "string" ? y : ye;
+        var Z = l && c === "right";
+        var ee = l && !Z;
+        var re = false;
+        var ie;
+        if (g) {
+            re = true;
+            ie = typeof g === "string" ? g : Pe;
         }
-        
-        return n().createElement(C, fe({
-            $active: a,
-            $isSelectable: X,
-            $preventFocus: L || false,
-            $selectableAppearance: N !== null && N !== void 0 ? N : false,
-            $selected: V,
-            "data-has-icon": !!$ || !!d,
-            "data-test": "item",
-            "data-test-selected": X ? V : null,
-            disabled: u,
-            elementRef: v,
-            onClick: b,
-            onFocus: B,
-            onMouseDown: W,
-            openInNewContext: Z,
-            role: G,
-            tabIndex: L ? -1 : undefined,
-            to: H,
-            title: R && te()(o) ? o : undefined
-        }, J, i()(M, "onFocus")), p &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, A && N === "checkbox" &&  n().createElement(x, {
-            checked: q === "some" ? "indeterminate" : q,
-            disabled: !!u,
-            inert: true
-        }), $ &&  n().createElement(O, null, $),  n().createElement(E, {
-            $descriptionBottom: !!U,
-            $truncate: R !== null && R !== void 0 ? R : false
-        },  n().createElement(_, {
-            $truncate: R !== null && R !== void 0 ? R : false,
-            "data-test": "label"
-        }, z, y &&  n().createElement(n().Fragment, null,  n().createElement(pe, null),  n().createElement(le(), null, ee))), U &&  n().createElement(h, {
-            "data-test": "description"
-        }, l), Q &&  n().createElement(S, {
-            "data-test": "description"
-        }, l)), d &&  n().createElement(O, {
-            endAdornment: d
-        }, d), Y));
+        var oe = (0, r.useMemo)((function() {
+            
+            return n().createElement(C, xe({
+                $active: i,
+                $isSelectable: X,
+                $preventFocus: L || false,
+                $selectableAppearance: N !== null && N !== void 0 ? N : false,
+                $selected: z,
+                "data-has-icon": !!q || !!d,
+                "data-test": "item",
+                "data-test-disabled": Q,
+                "data-test-selected": X ? z : null,
+                disabled: u,
+                elementRef: f,
+                onClick: m,
+                onFocus: K,
+                onMouseDown: V,
+                openInNewContext: re,
+                role: U,
+                tabIndex: L ? -1 : undefined,
+                to: $
+            }, Y, a()(M, "onFocus")), v &&  n().createElement(_, null,  n().createElement(ae(), null)),  n().createElement(j, null, D && N === "checkbox" &&  n().createElement(x, {
+                checked: R === "some" ? "indeterminate" : R,
+                disabled: J,
+                inert: true
+            }), q &&  n().createElement(k, null, q),  n().createElement(I, {
+                $descriptionBottom: !!ee,
+                $truncate: H !== null && H !== void 0 ? H : false
+            },  n().createElement(P, {
+                $truncate: H !== null && H !== void 0 ? H : false,
+                "data-test": "label"
+            }, W, g &&  n().createElement(n().Fragment, null,  n().createElement(be, null),  n().createElement(le(), null, ie))), ee &&  n().createElement(h, {
+                "data-test": "description"
+            }, l), Z &&  n().createElement(S, {
+                "data-test": "description"
+            }, l)), d &&  n().createElement(k, {
+                endAdornment: d
+            }, d), R && N === "checkmark" &&  n().createElement(w, null,  n().createElement(ne(), {
+                "data-test": "selected-checkmark",
+                inline: true
+            }))));
+        }), [ i, X, L, N, z, q, d, Q, u, f, m, K, V, re, U, $, Y, M, v, D, R, J, ee, H, W, g, ie, l, Z ]);
+        var se = H && te()(o);
+        var ue = (0, r.useCallback)((function(e) {
+            var t = function t(r) {
+                ye(e.elementRef, r);
+                ye(oe.props.elementRef, r);
+            };
+            // Merge the anchorProps from Tooltip with the props of the clickable element to ensure consistent behavior for screen readers
+                        var r =  n().cloneElement(oe, Se(Se(Se({}, "aria-describedby" in e ? {
+                "aria-describedby": e["aria-describedby"]
+            } : {}), "aria-labelledby" in e ? {
+                "aria-labelledby": e["aria-labelledby"]
+            } : {}), {}, {
+                onFocus: function t(r) {
+                    var n, i, a;
+                    (n = e.onFocus) === null || n === void 0 ? void 0 : n.call(e, r);
+                    (i = (a = oe.props).onFocus) === null || i === void 0 ? void 0 : i.call(a, r);
+                },
+                onBlur: function t(r) {
+                    var n, i, a;
+                    (n = e.onBlur) === null || n === void 0 ? void 0 : n.call(e, r);
+                    (i = (a = oe.props).onBlur) === null || i === void 0 ? void 0 : i.call(a, r);
+                },
+                onClick: function t(r) {
+                    var n, i, a;
+                    (n = e.onClick) === null || n === void 0 ? void 0 : n.call(e, r);
+                    (i = (a = oe.props).onClick) === null || i === void 0 ? void 0 : i.call(a, r);
+                },
+                elementRef: t
+            }));
+            return r;
+        }), [ oe ]);
+        if (se) {
+            
+            return n().createElement(ce(), {
+                content: o,
+                defaultPlacement: "right",
+                inline: false,
+                contentRelationship: "label",
+                renderAnchor: ue
+            });
+        }
+        return oe;
     }
-    he.propTypes = ge;
-    he.as = "Item";
-    /* harmony default export */    const Se = he;
+    Ee.propTypes = Ie;
+    Ee.as = "Item";
+    /* harmony default export */    const _e = Ee;
     // only for styled components using Item
         // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
-    const we = require("@splunk/react-ui/Scroll");
-    var ke =  e.n(we);
+    const De = require("@splunk/react-ui/Scroll");
+    var Ae =  e.n(De);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var Oe = (0, c.css)([ "border-top:1px solid ", ";" ], p.variables.borderColor);
-    var xe = (0, c.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], p.mixins.reset("block"), p.variables.backgroundColorPopup, p.variables.borderRadius, p.variables.spacingSmall, p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, Oe);
-    var Ce = u().div.withConfig({
+    var Te = (0, c.css)([ "border-top:1px solid ", ";" ], v.variables.borderColor);
+    var Ne = (0, c.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], v.mixins.reset("block"), v.variables.backgroundColorPopup, v.variables.borderRadius, v.variables.spacingSmall, v.variables.focusShadowInset, v.variables.interactiveColorOverlayHover, Te);
+    var Re = u().div.withConfig({
         displayName: "MenuStyles__Styled",
         componentId: "sc-1olffp9-0"
-    })([ "", "" ], xe);
-    var Ie = u()(ke()).withConfig({
+    })([ "", "" ], Ne);
+    var qe = u()(Ae()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], xe, /* sc-sel */ Ce, /* sc-sel */ Ce, Oe);
-    // 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 Ee(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
-                        }
-        }
-    }
+    })([ "", " ", " + &,& + ", "{", "}" ], Ne, /* sc-sel */ Re, /* sc-sel */ Re, Te);
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function _e() {
-        return _e = Object.assign ? Object.assign.bind() : function(e) {
+    function $e() {
+        return $e = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -592,20 +734,20 @@
                 }
             }
             return e;
-        }, _e.apply(null, arguments);
+        }, $e.apply(null, arguments);
     }
-    function Pe(e, t) {
+    function He(e, t) {
         if (null == e) return {};
-        var r, n, a = je(e, t);
+        var r, n, i = Me(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                r = a[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return a;
+        return i;
     }
-    function je(e, t) {
+    function Me(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -616,14 +758,14 @@
         }
         return r;
     }
-    var Ae = {
+    var Fe = {
         children: l().node,
         elementRef: l().oneOfType([ l().func, l().object ]),
         focusMode: l().oneOf([ "roving", "normal", "never" ]),
         stopScrollPropagation: l().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
-        var De = function e() {
+        var Le = function e() {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -631,7 +773,7 @@
             enableHomeEnd: true
         };
     };
-    var Te = function e(t) {
+    var Be = function e(t) {
         var r = t.key;
  // Handle special case for tab navigation
                 if (r === "Tab" && (0, s.isTabKey)(t.nativeEvent)) {
@@ -639,12 +781,12 @@
         }
         return r;
     };
-    function Ne(e) {
-        var t = e.children, a = e.elementRef, o = e.focusMode, l = o === void 0 ? "roving" : o, c = e.stopScrollPropagation, u = Pe(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
+    function Ke(e) {
+        var t = e.children, i = e.elementRef, o = e.focusMode, l = o === void 0 ? "roving" : o, c = e.stopScrollPropagation, u = He(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
-                var d = (0, r.useContext)(T), v = d.role, p = v === void 0 ? "menu" : v;
-        var f = (0, r.useRef)(null);
-        var m = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
+                var d = (0, r.useContext)(T), f = d.role, v = f === void 0 ? "menu" : f;
+        var p = (0, r.useRef)(null);
+        var b = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
             /* Filter out initial Dividers
      * Requires reduce() over filter() because a Heading may have been
      * before the Divider.
@@ -655,8 +797,8 @@
             // Filter out consecutive Dividers and Headings
             // If Divider is next to Heading then it will remove both Heading and Divider unless Heading has title prop set to it
                         if ((t.type.as === "Heading" || t.type.as === "Divider") && !t.props.title && t.type.filterConsecutive && n.length > r + 1) {
-                var a = n[r + 1];
-                if (a.type.as === "Heading" || a.type.as === "Divider") {
+                var i = n[r + 1];
+                if (i.type.as === "Heading" || i.type.as === "Divider") {
                     return e;
                 }
             }
@@ -667,62 +809,62 @@
             e.push(t);
             return e;
         }), []);
-        var b = (0, r.useCallback)((function(e) {
-            f.current = e;
-            Ee(a, e);
-        }), [ a ]);
-        var g = De();
-        var y = (0, r.useCallback)((function(e) {
+        var m = (0, r.useCallback)((function(e) {
+            p.current = e;
+            ye(i, e);
+        }), [ i ]);
+        var y = Le();
+        var g = (0, r.useCallback)((function(e) {
             // if command key on Mac was pressed ignore
             if (e.nativeEvent.metaKey) {
                 return;
             }
-            var t = Te(e);
+            var t = Be(e);
             var r = t === "Tab" || t === "tabShift";
             var n = t === "Enter";
             // Allow default behavior for the enter key.
             // If tab navigation is enabled, prevent default behavior for all other keys.
             // If tab navigation is disabled, allow default behavior for tab and tab+shift key
-                        if (!n && (g.enableTab || !r)) {
+                        if (!n && (y.enableTab || !r)) {
                 e.preventDefault();
             }
-            var a = f.current;
-            var i = [];
-            if (a) {
-                i = (0, s.getSortedTabbableElements)(a, {
+            var i = p.current;
+            var a = [];
+            if (i) {
+                a = (0, s.getSortedTabbableElements)(i, {
                     ignoreTabIndex: true
                 });
             }
-            var o = e.target instanceof HTMLElement ? e.target : a === null || a === void 0 ? void 0 : a.querySelector(":focus");
-            var l = o instanceof HTMLElement ? i.indexOf(o) : -1;
-            (0, s.handleFocus)(t, i, l, g);
-        }), [ g ]);
+            var o = e.target instanceof HTMLElement ? e.target : i === null || i === void 0 ? void 0 : i.querySelector(":focus");
+            var l = o instanceof HTMLElement ? a.indexOf(o) : -1;
+            (0, s.handleFocus)(t, a, l, y);
+        }), [ y ]);
         var h = function e() {
             return {
                 role: "menu",
                 preventFocus: l === "never"
             };
         };
-        var S = l === "normal" || l === "never" ? undefined : y;
-        var w = {
+        var S = l === "normal" || l === "never" ? undefined : g;
+        var O = {
             "data-test": "menu",
             onKeyDown: S,
-            role: p
+            role: v
         };
-        return c ?  n().createElement(Ie, _e({}, w, {
-            elementRef: b,
+        return c ?  n().createElement(qe, $e({}, O, {
+            elementRef: m,
             stopScrollPropagation: true
-        }, i()(u, "tagName")), m) :  n().createElement(Ce, _e({}, w, {
-            ref: b
+        }, a()(u, "tagName")), b) :  n().createElement(Re, $e({}, O, {
+            ref: m
         }, u),  n().createElement(T.Provider, {
             value: h()
-        }, m));
+        }, b));
     }
-    Ne.propTypes = Ae;
-    Ne.Item = Se;
-    Ne.Divider = H;
-    Ne.Heading = Z;
-    /* harmony default export */    const qe = Ne;
+    Ke.propTypes = Fe;
+    Ke.Item = _e;
+    Ke.Divider = $;
+    Ke.Heading = Z;
+    /* harmony default export */    const Ve = Ke;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();