@splunk/react-ui 5.8.0 → 5.9.0

package/Menu.js

@@ -63,37 +63,37 @@
         e.d(t, {
         Divider: () => /* reexport */ $,
         Heading: () => /* reexport */ Z,
-        Item: () => /* reexport */ Ee,
+        Item: () => /* reexport */ _e,
         MenuContext: () => /* reexport */ T,
-        default: () => /* reexport */ Ke
+        default: () => /* reexport */ Ve
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "lodash/omit"
-    const o = require("lodash/omit");
-    var i =  e.n(o);
+    const i = require("lodash/omit");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var l =  e.n(a);
+    const o = require("prop-types");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-    const c = require("@splunk/ui-utils/focus");
+    const s = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "styled-components"
-    const s = require("styled-components");
-    var u =  e.n(s);
+    const c = require("styled-components");
+    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 b =  e.n(f);
+    const p = require("@splunk/react-ui/Checkbox");
+    var b =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const m = require("@splunk/react-ui/Clickable");
     var y =  e.n(m);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var g = (0, s.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"
@@ -101,45 +101,45 @@
     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;" ], g, p.variables.spacingLarge);
-    var O = (0, s.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], p.mixins.reset("inline-flex"));
+    })([ "", ";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:", ";" ], O, p.variables.spacingLarge, p.variables.contentColorActive);
+    })([ "", ";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:", ";" ], O, (function(e) {
         var t = e.endAdornment;
-        return t && (0, s.css)([ "padding-left:", ";" ], p.variables.spacingSmall);
-    }), p.variables.spacingSmall, p.variables.contentColorMuted);
+        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);
+    })([ "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, s.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, s.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, s.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, s.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, s.css)([ "font-weight:", ";", "" ], p.variables.fontWeightSemiBold, r && (0, 
-        s.css)([ "font-weight:", ";" ], p.variables.fontWeightBold));
-    }), p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, p.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ w, /* sc-sel */ k, p.variables.contentColorDisabled);
+        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"
@@ -149,32 +149,32 @@
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex:1;width:100%;align-self:flex-start;word-break:break-word;white-space:normal;", " ", "" ], (function(e) {
         var t = e.$descriptionBottom;
-        return t && (0, s.css)([ "flex-direction:column;" ]);
+        return t && (0, c.css)([ "flex-direction:column;" ]);
     }), (function(e) {
         var t = e.$truncate;
-        return t && (0, s.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
+        return t && (0, c.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
     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, s.css)([ "display:block;clear:both;" ]);
+        return t && (0, c.css)([ "display:block;clear:both;" ]);
     }));
     var E = u().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], p.variables.contentColorActive);
