@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Menu.js

@@ -61,11 +61,11 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ H,
-        Heading: () => /* reexport */ ee,
-        Item: () => /* reexport */ we,
+        Divider: () => /* reexport */ $,
+        Heading: () => /* reexport */ Z,
+        Item: () => /* reexport */ Se,
         MenuContext: () => /* reexport */ A,
-        default: () => /* reexport */ Te
+        default: () => /* reexport */ qe
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -76,115 +76,113 @@
     // CONCATENATED MODULE: external "lodash/omit"
     const o = require("lodash/omit");
     var l =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const s = require("@splunk/ui-utils/keyboard");
     // 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 u = require("styled-components");
-    var d =  e.n(u);
+    const c = require("styled-components");
+    var u =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const v = require("@splunk/react-ui/Divider");
-    var p =  e.n(v);
+    const d = require("@splunk/react-ui/Divider");
+    var v =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const m = require("@splunk/react-ui/Clickable");
-    var b =  e.n(m);
+    const f = require("@splunk/react-ui/Clickable");
+    var m =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/NonInteractiveCheckbox"
-    const y = require("@splunk/react-ui/NonInteractiveCheckbox");
-    var g =  e.n(y);
+    const b = require("@splunk/react-ui/NonInteractiveCheckbox");
+    var g =  e.n(b);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var h = (0, u.css)([ "", " overflow:inherit;white-space:inherit;text-overflow:inherit;" ], f.mixins.typography("smallBody"));
-    var S = d().div.withConfig({
+    var y = (0, c.css)([ "", " overflow:inherit;white-space:inherit;text-overflow:inherit;" ], p.mixins.typography("smallBody"));
+    var h = u().div.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
-    })([ "", ";" ], h);
-    var w = d().span.withConfig({
+    })([ "", ";" ], y);
+    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;" ], h, f.variables.spacingLarge);
-    var k = (0, u.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], f.mixins.reset("inline-flex"));
-    var O = d().div.withConfig({
+    })([ "", ";display:flex;align-self:flex-start;align-items:center;float:right;padding-left:", ";max-width:50%;min-height:20px;text-align:right;" ], y, p.variables.spacingLarge);
+    var w = (0, c.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], p.mixins.reset("inline-flex"));
+    var k = u().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedAdornment",
         componentId: "sc-4kc053-2"
