@splunk/react-ui 4.37.0 → 4.39.0

package/Menu.js

@@ -62,20 +62,20 @@
     // EXPORTS
         e.d(t, {
         Divider: () => /* reexport */ w,
-        Heading: () => /* reexport */ F,
-        Item: () => /* reexport */ Ke,
-        MenuContext: () => /* reexport */ y,
-        default: () => /* reexport */ nt
+        Heading: () => /* reexport */ M,
+        Item: () => /* reexport */ Ye,
+        MenuContext: () => /* reexport */ h,
+        default: () => /* reexport */ pt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var a =  e.n(i);
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "lodash/omit"
-    const o = require("lodash/omit");
-    var l =  e.n(o);
+    const a = require("lodash/omit");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const s = require("@splunk/react-ui/Popover");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
@@ -84,42 +84,39 @@
     const p = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
-    var f =  e.n(u);
+    var d =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const d = require("@splunk/react-ui/Divider");
-    var v =  e.n(d);
+    const f = require("@splunk/react-ui/Divider");
+    var v =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const m = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
-    var m = f()(v()).withConfig({
+    var b = d()(v()).withConfig({
         displayName: "DividerStyles__Styled",
         componentId: "l3zfh3-0"
-    })([ "", "" ], (0, b.pick)({
+    })([ "", "" ], (0, m.pick)({
         prisma: {
             comfortable: (0, u.css)([ "margin:8px 0;" ]),
             compact: (0, u.css)([ "margin:6px 0;" ])
         }
     }));
     // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
-    var h =  (0, r.createContext)({
+    var y =  (0, r.createContext)({
         role: "menu",
         preventFocus: false
     });
-    /* harmony default export */    const y = h;
+    /* harmony default export */    const h = y;
     // CONCATENATED MODULE: ./src/Menu/Divider.tsx
     function g() {
-        g = Object.assign || function(e) {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return g.apply(this, arguments);
+        }, g.apply(null, arguments);
     }
     var k = {};
     /**
@@ -127,10 +124,10 @@
  */    function x(e) {
         var t = g({}, e);
         // @docs-props-type DividerPropsBase
-                var i = (0, r.useContext)(y), a = i.role;
+                var i = (0, r.useContext)(h), o = i.role;
         
-        return n().createElement(m, g({
-            "aria-hidden": a === "listbox",
+        return n().createElement(b, g({
+            "aria-hidden": o === "listbox",
             "data-test": "divider",
             role: "separator"
         }, t));
@@ -146,226 +143,239 @@
     var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
     const C = require("@splunk/themes/useSplunkTheme");
-    var I =  e.n(C);
+    var P =  e.n(C);
     // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
-    var P = f().div.withConfig({
+    var E = d().div.withConfig({
         displayName: "HeadingStyles__Styled",
         componentId: "mcd2ws-0"
-    })([ "", " border-top:1px solid transparent;", ";&:not(:first-child){", ";}" ], b.mixins.reset("block"), (0, 
-    b.pick)({
-        enterprise: (0, u.css)([ "padding:", " ", " 6px;" ], b.variables.spacingXSmall, b.variables.spacingSmall),
+    })([ "", " border-top:1px solid transparent;", ";&:not(:first-child){", ";}" ], m.mixins.reset("block"), (0, 
+    m.pick)({
+        enterprise: (0, u.css)([ "padding:", " ", " 6px;" ], m.variables.spacingXSmall, m.variables.spacingSmall),
         prisma: {
             comfortable: "padding: 13px 16px 10px 16px",
             compact: "padding: 9px 16px 6px 16px"
         }
-    }), (0, b.pick)({
-        enterprise: (0, u.css)([ "border-top:", ";" ], b.variables.border),
+    }), (0, m.pick)({
+        enterprise: (0, u.css)([ "border-top:", ";" ], m.variables.border),
         prisma: {
-            comfortable: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:19px;" ], b.variables.neutral200),
-            compact: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:15px;" ], b.variables.neutral200)
+            comfortable: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:19px;" ], m.variables.neutral200),
+            compact: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:15px;" ], m.variables.neutral200)
         }
     }));
-    var _ = f().h5.withConfig({
+    var I = d().h5.withConfig({
         displayName: "HeadingStyles__PrismaSectionTitle",
         componentId: "mcd2ws-1"
-    })([ "", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;" ], b.mixins.reset("block"), b.variables.fontSizeSmall, b.variables.lineHeight, b.variables.fontWeightBold);
+    })([ "", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;" ], m.mixins.reset("block"), m.variables.fontSizeSmall, m.variables.lineHeight, m.variables.fontWeightBold);
     // CONCATENATED MODULE: ./src/Menu/Heading.tsx
-    function j() {
-        j = Object.assign || function(e) {
+    function j(e) {
+        "@babel/helpers - typeof";
+        return j = "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;
+        }, j(e);
+    }
+    function _() {
+        return _ = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return j.apply(this, arguments);
+        }, _.apply(null, arguments);
     }
-    function E(e, t) {
+    function T(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
-    function T(e) {
+    function D(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var r = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                E(Object(r), true).forEach((function(t) {
-                    D(e, t, r[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                E(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            var r = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? T(Object(r), !0).forEach((function(t) {
+                q(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : T(Object(r)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
-    function D(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function q(e, t, r) {
+        return (t = N(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function N(e) {
+        var t = A(e, "string");
+        return "symbol" == j(t) ? t : t + "";
+    }
+    function A(e, t) {
+        if ("object" != j(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != j(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    function q(e, t) {
-        if (e == null) return {};
-        var r = R(e, t);
-        var n, i;
+    function R(e, t) {
+        if (null == e) return {};
+        var r, n, i = F(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
-    function R(e, t) {
-        if (e == null) return {};
+    function F(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
-    var N = {
-        children: a().node,
-        title: a().bool,
-        outerStyle: a().object
+    var H = {
+        children: o().node,
+        title: o().bool,
+        outerStyle: o().object
     };
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
- */    function H(e) {
-        var t = e.children, i = e.outerStyle, a = e.title, o = q(e, [ "children", "outerStyle", "title" ]);
-        var l = (0, r.useContext)(y), s = l.role;
-        var c = I()(), p = c.family;
+ */    function $(e) {
+        var t = e.children, i = e.outerStyle, o = e.title, a = R(e, [ "children", "outerStyle", "title" ]);
+        var l = (0, r.useContext)(h), s = l.role;
+        var c = P()(), p = c.family;
         var u = (0, r.useMemo)((function() {
-            return T(T({}, i), {}, {
+            return D(D({}, i), {}, {
                 margin: 0
             });
         }), [ i ]);
-        var f = p === "prisma" ?  n().createElement(_, j({
-            as: a ? "h4" : "h5",
+        var d = p === "prisma" ?  n().createElement(I, _({
+            as: o ? "h4" : "h5",
             "data-test": "heading",
             style: i
-        }, o), t) :  n().createElement(O(), j({
+        }, a), t) :  n().createElement(O(), _({
             "data-test": "heading",
-            level: a ? 4 : "ss",
+            level: o ? 4 : "ss",
             style: u
-        }, o), t);
- // headings are not supported in role="listbox"
+        }, a), t);
+        // 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(P, {
+        return n().createElement(E, {
             "aria-hidden": s === "listbox"
-        }, f);
+        }, d);
     }
-    H.propTypes = N;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    H.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    H.filterLast = true;
-    /* Tag the item as a Heading */    H.as = "Heading";
-    /* harmony default export */    const F = H;
+    $.propTypes = H;
+    /* 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 a Heading */    $.as = "Heading";
+    /* harmony default export */    const M = $;
     // CONCATENATED MODULE: external "lodash/isString"
-    const $ = require("lodash/isString");
-    var A =  e.n($);
+    const L = require("lodash/isString");
+    var z =  e.n(L);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const M = require("@splunk/react-icons/ChevronRight");
-    var L =  e.n(M);
+    const K = require("@splunk/react-icons/ChevronRight");
+    var B =  e.n(K);
     // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
-    const z = require("@splunk/react-icons/Checkmark");
-    var K =  e.n(z);
+    const W = require("@splunk/react-icons/Checkmark");
+    var G =  e.n(W);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
-    const W = require("@splunk/react-icons/enterprise/Check");
-    var B =  e.n(W);
+    const V = require("@splunk/react-icons/enterprise/Check");
+    var U =  e.n(V);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-    const G = require("@splunk/react-icons/enterprise/ChevronRight");
-    var V =  e.n(G);
+    const X = require("@splunk/react-icons/enterprise/ChevronRight");
+    var Y =  e.n(X);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const J = require("@splunk/react-ui/ScreenReaderContent");
+    var Q =  e.n(J);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const Z = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const U = require("@splunk/react-ui/Clickable");
-    var X =  e.n(U);
+    const ee = require("@splunk/react-ui/Clickable");
+    var te =  e.n(ee);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const Y = require("@splunk/react-ui/Switch");
-    var J =  e.n(Y);
+    const re = require("@splunk/react-ui/Switch");
+    var ne =  e.n(re);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var Q = (0, u.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
-    b.pick)({
-        prisma: b.variables.contentColorDefault,
-        enterprise: b.variables.textGray
-    }), b.variables.fontSizeSmall, (0, b.pick)({
+    var ie = (0, u.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
+    m.pick)({
+        prisma: m.variables.contentColorDefault,
+        enterprise: m.variables.textGray
+    }), m.variables.fontSizeSmall, (0, m.pick)({
         prisma: "16px"
     }));
-    var Z = f().span.withConfig({
+    var oe = d().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
-    })([ "", ";display:block;" ], Q);
-    var ee = f().span.withConfig({
+    })([ "", ";display:block;" ], ie);
+    var ae = d().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], Q, (0, 
-    b.pick)({
-        enterprise: (0, u.css)([ "padding-left:", ";" ], b.variables.spacingLarge)
+    })([ "", ";display:flex;align-items:center;float:right;", " max-width:50%;min-height:20px;text-align:right;box-sizing:border-box;" ], ie, (0, 
+    m.pick)({
+        enterprise: (0, u.css)([ "padding-left:", ";" ], m.variables.spacingLarge)
     }));
-    var te = f().div.withConfig({
-        displayName: "ItemStyles__StyledItemSelectedIcon",
+    var le = d().div.withConfig({
+        displayName: "ItemStyles__StyledItemSelectedAdornment",
         componentId: "sc-4kc053-2"
-    })([ "position:absolute;", " color:", ";" ], (0, b.pick)({
+    })([ "position:absolute;", " color:", ";" ], (0, m.pick)({
         prisma: (0, u.css)([ "right:16px;" ]),
         enterprise: (0, u.css)([ "right:3px;left:8px;" ])
-    }), (0, b.pick)({
-        prisma: b.variables.contentColorActive,
-        enterprise: b.variables.accentColorL10
+    }), (0, m.pick)({
+        prisma: m.variables.contentColorActive,
+        enterprise: m.variables.accentColorL10
     }));
-    var re = f().span.withConfig({
-        displayName: "ItemStyles__StyledItemIcon",
+    var se = d().span.withConfig({
+        displayName: "ItemStyles__StyledItemAdornment",
         componentId: "sc-4kc053-3"
-    })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
-    b.pick)({
+    })([ "flex:0 0 auto;padding-right:", ";", " min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
+    m.pick)({
         prisma: "8px",
         enterprise: "3px"
-    }), (0, b.pick)({
+    }), (function(e) {
+        var t = e.endAdornment;
+        return t && (0, u.css)([ "padding-left:", ";" ], (0, m.pick)({
+            prisma: "8px",
+            enterprise: "3px"
+        }));
+    }), (0, m.pick)({
         prisma: "initial",
         enterprise: "middle"
-    }), (0, b.pick)({
-        prisma: (0, u.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], b.variables.contentColorMuted),
+    }), (0, m.pick)({
+        prisma: (0, u.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], m.variables.contentColorMuted),
         enterprise: (0, u.css)([ "transform:translateY(-1px);" ])
     }));
-    var ne = f()(X()).withConfig({
+    var ce = d()(te()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-4"
     })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
-    b.pick)({
-        prisma: b.variables.contentColorActive,
+    m.pick)({
+        prisma: m.variables.contentColorActive,
         enterprise: {
-            dark: b.variables.gray96,
-            light: b.variables.gray22
+            dark: m.variables.gray96,
+            light: m.variables.gray22
         }
-    }), (0, b.pick)({
+    }), (0, m.pick)({
         prisma: {
             comfortable: "10px 16px",
             compact: "6px 16px"
@@ -373,7 +383,7 @@
         enterprise: "6px 10px"
     }), (function(e) {
         var t = e.$isSelectable, r = e.$selectableAppearance;
-        return t && (0, b.pick)({
+        return t && (0, m.pick)({
             prisma: (0, u.css)([ "padding-right:44px;", "" ], (function() {
                 return r === "checkbox" && "padding-left: 42px;";
             })),
@@ -383,142 +393,128 @@
         });
     }), (function(e) {
         var t = e.$active, r = e.$preventFocus;
-        return t && !r && (0, u.css)([ "box-shadow:", ";" ], b.variables.focusShadowInset);
+        return t && !r && (0, u.css)([ "box-shadow:", ";" ], m.variables.focusShadowInset);
     }), (function(e) {
         var t = e.$active;
-        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], (0, b.pick)({
+        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], (0, m.pick)({
             enterprise: {
-                light: b.variables.gray92,
-                dark: b.variables.gray22
+                light: m.variables.gray92,
+                dark: m.variables.gray22
             },
-            prisma: b.variables.neutral100
-        }), b.variables.fontWeightBold);
-    }), (0, b.pick)({
-        prisma: b.variables.interactiveColorOverlayHover,
-        enterprise: b.variables.backgroundColorHover
+            prisma: m.variables.neutral100
+        }), m.variables.fontWeightBold);
+    }), (0, m.pick)({
+        prisma: m.variables.interactiveColorOverlayHover,
+        enterprise: m.variables.backgroundColorHover
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, b.pick)({
-            prisma: (0, u.css)([ "background:", ";" ], b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayHover))
+        return t && (0, m.pick)({
+            prisma: (0, u.css)([ "background:", ";" ], m.mixins.overlayColors(m.variables.interactiveColorOverlaySelected, m.variables.interactiveColorOverlayHover))
         });
-    }), (0, b.pick)({
-        prisma: (0, u.css)([ "&:active{background:", ";}" ], b.variables.interactiveColorOverlayActive)
+    }), (0, m.pick)({
+        prisma: (0, u.css)([ "&:active{background:", ";}" ], m.variables.interactiveColorOverlayActive)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, b.pick)({
-            prisma: (0, u.css)([ "background:", ";&:active{background:", ";}" ], b.variables.interactiveColorOverlaySelected, b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayActive))
+        return t && (0, m.pick)({
+            prisma: (0, u.css)([ "background:", ";&:active{background:", ";}" ], m.variables.interactiveColorOverlaySelected, m.mixins.overlayColors(m.variables.interactiveColorOverlaySelected, m.variables.interactiveColorOverlayActive))
         });
-    }), b.variables.focusShadowInset, (0, b.pick)({
-        prisma: (0, u.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
-    }), (0, b.pick)({
+    }), m.variables.focusShadowInset, (0, m.pick)({
+        prisma: (0, u.css)([ "background:", ";" ], m.variables.interactiveColorOverlayHover)
+    }), (0, m.pick)({
         enterprise: {
-            light: b.variables.gray45,
-            dark: b.variables.contentColorDisabled
+            light: m.variables.gray45,
+            dark: m.variables.contentColorDisabled
         },
-        prisma: b.variables.contentColorDisabled
-    }), 
-    /* sc-sel */
-    Z, 
-    /* sc-sel */
-    ee, 
-    /* sc-sel */
-    te, (0, b.pick)({
-        prisma: b.variables.contentColorDisabled,
-        enterprise: b.variables.gray80
-    }), (0, b.pick)({
-        prisma: (0, u.css)([ "& > * > ", "{color:", ";}" ], 
-        /* sc-sel */
-        re, b.variables.contentColorDisabled)
+        prisma: m.variables.contentColorDisabled
+    }), /* sc-sel */ oe, /* sc-sel */ ae, /* sc-sel */ le, (0, m.pick)({
+        prisma: m.variables.contentColorDisabled,
+        enterprise: m.variables.gray80
+    }), (0, m.pick)({
+        prisma: (0, u.css)([ "& > * > ", "{color:", ";}" ], /* sc-sel */ se, m.variables.contentColorDisabled)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, b.pick)({
-            prisma: (0, u.css)([ "", "{color:", ";}" ], 
-            /* sc-sel */
-            re, b.variables.contentColorActive)
+        return t && (0, m.pick)({
+            prisma: (0, u.css)([ "", "{color:", ";}" ], /* sc-sel */ se, m.variables.contentColorActive)
         });
     }));
-    var ie = f()(J()).withConfig({
+    var pe = d()(ne()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
-    })([ "position:absolute;left:", ";top:", ";" ], (0, b.pick)({
+    })([ "position:absolute;left:", ";top:", ";" ], (0, m.pick)({
         prisma: "16px",
         enterprise: "8px"
-    }), (0, b.pick)({
+    }), (0, m.pick)({
         prisma: "0px",
         enterprise: {
             comfortable: "-1px",
             compact: "2px"
         }
     }));
-    var ae = f().span.withConfig({
+    var ue = d().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var oe = f().span.withConfig({
+    var de = d().span.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, u.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var le = f().div.withConfig({
+    var fe = d().div.withConfig({
         displayName: "ItemStyles__StyledLabel",
         componentId: "sc-4kc053-8"
     })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, u.css)([ "display:block;clear:both;" ]);
     }));
-    var se = f().span.withConfig({
+    var ve = d().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], (0, b.pick)({
-        prisma: b.variables.contentColorActive,
+    })([ "border-bottom:1px solid ", ";" ], (0, m.pick)({
+        prisma: m.variables.contentColorActive,
         enterprise: {
-            dark: b.variables.gray96,
-            light: b.variables.gray45
+            dark: m.variables.gray96,
+            light: m.variables.gray45
         }
     }));
-    var ce = f().span.withConfig({
+    var me = d().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";", "" ], b.variables.spacingSmall, (0, 
-    b.pick)({
+    })([ "float:right;padding-left:", ";color:", ";", "" ], m.variables.spacingSmall, (0, 
+    m.pick)({
         prisma: "inherit",
-        enterprise: b.variables.textGray
-    }), (0, b.pick)({
+        enterprise: m.variables.textGray
+    }), (0, m.pick)({
         prisma: (0, u.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-    const pe = require("@splunk/react-icons/ArrowSquareTopRight");
-    var ue =  e.n(pe);
+    const be = require("@splunk/react-icons/ArrowSquareTopRight");
+    var ye =  e.n(be);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
-    const fe = require("@splunk/react-icons/enterprise/External");
-    var de =  e.n(fe);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const ve = require("@splunk/ui-utils/i18n");
+    const he = require("@splunk/react-icons/enterprise/External");
+    var ge =  e.n(he);
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var be = (0, ve._)("Open externally");
-    var me = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
-    var he = f()(de()).withConfig({
+    var ke = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
+    var xe = d()(ge()).withConfig({
         displayName: "External__StyledEnterprise",
         componentId: "sc-1turs2s-0"
-    })([ "", " margin:0 0 0 3px;" ], me);
-    var ye = f()(ue()).withConfig({
+    })([ "", " margin:0 0 0 3px;" ], ke);
+    var we = d()(ye()).withConfig({
         displayName: "External__StyledPrisma",
         componentId: "sc-1turs2s-1"
-    })([ "", " margin:0 0 0 4px;" ], me);
-    function ge() {
-        var e = (0, b.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
+    })([ "", " margin:0 0 0 4px;" ], ke);
+    function Se() {
+        var e = (0, m.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
         var i = r ? "20px" : "24px";
-        return t ?  n().createElement(he, {
-            screenReaderText: be
-        }) :  n().createElement(ye, {
-            "aria-label": be,
+        return t ?  n().createElement(xe, {
+            screenReaderText: null
+        }) :  n().createElement(we, {
             height: i,
             width: i
-        },  n().createElement("title", null, be));
+        });
     }
-    /* harmony default export */    const ke = ge;
+    /* harmony default export */    const Oe = Se;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -526,7 +522,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function xe(e, t) {
+    function Ce(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -540,7 +536,7 @@
     }
     // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
     // A utility that attempts to move an element into view by scrolling it's derived parent.
-    var we = function e(t) {
+    var Pe = function e(t) {
         if (!t) {
             return;
         }
@@ -548,194 +544,176 @@
         if (!r) {
             return;
         }
- // Below the bottom of the container.
+        // Below the bottom of the container.
                 if (r.scrollTop + r.clientHeight < t.offsetTop + t.clientHeight) {
             r.scrollTop = t.offsetTop + t.clientHeight - r.clientHeight;
- // Above the top of the container.
+            // Above the top of the container.
                 } else if (r.scrollTop > t.offsetTop) {
             r.scrollTop = t.offsetTop;
         }
     };
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function Se(e) {
+    function Ee(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Se = function e(t) {
-                return typeof t;
-            };
-        } else {
-            Se = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return Se(e);
+        return Ee = "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;
+        }, Ee(e);
     }
-    function Oe() {
-        Oe = Object.assign || function(e) {
+    function Ie() {
+        return Ie = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return Oe.apply(this, arguments);
+        }, Ie.apply(null, arguments);
     }
-    function Ce(e, t) {
-        if (e == null) return {};
-        var r = Ie(e, t);
-        var n, i;
+    function je(e, t) {
+        if (null == e) return {};
+        var r, n, i = _e(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
-    function Ie(e, t) {
-        if (e == null) return {};
+    function _e(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
-    function Pe(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function Te(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function _e(e, t) {
+    function De(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, ze(n.key), n);
         }
     }
-    function je(e, t, r) {
-        if (t) _e(e.prototype, t);
-        if (r) _e(e, r);
-        return e;
+    function qe(e, t, r) {
+        return t && De(e.prototype, t), r && De(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function Ee(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function Ne(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: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) Te(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && Ae(e, t);
     }
-    function Te(e, t) {
-        Te = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return Te(e, t);
+    function Ae(e, t) {
+        return Ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, Ae(e, t);
     }
-    function De(e) {
-        var t = Ne();
-        return function r() {
-            var n = He(e), i;
+    function Re(e) {
+        var t = $e();
+        return function() {
+            var r, n = Me(e);
             if (t) {
-                var a = He(this).constructor;
-                i = Reflect.construct(n, arguments, a);
-            } else {
-                i = n.apply(this, arguments);
-            }
-            return qe(this, i);
+                var i = Me(this).constructor;
+                r = Reflect.construct(n, arguments, i);
+            } else r = n.apply(this, arguments);
+            return Fe(this, r);
         };
     }
-    function qe(e, t) {
-        if (t && (Se(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return Re(e);
+    function Fe(e, t) {
+        if (t && ("object" == Ee(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return He(e);
     }
-    function Re(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function He(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Ne() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function $e() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return ($e = function t() {
+            return !!e;
+        })();
     }
-    function He(e) {
-        He = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return He(e);
+    function Me(e) {
+        return Me = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, Me(e);
     }
-    function Fe(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function Le(e, t, r) {
+        return (t = ze(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function ze(e) {
+        var t = Ke(e, "string");
+        return "symbol" == Ee(t) ? t : t + "";
+    }
+    function Ke(e, t) {
+        if ("object" != Ee(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != Ee(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var $e = {
-        active: a().bool,
-        children: a().node,
-        description: a().string,
-        descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        hasSubmenu: a().bool,
-        icon: a().node,
+    var Be = {
+        active: o().bool,
+        children: o().node,
+        description: o().string,
+        descriptionPosition: o().oneOf([ "right", "bottom" ]),
+        disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed" ]) ]),
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        endAdornment: o().node,
+        hasSubmenu: o().bool,
+        icon: o().node,
         /** @private. The internal key of the tab */
-        itemKey: a().number,
-        matchRanges: a().arrayOf(a().shape({
-            start: a().number.isRequired,
-            end: a().number.isRequired
+        itemKey: o().number,
+        matchRanges: o().arrayOf(o().shape({
+            start: o().number.isRequired,
+            end: o().number.isRequired
         })),
-        onClick: a().func,
+        onClick: o().func,
         /** @private */
-        onFocus: a().func,
-        openInNewContext: a().bool,
+        onFocus: o().func,
+        openInNewContext: o().oneOfType([ o().bool, o().string ]),
         /** @private */
-        preventFocus: a().bool,
-        role: a().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
-        selectable: a().bool,
-        selectableAppearance: a().oneOf([ "checkmark", "checkbox" ]),
-        selected: a().bool,
+        preventFocus: o().bool,
+        role: o().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
+        selectable: o().bool,
+        selectableAppearance: o().oneOf([ "checkmark", "checkbox" ]),
+        selected: o().oneOfType([ o().bool, o().oneOf([ "some" ]) ]),
         /** @private */
-        splunkTheme: a().object,
-        to: a().string,
-        truncate: a().bool
+        splunkTheme: o().object,
+        startAdornment: o().node,
+        to: o().string,
+        truncate: o().bool
     };
-    var Ae = {
+    var We = {
         active: false,
         descriptionPosition: "bottom",
         hasSubmenu: false,
@@ -746,10 +724,11 @@
         selected: false,
         truncate: false
     };
-    var Me =  function(e) {
-        Ee(r, e);
-        var t = De(r);
-        je(r, null, [ {
+    var Ge = (0, Z._)("(Opens new window)");
+    var Ve =  function(e) {
+        Ne(r, e);
+        var t = Re(r);
+        qe(r, null, [ {
             key: "validateProps",
             // @docs-props-type ItemPropsBase
             value: function e(t) {
@@ -758,230 +737,233 @@
         } ]);
         function r(e) {
             var n;
-            Pe(this, r);
+            Te(this, r);
             n = t.call(this, e);
-            Fe(Re(n), "el", null);
-            Fe(Re(n), "handleFocus", (function(e) {
+            Le(He(n), "el", null);
+            Le(He(n), "handleFocus", (function(e) {
                 var t = n.props, r = t.onFocus, i = t.itemKey;
                 r === null || r === void 0 ? void 0 : r(e, {
                     itemKey: i
                 });
             }));
-            Fe(Re(n), "handleMount", (function(e) {
+            Le(He(n), "handleMount", (function(e) {
                 n.el = e;
-                xe(n.props.elementRef, e);
+                Ce(n.props.elementRef, e);
             }));
             r.validateProps(e);
             return n;
         }
-        je(r, [ {
+        qe(r, [ {
             key: "componentDidUpdate",
             value: function e() {
                 r.validateProps(this.props);
             }
         }, {
             key: "focus",
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var t;
                 (t = this.el) === null || t === void 0 ? void 0 : t.focus();
             }
-        }, {
+ // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
-                we(this.el);
+                Pe(this.el);
             }
         }, {
             key: "renderLabel",
             value: function e() {
                 var t = this.props, r = t.children, i = t.matchRanges;
-                if (!i || !A()(r)) {
+                if (!i || !z()(r)) {
                     return r;
                 }
-                var a = [];
- // before first match. May be empty string.
-                                a.push(r.substring(0, i[0].start));
+                var o = [];
+                // before first match. May be empty string.
+                                o.push(r.substring(0, i[0].start));
                 i.forEach((function(e, t) {
-                    a.push(
+                    o.push(
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    n().createElement(se, {
+                    n().createElement(ve, {
                         key: t,
                         "data-test": "match"
                     }, r.substring(e.start, e.end)));
                     if (t < i.length - 1) {
-                        a.push(r.substring(e.end, i[t + 1].start));
+                        o.push(r.substring(e.end, i[t + 1].start));
                     } else {
-                        a.push(r.substring(e.end, r.length));
+                        o.push(r.substring(e.end, r.length));
                     }
                 }));
-                return a;
+                return o;
             }
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.active, i = t.children, a = t.hasSubmenu, o = t.selectable, s = t.selectableAppearance, c = t.selected, p = t.icon, u = t.description, f = t.disabled, d = t.onClick, v = t.role, b = t.splunkTheme, m = t.to, h = t.truncate, y = t.descriptionPosition, g = t.openInNewContext, k = Ce(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
-                var x = b.isEnterprise, w = b.isPrisma;
-                var S = this.context.preventFocus;
-                var O = o || c;
-                var C = {
+                var t = this.props, r = t.active, i = t.children, o = t.hasSubmenu, a = t.selectable, s = t.selectableAppearance, c = t.selected, p = t.icon, u = t.description, d = t.disabled, f = t.onClick, v = t.role, m = t.splunkTheme, b = t.to, y = t.truncate, h = t.descriptionPosition, g = t.openInNewContext, k = t.endAdornment, x = t.startAdornment, w = je(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext", "endAdornment", "startAdornment" ]);
+                var S = m.isEnterprise, O = m.isPrisma;
+                var C = this.context.preventFocus;
+                var P = c === true || c === "some";
+                var E = a || P;
+                var I = v || {
                     nonselectable: "menuitem",
                     checkmark: "menuitemradio",
                     checkbox: "menuitemcheckbox"
-                }[O ? s : "nonselectable"];
- // aria-checked updates only with checkmark appearance for now SUI-2578
-                                var I = {
-                    "aria-haspopup": a ? true : undefined,
-                    "aria-checked": s === "checkmark" && c ? true : undefined
+                }[E ? s : "nonselectable"];
+                var j = {
+                    "aria-haspopup": o ? true : undefined
                 };
-                var P = w ? "right" : "left";
-                var _ = u && y === "right";
-                var j = u && !_;
-                var E = c && s === "checkmark" &&  n().createElement(te, null, w ?  n().createElement(K(), {
+                if (I === "menuitemradio" || I === "menuitemcheckbox") {
+                    j["aria-checked"] = c === "some" ? "mixed" : P;
+                } else if (I === "option") {
+                    j["aria-selected"] = P;
+                }
+                var _ = O ? "right" : "left";
+                var T = u && h === "right";
+                var D = u && !T;
+                var q = c && s === "checkmark" &&  n().createElement(le, null, O ?  n().createElement(G(), {
                     inline: true,
                     height: "16",
                     width: "16"
-                }) :  n().createElement(B(), {
+                }) :  n().createElement(U(), {
                     hideDefaultTooltip: true,
                     inline: true,
                     screenReaderText: null,
                     size: .85
                 }));
+                var N = false;
+                var A;
+                if (g) {
+                    N = true;
+                    A = typeof g === "string" ? g : Ge;
+                }
                 
-                return n().createElement(ne, Oe({
-                    $isSelectable: O,
+                return n().createElement(ce, Ie({
+                    $isSelectable: E,
                     $selectableAppearance: s,
-                    $selected: c,
+                    $selected: P,
                     $active: r,
-                    $preventFocus: S || false,
-                    "data-test-selected": O ? c : null,
+                    $preventFocus: C || false,
+                    "data-test-selected": E ? P : null,
                     "data-test": "item",
-                    "data-has-icon": !!p,
-                    disabled: f,
-                    onClick: d,
+                    "data-has-icon": !!p || !!x || !!k,
+                    disabled: d,
+                    onClick: f,
                     onFocus: this.handleFocus,
                     onMouseDown: function e(t) {
-                        if (S) {
+                        if (C) {
                             t.preventDefault();
                         }
                     },
-                    role: v || C,
-                    tabIndex: S ? -1 : undefined,
-                    to: m,
-                    title: h && A()(i) ? i : undefined,
-                    openInNewContext: g
-                }, I, l()(k, "onFocus"), {
+                    role: I,
+                    tabIndex: C ? -1 : undefined,
+                    to: b,
+                    title: y && z()(i) ? i : undefined,
+                    openInNewContext: N
+                }, j, l()(w, "onFocus"), {
                     elementRef: this.handleMount
-                }), o && s === "checkbox" &&  n().createElement(ie, {
+                }), a && s === "checkbox" &&  n().createElement(pe, {
                     interactive: false,
-                    selected: c,
+                    value: "menu-item",
                     selectedLabel: "Selected",
-                    value: "menu-item"
-                }), a &&  n().createElement(ce, null, x ?  n().createElement(V(), {
+                    selected: c
+                }), o &&  n().createElement(me, null, S ?  n().createElement(Y(), {
                     hideDefaultTooltip: true,
                     screenReaderText: null
-                }) :  n().createElement(L(), null)), _ &&  n().createElement(ee, {
+                }) :  n().createElement(B(), null)), T &&  n().createElement(ae, {
                     "data-test": "description"
-                }, u),  n().createElement(ae, null, p &&  n().createElement(re, null, p),  n().createElement(oe, {
-                    $truncate: h
-                }, P === "left" && E,  n().createElement(le, {
-                    $truncate: h,
+                }, u),  n().createElement(ue, null, x ?  n().createElement(se, null, x) : p &&  n().createElement(se, null, p),  n().createElement(de, {
+                    $truncate: y
+                }, _ === "left" && q,  n().createElement(fe, {
+                    $truncate: y,
                     "data-test": "label"
-                }, this.renderLabel(), g &&  n().createElement(ke, null)), j &&  n().createElement(Z, {
+                }, this.renderLabel(), g &&  n().createElement(n().Fragment, null,  n().createElement(Oe, null),  n().createElement(Q(), null, A))), D &&  n().createElement(oe, {
                     "data-test": "description"
-                }, u), P === "right" && E)));
+                }, u), _ === "right" && q), k &&  n().createElement(se, {
+                    endAdornment: k
+                }, k)));
             }
         } ]);
         return r;
     }(r.Component);
-    Fe(Me, "propTypes", $e);
-    Fe(Me, "defaultProps", Ae);
-    Fe(Me, "as", void 0);
-    Fe(Me, "contextType", y);
-    var Le = (0, b.withSplunkTheme)(Me);
-    var ze = Le;
-    ze.propTypes = Me.propTypes;
-    ze.as = "Item";
-    /* harmony default export */    const Ke = ze;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
-    const We = require("@splunk/react-ui/Scroll");
-    var Be =  e.n(We);
+    Le(Ve, "propTypes", Be);
+    Le(Ve, "defaultProps", We);
+    Le(Ve, "as", void 0);
+    Le(Ve, "contextType", h);
+    var Ue = (0, m.withSplunkTheme)(Ve);
+    var Xe = Ue;
+    Xe.propTypes = Ve.propTypes;
+    Xe.as = "Item";
+    /* harmony default export */    const Ye = Xe;
+    // only for styled components using Item
+        // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
+    const Je = require("@splunk/react-ui/Scroll");
+    var Qe =  e.n(Je);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var Ge = (0, u.css)([ "border-top:1px solid ", ";" ], (0, b.pick)({
-        enterprise: b.variables.gray60,
-        prisma: b.variables.neutral200
+    var Ze = (0, u.css)([ "border-top:1px solid ", ";" ], (0, m.pick)({
+        enterprise: m.variables.gray60,
+        prisma: m.variables.neutral200
     }));
-    var Ve = (0, u.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}" ], b.mixins.reset("block"), (0, 
-    b.pick)({
-        enterprise: b.variables.backgroundColor,
-        prisma: b.variables.backgroundColorPopup
-    }), b.variables.borderRadius, (0, b.pick)({
+    var et = (0, u.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}" ], m.mixins.reset("block"), (0, 
+    m.pick)({
+        enterprise: m.variables.backgroundColor,
+        prisma: m.variables.backgroundColorPopup
+    }), m.variables.borderRadius, (0, m.pick)({
         prisma: (0, u.css)([ "padding:8px 0;" ])
-    }), b.variables.focusShadowInset, (0, b.pick)({
-        prisma: (0, u.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
-    }), Ge);
-    var Ue = f().div.withConfig({
+    }), m.variables.focusShadowInset, (0, m.pick)({
+        prisma: (0, u.css)([ "background:", ";" ], m.variables.interactiveColorOverlayHover)
+    }), Ze);
+    var tt = d().div.withConfig({
         displayName: "MenuStyles__Styled",
         componentId: "sc-1olffp9-0"
-    })([ "", "" ], Ve);
-    var Xe = f()(Be()).withConfig({
+    })([ "", "" ], et);
+    var rt = d()(Qe()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], Ve, 
-    /* sc-sel */
-    Ue, 
-    /* sc-sel */
-    Ue, Ge);
+    })([ "", " ", " + &,& + ", "{", "}" ], et, /* sc-sel */ tt, /* sc-sel */ tt, Ze);
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function Ye() {
-        Ye = Object.assign || function(e) {
+    function nt() {
+        return nt = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return Ye.apply(this, arguments);
+        }, nt.apply(null, arguments);
     }
-    function Je(e, t) {
-        if (e == null) return {};
-        var r = Qe(e, t);
-        var n, i;
+    function it(e, t) {
+        if (null == e) return {};
+        var r, n, i = ot(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
-    function Qe(e, t) {
-        if (e == null) return {};
+    function ot(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
-    var Ze = {
-        children: a().node,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        focusMode: a().oneOf([ "roving", "normal", "never" ]),
-        retainFocus: a().bool,
-        stopScrollPropagation: a().bool
+    var at = {
+        children: o().node,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        focusMode: o().oneOf([ "roving", "normal", "never" ]),
+        retainFocus: o().bool,
+        stopScrollPropagation: o().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
-        var et = function e(t) {
+        var lt = function e(t) {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -989,28 +971,28 @@
             enableHomeEnd: true
         };
     };
-    var tt = function e(t) {
+    var st = function e(t) {
         var r = (0, c.keycode)(t.nativeEvent);
- // Handle special case for tab navigation
+        // Handle special case for tab navigation
                 if (r === "tab" && (0, p.isTabKey)(t)) {
             return t.shiftKey ? "tabShift" : "tab";
         }
         return r;
     };
-    function rt(e) {
-        var t = e.children, i = e.elementRef, a = e.focusMode, o = e.retainFocus, c = e.stopScrollPropagation, u = Je(e, [ "children", "elementRef", "focusMode", "retainFocus", "stopScrollPropagation" ]);
+    function ct(e) {
+        var t = e.children, i = e.elementRef, o = e.focusMode, a = e.retainFocus, c = e.stopScrollPropagation, u = it(e, [ "children", "elementRef", "focusMode", "retainFocus", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
                 if (false) {}
-        var f = (0, r.useContext)(y), d = f.role, v = d === void 0 ? "menu" : d;
-        var b = (0, r.useContext)(s.PopoverContext), m = b.retainFocus;
-        var h = (0, r.useRef)(null);
+        var d = (0, r.useContext)(h), f = d.role, v = f === void 0 ? "menu" : f;
+        var m = (0, r.useContext)(s.PopoverContext), b = m.retainFocus;
+        var y = (0, r.useRef)(null);
         var g = true;
-        if (o != null) {
-            g = o;
-        } else if (a === "roving") {
+        if (a != null) {
+            g = a;
+        } else if (o === "roving") {
             g = false;
-        } else if (m != null) {
-            g = m;
+        } else if (b != null) {
+            g = b;
         }
         var k = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
             /* Filter out initial Dividers
@@ -1020,7 +1002,7 @@
             if (t.type.as === "Divider" && e.length === 0) {
                 return e;
             }
- // Filter out consecutive Dividers and Headings
+            // 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 i = n[r + 1];
@@ -1028,7 +1010,7 @@
                     return e;
                 }
             }
- // Filter out last Dividers and Headings
+            // Filter out last Dividers and Headings
                         if ((t.type.as === "Divider" || t.type.as === "Heading") && r === n.length - 1) {
                 return e;
             }
@@ -1036,59 +1018,59 @@
             return e;
         }), []);
         var x = (0, r.useCallback)((function(e) {
-            h.current = e;
-            xe(i, e);
+            y.current = e;
+            Ce(i, e);
         }), [ i ]);
-        var w = et(g);
+        var w = lt(g);
         var S = (0, r.useCallback)((function(e) {
-            var t = tt(e);
+            var t = st(e);
             var r = t === "tab" || t === "tabShift";
             var n = t === "enter";
- // Allow default behavior for the enter key.
+            // 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 && (w.enableTab || !r)) {
                 e.preventDefault();
             }
-            var i = h.current;
-            var a = [];
+            var i = y.current;
+            var o = [];
             if (i) {
-                a = (0, p.getSortedTabbableElements)(i, {
+                o = (0, p.getSortedTabbableElements)(i, {
                     ignoreTabIndex: true
                 });
             }
-            var o = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
+            var a = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
             var l = i === null || i === void 0 ? void 0 : i.querySelector(":focus");
-            var s = o || l;
-            var c = s ? a.indexOf(s) : -1;
-            (0, p.handleFocus)(t, a, c, w);
+            var s = a || l;
+            var c = s ? o.indexOf(s) : -1;
+            (0, p.handleFocus)(t, o, c, w);
         }), [ w ]);
         var O = function e() {
             return {
                 role: "menu",
-                preventFocus: a === "never"
+                preventFocus: o === "never"
             };
         };
-        var C = a === "normal" || a === "never" ? undefined : S;
-        var I = {
+        var C = o === "normal" || o === "never" ? undefined : S;
+        var P = {
             "data-test": "menu",
             onKeyDown: C,
             role: v
         };
-        return c ?  n().createElement(Xe, Ye({}, I, {
+        return c ?  n().createElement(rt, nt({}, P, {
             elementRef: x,
             stopScrollPropagation: true
-        }, l()(u, "tagName")), k) :  n().createElement(Ue, Ye({}, I, {
+        }, l()(u, "tagName")), k) :  n().createElement(tt, nt({}, P, {
             ref: x
-        }, u),  n().createElement(y.Provider, {
+        }, u),  n().createElement(h.Provider, {
             value: O()
         }, k));
     }
-    rt.propTypes = Ze;
-    rt.Item = Ke;
-    rt.Divider = w;
-    rt.Heading = F;
-    /* harmony default export */    const nt = rt;
+    ct.propTypes = at;
+    ct.Item = Ye;
+    ct.Divider = w;
+    ct.Heading = M;
+    /* harmony default export */    const pt = ct;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();