+    })([ "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 D = 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 A =  (0, r.createContext)({
         role: "menu",
@@ -198,10 +198,10 @@
  * A non-interactive menu item used to visually separate groups of items in the menu.
  */    function q(e) {
         var t = N({}, e);
-        var o = (0, r.useContext)(T), i = o.role;
+        var i = (0, r.useContext)(T), a = i.role;
         
         return n().createElement(D, N({
-            "aria-hidden": i === "listbox",
+            "aria-hidden": a === "listbox",
             "data-test": "divider",
             role: "separator"
         }, t));
@@ -219,11 +219,11 @@
     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 B(e) {
         "@babel/helpers - typeof";
@@ -244,7 +244,7 @@
             return e;
         }, 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,
@@ -289,14 +289,14 @@
     }
     function J(e, t) {
         if (null == e) return {};
-        var r, n, o = 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) && (o[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 o;
+        return i;
     }
     function Q(e, t) {
         if (null == e) return {};
@@ -317,27 +317,27 @@
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
  */    function Y(e) {
-        var t = e.children, o = e.outerStyle, i = e.title, a = 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), c = l.role;
-        var s = (0, r.useMemo)((function() {
-            return z(z({}, o), {}, {
+                var l = (0, r.useContext)(T), s = l.role;
+        var c = (0, r.useMemo)((function() {
+            return W(W({}, i), {}, {
                 margin: 0
             });
-        }), [ o ]);
+        }), [ 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
         // so we set them to aria-hidden to prevent that
                 
         return n().createElement(F, {
-            "aria-hidden": c === "listbox" ? true : undefined
+            "aria-hidden": s === "listbox" ? true : undefined
         },  n().createElement(L, K({
-            style: s,
-            level: i ? 4 : 5,
-            variant: i ? "title5" : "title6",
+            style: c,
+            level: a ? 4 : 5,
+            variant: a ? "title5" : "title6",
             "data-test": "heading"
-        }, a), t));
+        }, o), t));
     }
     Y.propTypes = U;
     /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    Y.filterConsecutive = true;
@@ -351,29 +351,71 @@
     const re = require("@splunk/react-icons/Checkmark");
     var ne =  e.n(re);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const oe = require("@splunk/react-icons/ChevronRight");
-    var ie =  e.n(oe);
+    const ie = require("@splunk/react-icons/ChevronRight");
+    var ae =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const ae = require("@splunk/react-ui/ScreenReaderContent");
-    var le =  e.n(ae);
+    const oe = require("@splunk/react-ui/ScreenReaderContent");
+    var le =  e.n(oe);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const ce = require("@splunk/react-ui/Tooltip");
-    var se =  e.n(ce);
+    const se = require("@splunk/react-ui/Tooltip");
+    var ce =  e.n(se);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const ue = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
     const de = require("@splunk/react-icons/ArrowSquareTopRightInset");
-    var ve =  e.n(de);
+    var fe =  e.n(de);
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var pe = u()(ve()).withConfig({
+    var ve = u()(fe()).withConfig({
         displayName: "External__Styled",
         componentId: "sc-1turs2s-0"
     })([ "vertical-align:text-top;margin:0 0 0 4px;" ]);
-    function fe() {
+    function pe() {
         
-        return n().createElement(pe, 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
+        };
     }
-    /* harmony default export */    const be = fe;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -381,7 +423,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function me(e, t) {
+    function ye(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -394,15 +436,15 @@
         }
     }
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function ye(e) {
+    function ge(e) {
         "@babel/helpers - typeof";
-        return ye = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        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;
-        }, ye(e);
+        }, ge(e);
     }
-    function ge(e, t) {
+    function he(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -412,41 +454,41 @@
         }
         return r;
     }
-    function he(e) {
+    function Se(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? ge(Object(r), !0).forEach((function(t) {
-                Se(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ge(Object(r)).forEach((function(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 Se(e, t, r) {
-        return (t = Oe(t)) in e ? Object.defineProperty(e, t, {
+    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 Oe(e) {
-        var t = we(e, "string");
-        return "symbol" == ye(t) ? t : t + "";
+    function we(e) {
+        var t = ke(e, "string");
+        return "symbol" == ge(t) ? t : t + "";
     }
-    function we(e, t) {
-        if ("object" != ye(e) || !e) return e;
+    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" != ye(n)) return n;
+            if ("object" != ge(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    function ke() {
-        return ke = Object.assign ? Object.assign.bind() : function(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) {
@@ -454,20 +496,20 @@
                 }
             }
             return e;
-        }, ke.apply(null, arguments);
+        }, xe.apply(null, arguments);
     }
-    function xe(e, t) {
+    function Ce(e, t) {
         if (null == e) return {};
-        var r, n, o = Ce(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) && (o[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 o;
+        return i;
     }
-    function Ce(e, t) {
+    function je(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -478,7 +520,7 @@
         }
         return r;
     }
-    var je = {
+    var Ie = {
         active: l().bool,
         children: l().node,
         description: l().string,
@@ -507,10 +549,10 @@
         to: l().string,
         truncate: l().bool
     };
-    var Ie = (0, ue._)("(Opens new window)");
-    function Pe(e) {
+    var Pe = (0, ue._)("(Opens new window)");
+    function Ee(e) {
         var t;
-        var o = e.active, a = e.children, l = e.description, c = e.descriptionPosition, s = c === void 0 ? "bottom" : c, u = e.disabled, d = e.endAdornment, v = e.elementRef, p = e.hasSubmenu, f = 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 = xe(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.
@@ -519,24 +561,24 @@
                 var B = (t = arguments[0]) === null || t === void 0 ? void 0 : t.selectableAppearance;
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ H, s, b, a, R, D, N, B ]);
+        }), [ 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: f
+                itemKey: p
             });
-        }), [ f, y ]);
-        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 (!b || !te()(a)) {
-                return a;
+        var W = (0, r.useMemo)((function() {
+            if (!b || !te()(o)) {
+                return o;
             }
             var e = [];
             // before first match. May be empty string.
-                        e.push(a.substring(0, b[0].start));
+                        e.push(o.substring(0, b[0].start));
             b.forEach((function(t, r) {
                 e.push(
                 
@@ -544,73 +586,75 @@
                 n().createElement(E, {
                     key: r,
                     "data-test": "match"
-                }, a.substring(t.start, t.end)));
+                }, o.substring(t.start, t.end)));
                 if (r < b.length - 1) {
-                    e.push(a.substring(t.end, b[r + 1].start));
+                    e.push(o.substring(t.end, b[r + 1].start));
                 } else {
-                    e.push(a.substring(t.end, a.length));
+                    e.push(o.substring(t.end, o.length));
                 }
             }));
             return e;
-        }), [ a, b ]);
-        var V = R === true || R === "some";
-        var X = D || V;
-        var G = O || {
+        }), [ 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 = (0, r.useMemo)((function() {
+        var Y = (0, r.useMemo)((function() {
             return {
-                "aria-haspopup": p ? true : undefined
+                "aria-haspopup": v ? true : undefined
             };
-        }), [ p ]);
-        if (G === "menuitemradio" || G === "menuitemcheckbox") {
-            J["aria-checked"] = R === "some" ? "mixed" : V;
-        } else if (G === "option") {
-            J["aria-selected"] = V;
+        }), [ v ]);
+        if (U === "menuitemradio" || U === "menuitemcheckbox") {
+            Y["aria-checked"] = R === "some" ? "mixed" : z;
+        } else if (U === "option") {
+            Y["aria-selected"] = z;
         }
-        var Q = l && s === "right";
-        var U = l && !Q;
-        var Y = false;
-        var Z;
+        var Z = l && c === "right";
+        var ee = l && !Z;
+        var re = false;
+        var ie;
         if (g) {
-            Y = true;
-            Z = typeof g === "string" ? g : Ie;
+            re = true;
+            ie = typeof g === "string" ? g : Pe;
         }
-        var ee = (0, r.useMemo)((function() {
+        var oe = (0, r.useMemo)((function() {
             
-            return n().createElement(C, ke({
-                $active: o,
+            return n().createElement(C, xe({
+                $active: i,
                 $isSelectable: X,
                 $preventFocus: L || false,
                 $selectableAppearance: N !== null && N !== void 0 ? N : false,
-                $selected: V,
+                $selected: z,
                 "data-has-icon": !!q || !!d,
                 "data-test": "item",
-                "data-test-selected": X ? V : null,
+                "data-test-disabled": Q,
+                "data-test-selected": X ? z : null,
                 disabled: u,
-                elementRef: v,
+                elementRef: f,
                 onClick: m,
                 onFocus: K,
-                onMouseDown: W,
-                openInNewContext: Y,
-                role: G,
+                onMouseDown: V,
+                openInNewContext: re,
+                role: U,
                 tabIndex: L ? -1 : undefined,
                 to: $
-            }, J, i()(M, "onFocus")), p &&  n().createElement(_, null,  n().createElement(ie(), null)),  n().createElement(j, null, D && N === "checkbox" &&  n().createElement(x, {
+            }, 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: !!u,
+                disabled: J,
                 inert: true
             }), q &&  n().createElement(k, null, q),  n().createElement(I, {
-                $descriptionBottom: !!U,
+                $descriptionBottom: !!ee,
                 $truncate: H !== null && H !== void 0 ? H : false
             },  n().createElement(P, {
                 $truncate: H !== null && H !== void 0 ? H : false,
                 "data-test": "label"
-            }, z, g &&  n().createElement(n().Fragment, null,  n().createElement(be, null),  n().createElement(le(), null, Z))), U &&  n().createElement(h, {
+            }, W, g &&  n().createElement(n().Fragment, null,  n().createElement(be, null),  n().createElement(le(), null, ie))), ee &&  n().createElement(h, {
                 "data-test": "description"
-            }, l), Q &&  n().createElement(S, {
+            }, l), Z &&  n().createElement(S, {
                 "data-test": "description"
             }, l)), d &&  n().createElement(k, {
                 endAdornment: d
@@ -618,71 +662,71 @@
                 "data-test": "selected-checkmark",
                 inline: true
             }))));
-        }), [ o, X, L, N, V, q, d, u, v, m, K, W, Y, G, $, J, M, p, D, R, U, H, z, g, Z, l, Q ]);
-        var re = H && te()(a);
-        var oe = (0, r.useCallback)((function(e) {
+        }), [ 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) {
-                me(e.elementRef, r);
-                me(ee.props.elementRef, 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(ee, he(he(he({}, "aria-describedby" in e ? {
+                        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, o, i;
+                    var n, i, a;
                     (n = e.onFocus) === null || n === void 0 ? void 0 : n.call(e, r);
-                    (o = (i = ee.props).onFocus) === null || o === void 0 ? void 0 : o.call(i, r);
+                    (i = (a = oe.props).onFocus) === null || i === void 0 ? void 0 : i.call(a, r);
                 },
                 onBlur: function t(r) {
-                    var n, o, i;
+                    var n, i, a;
                     (n = e.onBlur) === null || n === void 0 ? void 0 : n.call(e, r);
-                    (o = (i = ee.props).onBlur) === null || o === void 0 ? void 0 : o.call(i, r);
+                    (i = (a = oe.props).onBlur) === null || i === void 0 ? void 0 : i.call(a, r);
                 },
                 onClick: function t(r) {
-                    var n, o, i;
+                    var n, i, a;
                     (n = e.onClick) === null || n === void 0 ? void 0 : n.call(e, r);
-                    (o = (i = ee.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r);
+                    (i = (a = oe.props).onClick) === null || i === void 0 ? void 0 : i.call(a, r);
                 },
                 elementRef: t
             }));
             return r;
-        }), [ ee ]);
-        if (re) {
+        }), [ oe ]);
+        if (se) {
             
-            return n().createElement(se(), {
-                content: a,
+            return n().createElement(ce(), {
+                content: o,
                 defaultPlacement: "right",
                 inline: false,
                 contentRelationship: "label",
-                renderAnchor: oe
+                renderAnchor: ue
             });
         }
-        return ee;
+        return oe;
     }
-    Pe.propTypes = je;
-    Pe.as = "Item";
-    /* harmony default export */    const Ee = Pe;
+    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 _e = require("@splunk/react-ui/Scroll");
-    var De =  e.n(_e);
+    const De = require("@splunk/react-ui/Scroll");
+    var Ae =  e.n(De);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var Ae = (0, s.css)([ "border-top:1px solid ", ";" ], p.variables.borderColor);
-    var Te = (0, s.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, Ae);
-    var Ne = 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"
-    })([ "", "" ], Te);
-    var Re = u()(De()).withConfig({
+    })([ "", "" ], Ne);
+    var qe = u()(Ae()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], Te, /* sc-sel */ Ne, /* sc-sel */ Ne, Ae);
+    })([ "", " ", " + &,& + ", "{", "}" ], Ne, /* sc-sel */ Re, /* sc-sel */ Re, Te);
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function qe() {
-        return qe = 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) {
@@ -690,20 +734,20 @@
                 }
             }
             return e;
-        }, qe.apply(null, arguments);
+        }, $e.apply(null, arguments);
     }
-    function $e(e, t) {
+    function He(e, t) {
         if (null == e) return {};
-        var r, n, o = He(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) && (o[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 o;
+        return i;
     }
-    function He(e, t) {
+    function Me(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -714,14 +758,14 @@
         }
         return r;
     }
-    var Me = {
+    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 Fe = function e() {
+        var Le = function e() {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -729,19 +773,19 @@
             enableHomeEnd: true
         };
     };
-    var Le = function e(t) {
+    var Be = function e(t) {
         var r = t.key;
  // Handle special case for tab navigation
-                if (r === "Tab" && (0, c.isTabKey)(t.nativeEvent)) {
+                if (r === "Tab" && (0, s.isTabKey)(t.nativeEvent)) {
             return t.shiftKey ? "tabShift" : "Tab";
         }
         return r;
     };
-    function Be(e) {
-        var t = e.children, o = e.elementRef, a = e.focusMode, l = a === void 0 ? "roving" : a, s = e.stopScrollPropagation, u = $e(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 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
@@ -753,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 o = n[r + 1];
-                if (o.type.as === "Heading" || o.type.as === "Divider") {
+                var i = n[r + 1];
+                if (i.type.as === "Heading" || i.type.as === "Divider") {
                     return e;
                 }
             }
@@ -766,16 +810,16 @@
             return e;
         }), []);
         var m = (0, r.useCallback)((function(e) {
-            f.current = e;
-            me(o, e);
-        }), [ o ]);
-        var y = Fe();
+            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 = Le(e);
+            var t = Be(e);
             var r = t === "Tab" || t === "tabShift";
             var n = t === "Enter";
             // Allow default behavior for the enter key.
@@ -784,16 +828,16 @@
                         if (!n && (y.enableTab || !r)) {
                 e.preventDefault();
             }
-            var o = f.current;
-            var i = [];
-            if (o) {
-                i = (0, c.getSortedTabbableElements)(o, {
+            var i = p.current;
+            var a = [];
+            if (i) {
+                a = (0, s.getSortedTabbableElements)(i, {
                     ignoreTabIndex: true
                 });
             }
-            var a = e.target instanceof HTMLElement ? e.target : o === null || o === void 0 ? void 0 : o.querySelector(":focus");
-            var l = a instanceof HTMLElement ? i.indexOf(a) : -1;
-            (0, c.handleFocus)(t, i, l, y);
+            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 {
@@ -805,22 +849,22 @@
         var O = {
             "data-test": "menu",
             onKeyDown: S,
-            role: p
+            role: v
         };
-        return s ?  n().createElement(Re, qe({}, O, {
+        return c ?  n().createElement(qe, $e({}, O, {
             elementRef: m,
             stopScrollPropagation: true
-        }, i()(u, "tagName")), b) :  n().createElement(Ne, qe({}, O, {
+        }, a()(u, "tagName")), b) :  n().createElement(Re, $e({}, O, {
             ref: m
         }, u),  n().createElement(T.Provider, {
             value: h()
         }, b));
     }
-    Be.propTypes = Me;
-    Be.Item = Ee;
-    Be.Divider = $;
-    Be.Heading = Z;
-    /* harmony default export */    const Ke = Be;
+    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;
     /******/})();