-    })([ "", ";padding-left:", ";align-items:flex-start;color:", ";" ], k, f.variables.spacingLarge, f.variables.contentColorActive);
-    var x = d().span.withConfig({
+    })([ "", ";padding-left:", ";align-items:flex-start;color:", ";" ], w, p.variables.spacingLarge, p.variables.contentColorActive);
+    var O = u().span.withConfig({
         displayName: "ItemStyles__StyledItemAdornment",
         componentId: "sc-4kc053-3"
-    })([ "", ";", " padding-right:", ";align-items:center;color:", ";" ], k, (function(e) {
+    })([ "", ";", " padding-right:", ";align-items:center;color:", ";" ], w, (function(e) {
         var t = e.endAdornment;
-        return t && (0, u.css)([ "padding-left:", ";" ], f.variables.spacingSmall);
-    }), f.variables.spacingSmall, f.variables.contentColorMuted);
-    var C = d()(g()).withConfig({
+        return t && (0, c.css)([ "padding-left:", ";" ], p.variables.spacingSmall);
+    }), p.variables.spacingSmall, p.variables.contentColorMuted);
+    var x = u()(g()).withConfig({
         displayName: "ItemStyles__StyledNonInteractiveCheckbox",
         componentId: "sc-4kc053-4"
-    })([ "min-height:0;padding-right:", ";" ], f.variables.spacingSmall);
-    var I = d()(b()).withConfig({
+    })([ "min-height:0;padding-right:", ";" ], p.variables.spacingSmall);
+    var C = u()(m()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-5"
-    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";line-height:20px;", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;box-shadow:", ";background:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], f.variables.contentColorActive, f.variables.inputHeight, f.variables.spacingXSmall, f.variables.spacingLarge, (function(e) {
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";line-height:20px;", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;box-shadow:", ";background:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], p.variables.contentColorActive, p.variables.inputHeight, p.variables.spacingXSmall, p.variables.spacingLarge, (function(e) {
         var t = e.$active, r = e.$preventFocus;
-        return t && !r && (0, u.css)([ "box-shadow:", ";" ], f.variables.focusShadowInset);
+        return t && !r && (0, c.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset);
     }), (function(e) {
         var t = e.$active;
-        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], f.variables.neutral100, f.variables.fontWeightBold);
+        return t && (0, c.css)([ "background:", ";font-weight:", ";" ], p.variables.neutral100, p.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, u.css)([ "padding-right:calc(", " * 3);" ], f.variables.spacingLarge);
-    }), f.variables.interactiveColorOverlayHover, (function(e) {
+        (0, c.css)([ "padding-right:calc(", " * 3);" ], p.variables.spacingLarge);
+    }), p.variables.interactiveColorOverlayHover, (function(e) {
         var t = e.$selected;
-        return t && (0, u.css)([ "background:", ";" ], f.mixins.overlayColors(f.variables.interactiveColorOverlaySelected, f.variables.interactiveColorOverlayHover));
-    }), f.variables.interactiveColorOverlayActive, (function(e) {
+        return t && (0, c.css)([ "background:", ";" ], p.mixins.overlayColors(p.variables.interactiveColorOverlaySelected, p.variables.interactiveColorOverlayHover));
+    }), p.variables.interactiveColorOverlayActive, (function(e) {
         var t = e.$selected;
-        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], f.variables.interactiveColorOverlaySelected, f.variables.fontWeightSemiBold);
-    }), f.variables.focusShadowInset, f.variables.interactiveColorOverlayHover, f.variables.contentColorDisabled, /* sc-sel */ S, /* sc-sel */ w, /* sc-sel */ O, /* sc-sel */ x, f.variables.contentColorDisabled);
-    var E = d().span.withConfig({
+        return t && (0, c.css)([ "background:", ";font-weight:", ";" ], p.variables.interactiveColorOverlaySelected, p.variables.fontWeightSemiBold);
+    }), p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, p.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ k, /* sc-sel */ O, p.variables.contentColorDisabled);
+    var I = u().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var _ = d().div.withConfig({
+    var E = u().div.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex:1;width:100%;align-self:flex-start;word-break:break-word;white-space:normal;", " ", "" ], (function(e) {
         var t = e.$descriptionBottom;
-        return t && (0, u.css)([ "flex-direction:column;" ]);
+        return t && (0, c.css)([ "flex-direction:column;" ]);
     }), (function(e) {
         var t = e.$truncate;
-        return t && (0, u.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
+        return t && (0, c.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var P = d().div.withConfig({
+    var _ = 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, u.css)([ "display:block;clear:both;" ]);
+        return t && (0, c.css)([ "display:block;clear:both;" ]);
     }));
-    var j = d().span.withConfig({
+    var P = u().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], f.variables.contentColorActive);
-    var N = d().span.withConfig({
+    })([ "border-bottom:1px solid ", ";" ], p.variables.contentColorActive);
+    var j = u().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";" ], f.variables.spacingSmall, f.variables.contentColorDefault);
+    })([ "float:right;padding-left:", ";color:", ";" ], p.variables.spacingSmall, p.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 = d()(p()).withConfig({
+    var N = u()(v()).withConfig({
         displayName: "DividerStyles__Styled",
         componentId: "l3zfh3-0"
-    })([ "", " + &,& + ", "{margin-block-start:", ";}" ], I, I, f.variables.spacingSmall);
+    })([ "", " + &,& + ", "{margin-block-start:", ";}" ], C, C, p.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
-    var q =  (0, r.createContext)({
+    var D =  (0, r.createContext)({
         role: "menu",
         preventFocus: false
     });
-    /* harmony default export */    const A = q;
+    /* harmony default export */    const A = D;
     // CONCATENATED MODULE: ./src/Menu/Divider.tsx
-    function R() {
-        return R = Object.assign ? Object.assign.bind() : function(e) {
+    function T() {
+        return T = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -192,51 +190,51 @@
                 }
             }
             return e;
-        }, R.apply(null, arguments);
+        }, T.apply(null, arguments);
     }
-    var T = {};
+    var q = {};
     /**
  * A non-interactive menu item used to visually separate groups of items in the menu.
- */    function $(e) {
-        var t = R({}, e);
+ */    function R(e) {
+        var t = T({}, e);
         // @docs-props-type DividerPropsBase
                 var a = (0, r.useContext)(A), i = a.role;
         
-        return n().createElement(D, R({
+        return n().createElement(N, T({
             "aria-hidden": i === "listbox",
             "data-test": "divider",
             role: "separator"
         }, t));
     }
-    $.propTypes = T;
-    /* Remove the item if it is the first item after filtering */    $.filterFirst = true;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    $.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    $.filterLast = true;
-    /* Tag the item as Divider */    $.as = "Divider";
-    /* harmony default export */    const H = $;
+    R.propTypes = q;
+    /* Remove the item if it is the first item after filtering */    R.filterFirst = true;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    R.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    R.filterLast = true;
+    /* Tag the item as Divider */    R.as = "Divider";
+    /* harmony default export */    const $ = R;
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
-    const F = require("@splunk/react-ui/Heading");
-    var M =  e.n(F);
+    const H = require("@splunk/react-ui/Heading");
+    var F =  e.n(H);
     // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
-    var L = d().div.withConfig({
+    var M = u().div.withConfig({
         displayName: "HeadingStyles__Styled",
         componentId: "mcd2ws-0"
-    })([ "", " border-top:1px solid transparent;padding:", " ", ";&:not(:first-child){border-top:1px solid ", ";margin-top:", ";}" ], f.mixins.reset("block"), f.variables.spacingSmall, f.variables.spacingLarge, f.variables.borderColor, f.variables.spacingSmall);
-    var K = d()(M()).withConfig({
+    })([ "", " 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);
+    var L = u()(F()).withConfig({
         displayName: "HeadingStyles__StyledHeading",
         componentId: "mcd2ws-1"
-    })([ "color:", ";" ], f.variables.contentColorDefault);
+    })([ "color:", ";" ], p.variables.contentColorDefault);
     // CONCATENATED MODULE: ./src/Menu/Heading.tsx
-    function B(e) {
+    function K(e) {
         "@babel/helpers - typeof";
-        return B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return K = "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;
-        }, B(e);
+        }, K(e);
     }
-    function W() {
-        return W = Object.assign ? Object.assign.bind() : function(e) {
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -244,9 +242,9 @@
                 }
             }
             return e;
-        }, W.apply(null, arguments);
+        }, B.apply(null, arguments);
     }
-    function z(e, t) {
+    function W(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -256,42 +254,42 @@
         }
         return r;
     }
-    function V(e) {
+    function z(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? z(Object(r), !0).forEach((function(t) {
-                X(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : z(Object(r)).forEach((function(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) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function X(e, t, r) {
-        return (t = G(t)) in e ? Object.defineProperty(e, t, {
+    function V(e, t, r) {
+        return (t = X(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = r, e;
     }
-    function G(e) {
-        var t = J(e, "string");
-        return "symbol" == B(t) ? t : t + "";
+    function X(e) {
+        var t = G(e, "string");
+        return "symbol" == K(t) ? t : t + "";
     }
-    function J(e, t) {
-        if ("object" != B(e) || !e) return e;
+    function G(e, t) {
+        if ("object" != K(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != B(n)) return n;
+            if ("object" != K(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    function Q(e, t) {
+    function J(e, t) {
         if (null == e) return {};
-        var r, n, a = U(e, t);
+        var r, n, a = Q(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -300,7 +298,7 @@
         }
         return a;
     }
-    function U(e, t) {
+    function Q(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -311,18 +309,18 @@
         }
         return r;
     }
-    var Y = {
+    var U = {
         children: i().node,
         title: i().bool,
         outerStyle: i().object
     };
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
- */    function Z(e) {
-        var t = e.children, a = e.outerStyle, i = e.title, o = Q(e, [ "children", "outerStyle", "title" ]);
+ */    function Y(e) {
+        var t = e.children, a = e.outerStyle, i = e.title, o = J(e, [ "children", "outerStyle", "title" ]);
         var l = (0, r.useContext)(A), s = l.role;
         var c = (0, r.useMemo)((function() {
-            return V(V({}, a), {}, {
+            return z(z({}, a), {}, {
                 margin: 0
             });
         }), [ a ]);
@@ -331,50 +329,50 @@
         // 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(L, {
+        return n().createElement(M, {
             "aria-hidden": s === "listbox" ? true : undefined
-        },  n().createElement(K, W({
+        },  n().createElement(L, B({
             style: c,
             level: i ? 4 : 5,
             variant: i ? "title5" : "title6",
             "data-test": "heading"
         }, o), t));
     }
-    Z.propTypes = Y;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    Z.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    Z.filterLast = true;
-    /* Tag the item as a Heading */    Z.as = "Heading";
-    /* harmony default export */    const ee = Z;
+    Y.propTypes = U;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    Y.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    Y.filterLast = true;
+    /* Tag the item as a Heading */    Y.as = "Heading";
+    /* harmony default export */    const Z = Y;
     // CONCATENATED MODULE: external "lodash/isString"
-    const te = require("lodash/isString");
-    var re =  e.n(te);
+    const ee = require("lodash/isString");
+    var te =  e.n(ee);
     // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
-    const ne = require("@splunk/react-icons/Checkmark");
-    var ae =  e.n(ne);
+    const re = require("@splunk/react-icons/Checkmark");
+    var ne =  e.n(re);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const ie = require("@splunk/react-icons/ChevronRight");
-    var oe =  e.n(ie);
+    const ae = require("@splunk/react-icons/ChevronRight");
+    var ie =  e.n(ae);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const le = require("@splunk/react-ui/ScreenReaderContent");
-    var se =  e.n(le);
+    const oe = require("@splunk/react-ui/ScreenReaderContent");
+    var le =  e.n(oe);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const ce = require("@splunk/ui-utils/i18n");
+    const se = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
-    const ue = require("@splunk/react-icons/ArrowSquareTopRightInset");
-    var de =  e.n(ue);
+    const ce = require("@splunk/react-icons/ArrowSquareTopRightInset");
+    var ue =  e.n(ce);
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var ve = d()(de()).withConfig({
+    var de = u()(ue()).withConfig({
         displayName: "External__Styled",
         componentId: "sc-1turs2s-0"
     })([ "vertical-align:text-top;margin:0 0 0 4px;" ]);
-    function pe() {
+    function ve() {
         
-        return n().createElement(ve, null);
+        return n().createElement(de, null);
     }
-    /* harmony default export */    const fe = pe;
+    /* harmony default export */    const pe = ve;
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function me() {
-        return me = Object.assign ? Object.assign.bind() : function(e) {
+    function fe() {
+        return fe = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -382,11 +380,11 @@
                 }
             }
             return e;
-        }, me.apply(null, arguments);
+        }, fe.apply(null, arguments);
     }
-    function be(e, t) {
+    function me(e, t) {
         if (null == e) return {};
-        var r, n, a = ye(e, t);
+        var r, n, a = be(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -395,7 +393,7 @@
         }
         return a;
     }
-    function ye(e, t) {
+    function be(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -435,9 +433,9 @@
         to: i().string,
         truncate: i().bool
     };
-    var he = (0, ce._)("(Opens new window)");
-    function Se(e) {
-        var t = e.active, a = e.children, i = e.description, o = e.descriptionPosition, s = o === void 0 ? "bottom" : o, c = e.disabled, u = e.endAdornment, d = e.elementRef, v = e.hasSubmenu, p = e.itemKey, f = e.matchRanges, m = e.onClick, b = e.onFocus, y = e.openInNewContext, g = e.role, h = e.selectable, k = e.selectableAppearance, D = k === void 0 ? "checkmark" : k, q = e.selected, R = e.startAdornment, T = e.to, $ = e.truncate, H = be(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
+    var ye = (0, se._)("(Opens new window)");
+    function he(e) {
+        var t = e.active, a = e.children, i = e.description, o = e.descriptionPosition, s = o === void 0 ? "bottom" : o, c = e.disabled, u = e.endAdornment, d = e.elementRef, v = e.hasSubmenu, p = e.itemKey, f = e.matchRanges, m = e.onClick, b = e.onFocus, g = e.openInNewContext, y = e.role, w = e.selectable, N = e.selectableAppearance, D = N === void 0 ? "checkmark" : N, T = e.selected, q = e.startAdornment, R = e.to, $ = e.truncate, H = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
         var F = (0, r.useContext)(A), M = F.preventFocus;
         (0, r.useEffect)((function() {
             if (false) {}
@@ -453,7 +451,7 @@
             }
         }), [ M ]);
         var B = (0, r.useMemo)((function() {
-            if (!f || !re()(a)) {
+            if (!f || !te()(a)) {
                 return a;
             }
             var e = [];
@@ -463,7 +461,7 @@
                 e.push(
                 
                 // eslint-disable-next-line react/no-array-index-key
-                n().createElement(j, {
+                n().createElement(P, {
                     key: r,
                     "data-test": "match"
                 }, a.substring(t.start, t.end)));
@@ -475,9 +473,9 @@
             }));
             return e;
         }), [ a, f ]);
-        var W = q === true || q === "some";
-        var z = h || W;
-        var V = g || {
+        var W = T === true || T === "some";
+        var z = w || W;
+        var V = y || {
             nonselectable: "menuitem",
             checkmark: "menuitemradio",
             checkbox: "menuitemcheckbox"
@@ -486,29 +484,30 @@
             "aria-haspopup": v ? true : undefined
         };
         if (V === "menuitemradio" || V === "menuitemcheckbox") {
-            X["aria-checked"] = q === "some" ? "mixed" : W;
+            X["aria-checked"] = T === "some" ? "mixed" : W;
         } else if (V === "option") {
             X["aria-selected"] = W;
         }
         var G = i && s === "right";
         var J = i && !G;
-        var Q = q && D === "checkmark" &&  n().createElement(O, null,  n().createElement(ae(), {
+        var Q = T && D === "checkmark" &&  n().createElement(k, null,  n().createElement(ne(), {
+            "data-test": "selected-checkmark",
             inline: true
         }));
         var U = false;
         var Y;
-        if (y) {
+        if (g) {
             U = true;
-            Y = typeof y === "string" ? y : he;
+            Y = typeof g === "string" ? g : ye;
         }
         
-        return n().createElement(I, me({
+        return n().createElement(C, fe({
             $active: t,
             $isSelectable: z,
             $preventFocus: M || false,
             $selectableAppearance: D !== null && D !== void 0 ? D : false,
             $selected: W,
-            "data-has-icon": !!R || !!u,
+            "data-has-icon": !!q || !!u,
             "data-test": "item",
             "data-test-selected": z ? W : null,
             disabled: c,
@@ -519,43 +518,43 @@
             openInNewContext: U,
             role: V,
             tabIndex: M ? -1 : undefined,
-            to: T,
-            title: $ && re()(a) ? a : undefined
-        }, X, l()(H, "onFocus")), v &&  n().createElement(N, null,  n().createElement(oe(), null)),  n().createElement(E, null, h && D === "checkbox" &&  n().createElement(C, {
+            to: R,
+            title: $ && te()(a) ? a : undefined
+        }, X, l()(H, "onFocus")), v &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, w && D === "checkbox" &&  n().createElement(x, {
             disabled: !!c,
-            selected: q
-        }), R &&  n().createElement(x, null, R),  n().createElement(_, {
+            selected: T
+        }), q &&  n().createElement(O, null, q),  n().createElement(E, {
             $descriptionBottom: !!J,
             $truncate: $ !== null && $ !== void 0 ? $ : false
-        },  n().createElement(P, {
+        },  n().createElement(_, {
             $truncate: $ !== null && $ !== void 0 ? $ : false,
             "data-test": "label"
-        }, B, y &&  n().createElement(n().Fragment, null,  n().createElement(fe, null),  n().createElement(se(), null, Y))), J &&  n().createElement(S, {
+        }, B, g &&  n().createElement(n().Fragment, null,  n().createElement(pe, null),  n().createElement(le(), null, Y))), J &&  n().createElement(h, {
             "data-test": "description"
-        }, i), G &&  n().createElement(w, {
+        }, i), G &&  n().createElement(S, {
             "data-test": "description"
-        }, i)), u &&  n().createElement(x, {
+        }, i)), u &&  n().createElement(O, {
             endAdornment: u
         }, u), Q));
     }
-    Se.propTypes = ge;
-    Se.as = "Item";
-    /* harmony default export */    const we = Se;
+    he.propTypes = ge;
+    he.as = "Item";
+    /* harmony default export */    const Se = he;
     // only for styled components using Item
         // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
-    const ke = require("@splunk/react-ui/Scroll");
-    var Oe =  e.n(ke);
+    const we = require("@splunk/react-ui/Scroll");
+    var ke =  e.n(we);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var xe = (0, u.css)([ "border-top:1px solid ", ";" ], f.variables.borderColor);
-    var Ce = (0, u.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], f.mixins.reset("block"), f.variables.backgroundColorPopup, f.variables.borderRadius, f.variables.spacingSmall, f.variables.focusShadowInset, f.variables.interactiveColorOverlayHover, xe);
-    var Ie = d().div.withConfig({
+    var Oe = (0, c.css)([ "border-top:1px solid ", ";" ], p.variables.borderColor);
+    var xe = (0, c.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], p.mixins.reset("block"), p.variables.backgroundColorPopup, p.variables.borderRadius, p.variables.spacingSmall, p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, Oe);
+    var Ce = u().div.withConfig({
         displayName: "MenuStyles__Styled",
         componentId: "sc-1olffp9-0"
-    })([ "", "" ], Ce);
-    var Ee = d()(Oe()).withConfig({
+    })([ "", "" ], xe);
+    var Ie = u()(ke()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], Ce, /* sc-sel */ Ie, /* sc-sel */ Ie, xe);
+    })([ "", " ", " + &,& + ", "{", "}" ], xe, /* sc-sel */ Ce, /* sc-sel */ Ce, Oe);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -563,7 +562,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function _e(e, t) {
+    function Ee(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -576,8 +575,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function Pe() {
-        return Pe = 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) {
@@ -585,11 +584,11 @@
                 }
             }
             return e;
-        }, Pe.apply(null, arguments);
+        }, _e.apply(null, arguments);
     }
-    function je(e, t) {
+    function Pe(e, t) {
         if (null == e) return {};
-        var r, n, a = Ne(e, t);
+        var r, n, a = je(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -598,7 +597,7 @@
         }
         return a;
     }
-    function Ne(e, t) {
+    function je(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
@@ -609,14 +608,14 @@
         }
         return r;
     }
-    var De = {
+    var Ne = {
         children: i().node,
         elementRef: i().oneOfType([ i().func, i().object ]),
         focusMode: i().oneOf([ "roving", "normal", "never" ]),
         stopScrollPropagation: i().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
-        var qe = function e() {
+        var De = function e() {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -625,15 +624,15 @@
         };
     };
     var Ae = function e(t) {
-        var r = (0, s.keycode)(t.nativeEvent);
-        // Handle special case for tab navigation
-                if (r === "tab" && (0, c.isTabKey)(t)) {
-            return t.shiftKey ? "tabShift" : "tab";
+        var r = t.key;
+ // Handle special case for tab navigation
+                if (r === "Tab" && (0, s.isTabKey)(t)) {
+            return t.shiftKey ? "tabShift" : "Tab";
         }
         return r;
     };
-    function Re(e) {
-        var t = e.children, a = e.elementRef, i = e.focusMode, o = i === void 0 ? "roving" : i, s = e.stopScrollPropagation, u = je(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
+    function Te(e) {
+        var t = e.children, a = e.elementRef, i = e.focusMode, o = i === void 0 ? "roving" : i, c = e.stopScrollPropagation, u = Pe(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
                 var d = (0, r.useContext)(A), v = d.role, p = v === void 0 ? "menu" : v;
         var f = (0, r.useRef)(null);
@@ -662,62 +661,62 @@
         }), []);
         var b = (0, r.useCallback)((function(e) {
             f.current = e;
-            _e(a, e);
+            Ee(a, e);
         }), [ a ]);
-        var y = qe();
-        var g = (0, r.useCallback)((function(e) {
+        var g = De();
+        var y = (0, r.useCallback)((function(e) {
             // if command key on Mac was pressed ignore
             if (e.nativeEvent.metaKey) {
                 return;
             }
             var t = Ae(e);
-            var r = t === "tab" || t === "tabShift";
-            var n = t === "enter";
+            var r = t === "Tab" || t === "tabShift";
+            var n = t === "Enter";
             // Allow default behavior for the enter key.
             // If tab navigation is enabled, prevent default behavior for all other keys.
             // If tab navigation is disabled, allow default behavior for tab and tab+shift key
-                        if (!n && (y.enableTab || !r)) {
+                        if (!n && (g.enableTab || !r)) {
                 e.preventDefault();
             }
             var a = f.current;
             var i = [];
             if (a) {
-                i = (0, c.getSortedTabbableElements)(a, {
+                i = (0, s.getSortedTabbableElements)(a, {
                     ignoreTabIndex: true
                 });
             }
             var o = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
             var l = a === null || a === void 0 ? void 0 : a.querySelector(":focus");
-            var s = o || l;
-            var u = s ? i.indexOf(s) : -1;
-            (0, c.handleFocus)(t, i, u, y);
-        }), [ y ]);
+            var c = o || l;
+            var u = c ? i.indexOf(c) : -1;
+            (0, s.handleFocus)(t, i, u, g);
+        }), [ g ]);
         var h = function e() {
             return {
                 role: "menu",
                 preventFocus: o === "never"
             };
         };
-        var S = o === "normal" || o === "never" ? undefined : g;
+        var S = o === "normal" || o === "never" ? undefined : y;
         var w = {
             "data-test": "menu",
             onKeyDown: S,
             role: p
         };
-        return s ?  n().createElement(Ee, Pe({}, w, {
+        return c ?  n().createElement(Ie, _e({}, w, {
             elementRef: b,
             stopScrollPropagation: true
-        }, l()(u, "tagName")), m) :  n().createElement(Ie, Pe({}, w, {
+        }, l()(u, "tagName")), m) :  n().createElement(Ce, _e({}, w, {
             ref: b
         }, u),  n().createElement(A.Provider, {
             value: h()
         }, m));
     }
-    Re.propTypes = De;
-    Re.Item = we;
-    Re.Divider = H;
-    Re.Heading = ee;
-    /* harmony default export */    const Te = Re;
+    Te.propTypes = Ne;
+    Te.Item = Se;
+    Te.Divider = $;
+    Te.Heading = Z;
+    /* harmony default export */    const qe = Te;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();