@splunk/react-ui 5.7.1 → 5.8.0

package/SelectBase.js

@@ -61,13 +61,13 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Controls: () => /* reexport */ sr,
+        Controls: () => /* reexport */ fr,
         Divider: () => /* reexport */ w.Divider,
         Heading: () => /* reexport */ w.Heading,
         Option: () => /* reexport */ U,
         SelectAllOption: () => /* reexport */ oe,
-        default: () => /* reexport */ mr,
-        isOption: () => /* reexport */ tr
+        default: () => /* reexport */ yr,
+        isOption: () => /* reexport */ nr
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -108,8 +108,8 @@
     const x = require("@splunk/react-ui/ScreenReaderContent");
     var j =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const P = require("@splunk/react-ui/Text");
-    var E =  e.n(P);
+    const E = require("@splunk/react-ui/Text");
+    var P =  e.n(E);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const A = require("@splunk/react-ui/useControlled");
     var L =  e.n(A);
@@ -119,9 +119,9 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
     const M = require("@splunk/ui-utils/filter");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const q = require("@splunk/ui-utils/i18n");
+    const T = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const T = require("@splunk/ui-utils/id");
+    const q = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
     const D = require("@splunk/ui-utils/scroll");
     // CONCATENATED MODULE: ./src/SelectBase/OptionBase.tsx
@@ -215,7 +215,7 @@
         children: p().node,
         description: p().string,
         descriptionPosition: p().oneOf([ "right", "bottom" ]),
-        disabled: p().bool,
+        disabled: p().oneOfType([ p().bool, p().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: p().oneOfType([ p().func, p().object ]),
         endAdornment: p().node,
         hidden: p().bool,
@@ -243,17 +243,25 @@
  */    function X(e) {
         var r = e.children, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, o = e.disabled, i = e.elementRef, u = e.endAdornment, c = e.icon, s = e.label, f = e.multiple, d = e.onClick, p = e.role, v = p === void 0 ? "option" : p, b = e.value, m = z(e, [ "children", "descriptionPosition", "disabled", "elementRef", "endAdornment", "icon", "label", "multiple", "onClick", "role", "value" ]);
         // @docs-props-type OptionPropsBase
-                var y = (0, t.useCallback)((function(e) {
-            if (!o) {
+        // TODO (SUI-8600): `disabled` prop should default to 'dimmed' for data entry components
+                var y;
+        if (o === "dimmed") {
+            y = "dimmed";
+        } else if (o === true || o === "disabled") {
+            y = "disabled";
+        }
+        var g = (0, t.useCallback)((function(e) {
+            if (!y) {
                 d === null || d === void 0 ? void 0 : d(e, {
                     value: b
                 });
             }
-        }), [ o, d, b ]);
-        var g = b.toString();
-        var h = V({
+        }), [ y, d, b ]);
+        var h = b.toString();
+        var S = V({
             descriptionPosition: a,
-            disabled: o ? "disabled" : undefined
+            disabled: y,
+            "data-test-disabled": y
         }, m);
         
         return n().createElement(w.Item, B({
@@ -261,13 +269,13 @@
             "data-test": "option",
             elementRef: i,
             endAdornment: u
-        }, h, {
+        }, S, {
             selectable: true,
             selectableAppearance: f ? "checkbox" : "checkmark",
             startAdornment: c,
-            onClick: y,
+            onClick: g,
             role: v,
-            value: g
+            value: h
         }), r || s);
     }
     X.propTypes = $;
@@ -540,10 +548,10 @@
         return e;
     }
     var je = xe();
-    /* harmony default export */    const Pe = /* unused pure expression or super */ null && je;
+    /* harmony default export */    const Ee = /* unused pure expression or super */ null && je;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Ee = {
+    var Pe = {
         document: ke,
         navigator: {
             userAgent: ""
@@ -599,7 +607,7 @@
         }
     };
     function Ae() {
-        var e = typeof window !== "undefined" ? window : Ee;
+        var e = typeof window !== "undefined" ? window : Pe;
         return e;
     }
     var Le = Ae();
@@ -625,12 +633,12 @@
     }
     // CONCATENATED MODULE: ./src/SelectBase/SelectBase.tsx
     function Me(e) {
-        return De(e) || Te(e) || Ve(e) || qe();
+        return De(e) || qe(e) || Ve(e) || Te();
     }
-    function qe() {
+    function Te() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Te(e) {
+    function qe(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function De(e) {
@@ -765,7 +773,10 @@
         }
         return ("string" === r ? String : Number)(e);
     }
-    var Ye = {
+    var Ye = function e(r) {
+        return r === true || r === "dimmed" || r === "disabled";
+    };
+    var Ze = {
         allowKeyMatching: p().bool,
         allowNewValues: p().bool,
         animateLoading: p().bool,
@@ -775,7 +786,7 @@
         defaultPlacement: p().oneOf([ "above", "below", "vertical" ]),
         defaultValues: p().array,
         describedBy: p().string,
-        disabled: p().bool,
+        disabled: p().oneOfType([ p().bool, p().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: p().oneOfType([ p().func, p().object ]),
         error: p().bool,
         filter: p().oneOf([ false, true, "controlled" ]),
@@ -816,11 +827,11 @@
         /** @private. */
         virtualization: p().number
     };
-    var Ze = c()((function(e) {
+    var er = c()((function(e) {
         return [ e ];
     }));
     // preserve separate widths for single vs. multi mode
-        var er = c()((function(e) {
+        var rr = c()((function(e) {
         var r = e.anchorWidth, t = e.isMultiple, n = e.maxHeight, l = e.menuStyle;
         return t ? Ue({
             width: Math.max(r !== null && r !== void 0 ? r : 0, 200),
@@ -831,23 +842,23 @@
             maxHeight: n
         }, l);
     }));
-    var rr = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    function tr(e) {
+    var tr = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function nr(e) {
         return e && i()(e.props, "value");
     }
-    function nr(e, r) {
+    function lr(e, r) {
         return "".concat($e(e), "-").concat(e, "-").concat(r);
     }
-    var lr = [ "append", "error", "prepend" ];
-    var ar = (0, q._)("No matches");
-    var or = (0, q._)("Select...");
-    var ir = 30;
-    var ur = {};
-    var cr =  n().createElement(y(), null);
-    var sr = function e(r) {
+    var ar = [ "append", "error", "prepend" ];
+    var or = (0, T._)("No matches");
+    var ir = (0, T._)("Select...");
+    var ur = 30;
+    var cr = {};
+    var sr =  n().createElement(y(), null);
+    var fr = function e(r) {
         var t = r.activeItemId, l = r.filterA11yId, a = r.filterKeyword, o = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, d = r.onSelectAll, p = r.onTextBlur, v = r.onTextChange, b = r.onTextFocus, m = r.onTextKeyDown, y = r.optionSelection, g = r.placement, h = r.selectAllAppearance, S = r.textHasFocus;
-        var O = (0, q._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
-        var w = (0, q._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
+        var O = (0, T._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+        var w = (0, T._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
         // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
                 var C =  n().createElement(Se, {
             key: "selectAll"
@@ -858,23 +869,23 @@
             onClick: d,
             "data-test": "select-all",
             tag: "button"
-        }, a ? (0, q._)("Select all Matches") : (0, q._)("Select all")),  n().createElement(he, {
+        }, a ? (0, T._)("Select all Matches") : (0, T._)("Select all")),  n().createElement(he, {
             disabled: y.current === "none",
             appearance: "standalone",
             "aria-label": w,
             onClick: f,
             "data-test": "clear-all",
             tag: "button"
-        }, a ? (0, q._)("Clear all Matches") : (0, q._)("Clear all")));
+        }, a ? (0, T._)("Clear all Matches") : (0, T._)("Clear all")));
         
         return n().createElement("div", {
             key: "controls"
         }, l &&  n().createElement(j(), {
             id: l
-        }, (0, q._)("Type to filter")), g === "above" &&  n().createElement(Oe, null),  n().createElement(ye, {
+        }, (0, T._)("Type to filter")), g === "above" &&  n().createElement(Oe, null),  n().createElement(ye, {
             key: "filter",
             "data-test": "filter"
-        },  n().createElement(E(), {
+        },  n().createElement(P(), {
             value: a,
             autoCapitalize: "off",
             autoComplete: "off",
@@ -884,21 +895,21 @@
             onKeyDown: m,
             onFocus: b,
             onBlur: p,
-            placeholder: (0, q._)("Filter"),
+            placeholder: (0, T._)("Filter"),
             role: "combobox",
             "aria-expanded": "true",
             "aria-controls": c,
             "aria-owns": S && o ? t : undefined,
-            "aria-label": (0, q._)("Filter"),
+            "aria-label": (0, T._)("Filter"),
             "aria-autocomplete": "list",
             "aria-activedescendant": S && o ? t : undefined,
             inputRef: u,
             inputId: i,
             canClear: true,
-            startAdornment: cr
+            startAdornment: sr
         })), s && o && h === "buttongroup" && C, g === "below" &&  n().createElement(Oe, null));
     };
-    var fr = function e(r) {
+    var dr = function e(r) {
         var t = r.prefixLabel, n = r.label, l = r.suffixLabel;
         var o = n;
         if (t) {
@@ -909,15 +920,15 @@
         }
         return o;
     };
-    var dr = [];
-    var pr =  n().forwardRef((function(e, r) {
-        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, i = e.children, u = e.currentValues, c = u === void 0 ? dr : u, s = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, m = e.inline, y = e.labelText, g = e.labelledBy, h = e.multiple, S = e.onClick, w = e.placeholder, C = e.prefixLabel, k = e.prepend, x = e.required, j = e.suffixLabel, P = e.toggle, E = e.toggleContent, A = e.maxLabelItems, L = A === void 0 ? ir : A, I = ze(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent", "maxLabelItems" ]);
+    var pr = [];
+    var vr =  n().forwardRef((function(e, r) {
+        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, i = e.children, u = e.currentValues, c = u === void 0 ? pr : u, s = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, m = e.inline, y = e.labelText, g = e.labelledBy, h = e.multiple, S = e.onClick, w = e.placeholder, C = e.prefixLabel, k = e.prepend, x = e.required, j = e.suffixLabel, E = e.toggle, P = e.toggleContent, A = e.maxLabelItems, L = A === void 0 ? ur : A, I = ze(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent", "maxLabelItems" ]);
         var R = (0, t.useMemo)((function() {
             var e = t.Children.toArray(i);
             var r = new Map;
             for (var n = 0; n < e.length; n += 1) {
                 var l = e[n];
-                if (tr(l)) {
+                if (nr(l)) {
                     r.set(l.props.value, l);
                 }
             }
@@ -935,7 +946,7 @@
                 var l = R.get(n);
                 if (l) {
                     var a = l.props, o = a.children, i = a.icon, u = a.label;
-                    var s = E !== "optionLabel" && o ? o : u;
+                    var s = P !== "optionLabel" && o ? o : u;
                     e.label.push(s);
                     e.ariaLabel.push(u);
                     // if not in multiple mode, add the icon
@@ -948,24 +959,24 @@
                     e.ariaLabel.push(n.toString());
                 }
                 if (t < r - 1) {
-                    e.label.push((0, q._)(", "));
-                    e.ariaLabel.push((0, q._)(", "));
+                    e.label.push((0, T._)(", "));
+                    e.ariaLabel.push((0, T._)(", "));
                 }
             }
             if (h && c.length > r && e.label.length) {
                 // add visual ellipsis to ensure truncation is shown
-                e.label.push((0, q._)("..."));
+                e.label.push((0, T._)("..."));
             }
             // only apply prefix / suffix if the label is not empty
                         if (e.label.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                e.ariaLabel = fr({
+                e.ariaLabel = dr({
                     prefixLabel: C,
                     label: e.label.length > 1 ? [ "".concat(c.length, " items selected") ] : e.ariaLabel,
                     suffixLabel: j
                 });
-                e.label = fr({
+                e.label = dr({
                     prefixLabel: C,
                     label: e.label,
                     suffixLabel: j
@@ -976,14 +987,22 @@
                         if (!e.label.length || !h && e.label.every((function(e) {
                 return e === "";
             }))) {
-                e.label = Ze(w);
+                e.label = er(w);
                 e.ariaLabel = e.label;
             }
             return e;
-        }), [ c, L, h, R, w, C, j, E ]), T = M.label, D = M.ariaLabel, _ = M.icon;
+        }), [ c, L, h, R, w, C, j, P ]), q = M.label, D = M.ariaLabel, _ = M.icon;
         var B = "aria-labelledby" in I;
-        var N = Ue({
+        // TODO (SUI-8600): `disabled` prop should default to 'dimmed' for data entry components
+                var N;
+        if (d === "dimmed") {
+            N = "dimmed";
+        } else if (d === true || d === "disabled") {
+            N = "disabled";
+        }
+        var V = Ue({
             "aria-describedby": s,
+            "aria-disabled": d === "dimmed" || undefined,
             "aria-label": g || B ? undefined : "".concat(y ? "".concat(y, ", ") : "").concat(D.join("")),
             // aria-labelledby takes precedence over aria-label, so existence of both is redundant
             "aria-labelledby": g,
@@ -993,55 +1012,56 @@
             prepend: k,
             onClick: S,
             role: "combobox",
-            disabled: d ? "disabled" : undefined,
+            disabled: a === "link" ? d === true || d === "disabled" : N,
             elementRef: p,
             error: v,
             ref: r
         }, I);
         if (h) {
-            N["data-test-values"] = JSON.stringify(c);
+            V["data-test-values"] = JSON.stringify(c);
         } else {
-            var V = Be(c, 1), F = V[0];
-            N["data-test-value"] = F;
+            var F = Be(c, 1), K = F[0];
+            V["data-test-value"] = K;
         }
-        if (P) {
+        V["data-test-disabled"] = N;
+        if (E) {
             
-            return (0, t.cloneElement)(P, N);
+            return (0, t.cloneElement)(E, V);
         }
         if (a === "link") {
             
             return n().createElement(O(), _e({
                 tag: "button",
                 appearance: "standalone"
-            }, N, {
+            }, V, {
                 "data-select-appearance": "link"
-            }), !!_ &&  n().createElement(be, null, _), T || w,  n().createElement(me, null,  n().createElement(b(), null)));
+            }), !!_ &&  n().createElement(be, null, _), q || w,  n().createElement(me, null,  n().createElement(b(), null)));
         }
         // Using Button's secondary appearance as Select's default appearance.
-                var K = a === "default" ? "secondary" : a;
+                var H = a === "default" ? "secondary" : a;
         
-        return n().createElement(ve, _e({}, N, {
+        return n().createElement(ve, _e({}, V, {
             $multiple: h,
-            appearance: K,
-            label: T,
+            appearance: H,
+            label: q,
             error: v,
             icon: _,
             inline: m,
             isMenu: true,
             onClick: S
-        }, f()(I, lr)), !!c.length && h &&  n().createElement(ge, {
+        }, f()(I, ar)), !!c.length && h &&  n().createElement(ge, {
             "data-role": "count"
         }, "(", c.length, ")"));
     }));
-    function vr(e) {
+    function br(e) {
         var r = e.currentValues, t = e.multiple;
         if (t || !(r === null || r === void 0 ? void 0 : r.length)) {
             return r !== null && r !== void 0 ? r : [];
         }
         return [ r[0] ];
     }
-    function br(e) {
-        var r = e.allowKeyMatching, l = r === void 0 ? true : r, a = e.animateLoading, o = e.appearance, i = o === void 0 ? "default" : o, u = e.append, c = e.allowNewValues, s = e.children, f = e.defaultPlacement, d = f === void 0 ? "vertical" : f, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, y = e.error, g = e.filter, S = e.footerMessage, O = e.inline, x = e.inputId, j = e.inputRef, P = e.isLoadingOptions, E = e.labelledBy, A = e.labelText, I = e.loadingMessage, _ = e.menuStyle, B = _ === void 0 ? ur : _, N = e.multiple, V = e.name, F = e.noOptionsMessage, K = F === void 0 ? ar : F, H = e.onChange, z = e.onScroll, W = e.onScrollBottom, $ = e.onFilterChange, X = e.onClick, J = e.onClose, G = e.onOpen, Q = e.required, Y = e.placeholder, Z = Y === void 0 ? or : Y, ee = e.prefixLabel, re = e.prepend, te = e.repositionMode, ne = te === void 0 ? "flip" : te, le = e.selectAllAppearance, ae = le === void 0 ? "buttongroup" : le, ie = e.showSelectedValuesFirst, ue = e.suffixLabel, ce = e.tabConfirmsNewValue, se = e.values, fe = e.virtualization, de = e.toggle, pe = e.toggleContent, ve = pe === void 0 ? "optionChildren" : pe, be = e.maxLabelItems, me = be === void 0 ? ir : be, ye = ze(e, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent", "maxLabelItems" ]);
+    function mr(e) {
+        var r = e.allowKeyMatching, l = r === void 0 ? true : r, a = e.animateLoading, o = e.appearance, i = o === void 0 ? "default" : o, u = e.append, c = e.allowNewValues, s = e.children, f = e.defaultPlacement, d = f === void 0 ? "vertical" : f, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, y = e.error, g = e.filter, S = e.footerMessage, O = e.inline, x = e.inputId, j = e.inputRef, E = e.isLoadingOptions, P = e.labelledBy, A = e.labelText, I = e.loadingMessage, _ = e.menuStyle, B = _ === void 0 ? cr : _, N = e.multiple, V = e.name, F = e.noOptionsMessage, K = F === void 0 ? or : F, H = e.onChange, z = e.onScroll, W = e.onScrollBottom, $ = e.onFilterChange, X = e.onClick, J = e.onClose, G = e.onOpen, Q = e.required, Y = e.placeholder, Z = Y === void 0 ? ir : Y, ee = e.prefixLabel, re = e.prepend, te = e.repositionMode, ne = te === void 0 ? "flip" : te, le = e.selectAllAppearance, ae = le === void 0 ? "buttongroup" : le, ie = e.showSelectedValuesFirst, ue = e.suffixLabel, ce = e.tabConfirmsNewValue, se = e.values, fe = e.virtualization, de = e.toggle, pe = e.toggleContent, ve = pe === void 0 ? "optionChildren" : pe, be = e.maxLabelItems, me = be === void 0 ? ur : be, ye = ze(e, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent", "maxLabelItems" ]);
         // @docs-props-type SelectBasePropsBase
                 var ge = L()({
             componentName: "SelectBase",
@@ -1054,92 +1074,96 @@
         // states
                 var he = (0, t.useState)((function() {
             return {
-                activeItemId: (0, T.createDOMID)("active-item"),
-                menuListboxId: (0, T.createDOMID)("menu-listbox")
+                activeItemId: (0, q.createDOMID)("active-item"),
+                menuListboxId: (0, q.createDOMID)("menu-listbox")
             };
         })), Se = Be(he, 1), Oe = Se[0], we = Oe.activeItemId, ke = Oe.menuListboxId;
-        var xe = (0, t.useState)(0), je = Be(xe, 2), Pe = je[0], Ee = je[1];
-        var Le = (0, t.useState)(""), Ie = Be(Le, 2), qe = Ie[0], Te = Ie[1];
+        var xe = (0, t.useState)(0), je = Be(xe, 2), Ee = je[0], Pe = je[1];
+        var Le = (0, t.useState)(""), Ie = Be(Le, 2), Te = Ie[0], qe = Ie[1];
         var De = (0, t.useState)(false), Ne = Be(De, 2), Ve = Ne[0], Fe = Ne[1];
         var Ke = (0, t.useState)(false), He = Be(Ke, 2), We = He[0], $e = He[1];
         var Xe = (0, t.useState)([]), Ue = Be(Xe, 2), Je = Ue[0], Ge = Ue[1];
-        var Qe = (0, t.useState)(p || []), Ye = Be(Qe, 2), Ze = Ye[0], lr = Ye[1];
+        var Qe = (0, t.useState)(p || []), Ze = Be(Qe, 2), er = Ze[0], ar = Ze[1];
  // previous state
-                var cr = R()(Pe);
+                var sr = R()(Ee);
         // refs
-                var fr = (0, t.useRef)(null);
-        var dr = (0, t.useRef)(null);
-        var br = (0, t.useRef)(null);
-        var mr = (0, t.useRef)([]);
+                var dr = (0, t.useRef)(null);
+        var pr = (0, t.useRef)(null);
+        var mr = (0, t.useRef)(null);
         var yr = (0, t.useRef)([]);
-        var gr = (0, t.useRef)(cr);
-        var hr = (0, t.useRef)();
-        var Sr = (0, t.useRef)({});
-        var Or = (0, t.useRef)(0);
-        var wr = (0, t.useRef)([]);
-        var Cr = (0, t.useRef)(null);
-        var kr = (0, t.useRef)();
-        var xr = (0, t.useRef)(0);
-        var jr = (0, t.useRef)("none");
-        var Pr = (0, t.useState)(g ? (0, T.createDOMID)("filter") : undefined), Er = Be(Pr, 1), Ar = Er[0];
+        var gr = (0, t.useRef)([]);
+        var hr = (0, t.useRef)(sr);
+        var Sr = (0, t.useRef)();
+        var Or = (0, t.useRef)({});
+        var wr = (0, t.useRef)(0);
+        var Cr = (0, t.useRef)([]);
+        var kr = (0, t.useRef)(null);
+        var xr = (0, t.useRef)();
+        var jr = (0, t.useRef)(0);
+        var Er = (0, t.useRef)("none");
+        var Pr = (0, t.useState)(g ? (0, q.createDOMID)("filter") : undefined), Ar = Be(Pr, 1), Lr = Ar[0];
+        var Ir = b === true || b === "dimmed" || b === "disabled";
         (0, t.useEffect)((function() {
             if (false) {}
         }), [ i, u, y, re ]);
-        var Lr = (0, t.useMemo)((function() {
+        var Rr = (0, t.useMemo)((function() {
             var e = n().Children.toArray(s);
             var r = new Map;
             for (var t = 0; t < e.length; t += 1) {
                 var l = e[t];
-                if (tr(l)) {
+                if (nr(l)) {
                     r.set(l.props.value, l);
                 }
             }
             return [ e, r ];
-        }), [ s ]), Ir = Be(Lr, 2), Rr = Ir[0], Mr = Ir[1];
-        var qr = vr({
-            currentValues: ge ? se : Ze,
+        }), [ s ]), Mr = Be(Rr, 2), Tr = Mr[0], qr = Mr[1];
+        var Dr = br({
+            currentValues: ge ? se : er,
             multiple: N
         });
         // mutable object reference to currentValues to permit idempotent callbacks
-                var Tr = (0, t.useRef)(null);
-        Tr.current = qr;
-        var Dr = (0, t.useCallback)((function() {
+                var _r = (0, t.useRef)(null);
+        _r.current = Dr;
+        var Br = (0, t.useCallback)((function() {
             // in non-multiple mode, don't move values to the top of the list
-            return N && ie !== "never" ? Tr.current : [];
+            return N && ie !== "never" ? _r.current : [];
         }), [ N, ie ]);
-        var _r = (0, t.useCallback)((function(e) {
-            var r = qe;
+        var Nr = (0, t.useCallback)((function(e) {
+            if (Ir) {
+                return;
+            }
+            var r = Te;
             Fe(true);
-            Ge(Dr());
+            Ge(Br());
             // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                         if (N) {
-                Te("");
+                qe("");
             }
-            if (r !== qe) {
+            if (r !== Te) {
                 $ === null || $ === void 0 ? void 0 : $(e, {
-                    keyword: qe
+                    keyword: Te
                 });
             }
-        }), [ qe, Dr, N, $ ]);
+        }), [ Ir, Te, Br, N, $ ]);
         (0, t.useEffect)((function() {
             if (Ve) {
                 G === null || G === void 0 ? void 0 : G();
-                if (Cr.current && !g) {
-                    Cr.current.focus();
+                if (kr.current && !g) {
+                    kr.current.focus();
                 } else {
                     var e;
-                    Ee((e = kr.current) !== null && e !== void 0 ? e : 0);
+                    Pe((e = xr.current) !== null && e !== void 0 ? e : 0);
                 }
             }
-        }), [ G, Ve, Je, qe, g ]);
-        var Br = (0, t.useCallback)((function() {
+        }), [ G, Ve, Je, Te, g ]);
+        var Vr = (0, t.useCallback)((function() {
             Fe(false);
-            Ee(0);
-            gr.current = null;
+            Pe(0);
+            hr.current = null;
             J === null || J === void 0 ? void 0 : J();
         }), [ J ]);
-        var Nr = (0, t.useCallback)((function(e, r) {
-            var t = new Set(Tr.current);
+        var Fr = (0, t.useCallback)((function(e, r) {
+            var t = new Set(_r.current);
             var n;
             if (N) {
                 if (t.has(r)) {
@@ -1154,7 +1178,7 @@
             }
             var l = !ge;
             if (l) {
-                lr(n);
+                ar(n);
             }
             if (N) {
                 // in uncontrolled multiple mode, keep the menu open
@@ -1165,143 +1189,160 @@
                 var a;
                 // non-multiple mode only supports a single selection
                 // so close the menu once a selection is made
-                                Br({
+                                Vr({
                     reason: "contentClick"
                 });
-                (a = fr.current) === null || a === void 0 ? void 0 : a.focus();
+                (a = dr.current) === null || a === void 0 ? void 0 : a.focus();
             }
             H === null || H === void 0 ? void 0 : H(e, {
                 values: n,
                 name: V,
                 reason: "valueToggle"
             });
-        }), [ Br, ge, N, V, H ]);
-        var Vr = function e() {
-            dr.current = null;
-            mr.current = [];
-            if (br.current) {
-                clearTimeout(br.current);
+        }), [ Vr, ge, N, V, H ]);
+        var Kr = function e() {
+            pr.current = null;
+            yr.current = [];
+            if (mr.current) {
+                clearTimeout(mr.current);
             }
         };
-        var Fr = (0, t.useCallback)((function(e) {
+        var Hr = (0, t.useCallback)((function(e) {
             // this doesn't make sense if we can't select multiple values
             if (!N) {
                 return;
             }
-            var r = Tr.current;
+            var r = _r.current;
             var t = new Set(r);
-            var n = new Set([].concat(Me(r), Me(wr.current)));
+            var n = new Set([].concat(Me(r), Me(Cr.current)));
             // to keep track of custom values we create a copy of selected values and remove
             // items as they are accounted for in children, leaving only custom values
                         var l = new Set(n);
             var a = new Set;
-            Rr.forEach((function(e) {
-                if (tr(e)) {
+            Tr.forEach((function(e) {
+                if (nr(e)) {
                     // this value is being represented in children so it is not custom
                     l["delete"](e.props.value);
-                }
-                if (tr(e) && n.has(e.props.value) && (!e.props.disabled || t.has(e.props.value))) {
-                    a.add(e.props.value);
+                    var r = Ye(e.props.disabled);
+                    if (n.has(e.props.value) && (!r || t.has(e.props.value))) {
+                        a.add(e.props.value);
+                    }
                 }
             }));
             var o = [].concat(Me(Array.from(l)), Me(Array.from(a)));
             if (!ge) {
-                lr(o);
+                ar(o);
             }
             H === null || H === void 0 ? void 0 : H(e, {
                 values: o,
                 name: V,
                 reason: "selectAll"
             });
-        }), [ Rr, ge, N, V, H ]);
-        var Kr = (0, t.useCallback)((function(e) {
+        }), [ Tr, ge, N, V, H ]);
+        var zr = (0, t.useCallback)((function(e) {
             // this doesn't make sense if we can't select multiple values
             if (!N) {
                 return;
             }
-            var r = new Set(Tr.current);
-            var t = new Set(Tr.current);
-            for (var n = 0; n < wr.current.length; n += 1) {
-                t["delete"](wr.current[n]);
+            var r = new Set(_r.current);
+            // Preserve hidden values only when "Clear matches" semantics apply
+                        var t = Te !== "";
+            var n = new Set;
+            if (t) {
+                n = new Set(_r.current);
+                Cr.current.forEach((function(e) {
+                    n["delete"](e);
+                }));
             }
             var l = new Set;
-            for (var a = 0; a < Rr.length; a += 1) {
-                var o = Rr[a];
+            for (var a = 0; a < Tr.length; a += 1) {
+                var o = Tr[a];
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
-                                if (tr(o) && (r.has(o.props.value) && o.props.disabled || t.has(o.props.value))) {
-                    l.add(o.props.value);
+                                if (nr(o)) {
+                    var i = Ye(o.props.disabled);
+                    if (r.has(o.props.value) && i || n.has(o.props.value)) {
+                        l.add(o.props.value);
+                    }
                 }
             }
-            var i = Array.from(l);
+            var u = Array.from(l);
             if (!ge) {
-                lr(i);
+                ar(u);
             }
             H === null || H === void 0 ? void 0 : H(e, {
-                values: i,
+                values: u,
                 name: V,
                 reason: "clearAll"
             });
-        }), [ Rr, ge, N, V, H ]);
-        var Hr = (0, t.useCallback)((function(e) {
-            if (Ve && !P) {
+        }), [ Tr, Te, ge, N, V, H ]);
+        var Wr = (0, t.useCallback)((function(e) {
+            if (Ve && !E) {
                 W === null || W === void 0 ? void 0 : W(e);
             }
-        }), [ Ve, P, W ]);
-        var zr = (0, t.useCallback)((function(e) {
-            var r = e.key;
-            if (r === "Tab") {
-                if (ce && hr.current && Or.current <= 1) {
-                    e.preventDefault();
-                    Nr(e, hr.current);
+        }), [ Ve, E, W ]);
+        var $r = (0, t.useCallback)((function(e) {
+            var r = wr.current;
+            var n = e.key;
+            var l = Sr.current !== null && Sr.current !== undefined ? qr.get(Sr.current) : undefined;
+            var a = Ye(l === null || l === void 0 ? void 0 : l.props.disabled);
+            if (n === "Tab") {
+                if (ce && Sr.current && wr.current <= 1) {
+                    if (!a) {
+                        e.preventDefault();
+                        Fr(e, Sr.current);
+                    }
                 }
             }
             if (e.shiftKey || e.metaKey || e.ctrlKey) {
-                if (r === "a" && (e.ctrlKey || e.metaKey)) {
+                if (n === "a" && (e.ctrlKey || e.metaKey)) {
                     // handle control + A
-                    if (jr.current === "all") {
-                        Kr(e);
+                    if (Er.current === "all") {
+                        zr(e);
                     } else {
-                        Fr(e);
+                        Hr(e);
                     }
                 }
                 return;
             }
-            if (r === "ArrowDown") {
+            if (n === "ArrowDown") {
                 e.preventDefault();
-                Ee(Math.min(Pe + 1, ae === "checkbox" ? Or.current : Or.current - 1));
+                var o = ae === "checkbox" ? r : r - 1;
+                if (o >= 0) {
+                    Pe(Math.min(Ee + 1, o));
+                }
                 if (s && W) {
-                    var n = t.Children.toArray(s).length - (2 + Tr.current.length);
-                    if (Pe === n) {
-                        Hr(e);
+                    var i = t.Children.toArray(s).length - (2 + _r.current.length);
+                    if (Ee === i) {
+                        Wr(e);
                     }
                 }
             }
-            if (r === "ArrowUp") {
+            if (n === "ArrowUp") {
                 e.preventDefault();
-                Ee(Math.max(Pe - 1, 0));
+                Pe(Math.max(Ee - 1, 0));
             }
-            if (r === "Enter" && hr.current && Ve) {
-                if (hr.current === "selectAll") {
-                    if (jr.current === "all") {
-                        Kr(e);
+            if (n === "Enter" && Sr.current && Ve) {
+                if (Sr.current === "selectAll") {
+                    if (Er.current === "all") {
+                        zr(e);
                     } else {
-                        Fr(e);
+                        Hr(e);
                     }
-                } else {
+                } else if (!a) {
                     e.preventDefault();
-                    Nr(e, hr.current);
+                    Fr(e, Sr.current);
                 }
             }
-        }), [ Pe, s, Kr, Hr, Fr, W, Ve, ae, ce, Nr ]);
-        var Wr = (0, t.useCallback)((function(e, r) {
+        }), [ Ee, s, zr, Wr, Hr, qr, W, Ve, ae, ce, Fr ]);
+        var Xr = (0, t.useCallback)((function(e, r) {
             var t = r.value;
             e.preventDefault();
             if (!Ve) {
                 return;
             }
-            Nr(e, t);
-        }), [ Ve, Nr ]);
-        var $r = (0, t.useCallback)((function(e, r) {
+            Fr(e, t);
+        }), [ Ve, Fr ]);
+        var Ur = (0, t.useCallback)((function(e, r) {
             var t = e.nativeEvent.key;
             // Checking for a single character to avoid complications from double-byte languages and emojis.
                         if (t.length === 1) {
@@ -1310,89 +1351,90 @@
                     index: 0,
                     value: t
                 };
-                if (!dr.current) {
+                if (!pr.current) {
                     if (t === " ") {
-                        Vr();
+                        Kr();
                         return;
                     }
+                    n = Ce(gr.current, l);
+                } else if (yr.current.length > 1) {
+                    l.index = pr.current.index + 1;
                     n = Ce(yr.current, l);
-                } else if (mr.current.length > 1) {
-                    l.index = dr.current.index + 1;
-                    n = Ce(mr.current, l);
                 }
                 if (n.length) {
                     var a;
                     var o = 0;
                     // If the active option is a first character match, cycle to the next matching option.
                                         if (l.index === 0 && n.length > 1) {
-                        var i = n.indexOf(yr.current[r]);
+                        var i = n.indexOf(gr.current[r]);
                         if (i >= 0) {
                             o = i === n.length - 1 ? 0 : i + 1;
                         }
                     }
                     var u = n[o];
                     var c = u.value, s = u.label;
-                    var f = Sr.current[nr(c, s)];
+                    var f = Or.current[lr(c, s)];
                     f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                 }
-                mr.current = n;
-                dr.current = l;
-                if (br.current) {
-                    clearTimeout(br.current);
+                yr.current = n;
+                pr.current = l;
+                if (mr.current) {
+                    clearTimeout(mr.current);
                 }
-                br.current = setTimeout(Vr, 500);
+                mr.current = setTimeout(Kr, 500);
                 e.preventDefault();
                 e.stopPropagation();
             }
         }), []);
-        var Xr = (0, t.useCallback)((function(e, r) {
+        var Jr = (0, t.useCallback)((function(e, r) {
             var t = r.value;
-            Te(t);
+            qe(t);
             Fe(true);
-            Ee(0);
+            Pe(0);
             $ === null || $ === void 0 ? void 0 : $(e, {
                 keyword: t
             });
         }), [ $ ]);
-        var Ur = (0, t.useCallback)((function() {
+        var Gr = (0, t.useCallback)((function() {
             $e(true);
         }), []);
-        var Jr = (0, t.useCallback)((function() {
+        var Qr = (0, t.useCallback)((function() {
             $e(false);
         }), []);
-        var Gr = (0, t.useCallback)((function(e) {
-            if (gr.current !== Pe) {
+        var Yr = (0, t.useCallback)((function(e) {
+            if (hr.current !== Ee) {
                 (0, D.scrollIntoViewIfNeeded)(e);
             }
-        }), [ Pe ]);
-        var Qr = (0, t.useCallback)((function(e, r, t) {
+        }), [ Ee ]);
+        var Zr = (0, t.useCallback)((function(e, r, t) {
             if (t) {
-                Cr.current = e;
+                kr.current = e;
             }
             if (e == null) {
-                delete Sr.current[r];
+                delete Or.current[r];
             } else {
-                Sr.current[r] = e;
+                Or.current[r] = e;
             }
-        }), [ Sr ]);
-        var Yr = (0, t.useCallback)((function(e) {
-            fr.current = e;
+        }), [ Or ]);
+        var et = (0, t.useCallback)((function(e) {
+            dr.current = e;
             Re(m, e);
-        }), [ m, fr ]);
-        var Zr = qr.some((function(e) {
-            var r = Mr.get(e);
-            return r && !r.props.disabled;
+        }), [ m, dr ]);
+        var rt = Dr.some((function(e) {
+            var r = qr.get(e);
+            var t = Ye(r === null || r === void 0 ? void 0 : r.props.disabled);
+            return r && !t;
         }));
-        var et = ie === "immediately" ? Dr() : Je;
-        var rt = (0, t.useMemo)((function() {
-            Or.current = 0;
-            kr.current = undefined;
-            xr.current = 0;
-            hr.current = undefined;
-            yr.current = [];
+        var tt = ie === "immediately" ? Br() : Je;
+        var nt = (0, t.useMemo)((function() {
+            wr.current = 0;
+            xr.current = undefined;
+            jr.current = 0;
+            Sr.current = undefined;
+            gr.current = [];
             var e = function e(r, t) {
                 return function(e) {
-                    return Qr(e, r, t);
+                    return Zr(e, r, t);
                 };
             };
             var r;
@@ -1400,38 +1442,38 @@
             var o = false;
             // used to avoid overwriting the selected item ref in multiple mode
                         var i;
-            var u = new Set(qr);
-            var s = new Set(et !== null && et !== void 0 ? et : []);
-            var f = Rr.reduce((function(c, f, d) {
+            var u = new Set(Dr);
+            var s = new Set(tt !== null && tt !== void 0 ? tt : []);
+            var f = Tr.reduce((function(c, f, d) {
                 // ignore Headings and Dividers
-                if (!tr(f)) {
+                if (!nr(f)) {
                     c.push(f);
                     return c;
                 }
                 var p = f.props, v = p.disabled, b = p.hidden, m = p.label, y = p.value;
  // Find out if the search string exactly matches a value
-                                if (y === qe) {
+                                if (y === Te) {
                     r = true;
                 }
                 var h = u.has(y);
-                var S = !!h && !v && !i;
-                var O = l && !N && !g && !P && !W;
-                var C = nr(y, m);
+                var S = !!h && v !== true && v !== "disabled" && !i;
+                var O = l && !N && !g && !E && !W;
+                var C = lr(y, m);
                 var k = -1;
-                if (O && !v && !b) {
-                    yr.current.push({
+                if (O && v !== true && v !== "disabled" && !b) {
+                    gr.current.push({
                         label: m,
                         value: y
                     });
-                    k = yr.current.length - 1;
+                    k = gr.current.length - 1;
                 }
                 // Format the Menu.Item
                                 var x =  (0, t.cloneElement)(f, {
                     elementRef: e(C, S),
                     key: f.key || d,
-                    onClick: Wr,
+                    onClick: Xr,
                     onKeyDown: O ? function(e) {
-                        return $r(e, k);
+                        return Ur(e, k);
                     } : undefined,
                     selected: h,
                     multiple: N,
@@ -1456,15 +1498,15 @@
             }), []);
             // In multiple mode, add missing items
                         if (N) {
-                for (var d = qr.length - 1; d >= 0; d -= 1) {
-                    var p = qr[d];
-                    var v = Mr.get(p);
+                for (var d = Dr.length - 1; d >= 0; d -= 1) {
+                    var p = Dr[d];
+                    var v = qr.get(p);
                     if (!v) {
-                        if (p === qe) {
+                        if (p === Te) {
                             r = true;
                         }
                         var b = s.has(p);
-                        var m = et.length;
+                        var m = tt.length;
                         if (a === 0) {
                             f.splice(0, 0,  n().createElement(w.Divider, {
                                 key: "topDivider"
@@ -1473,13 +1515,13 @@
                             o = true;
                         }
                         var y = String(p);
-                        var h = nr(p, y);
+                        var h = lr(p, y);
                         f.splice(b ? 0 : m + 1, 0,  n().createElement(U, {
                             elementRef: e(h),
                             label: y,
                             value: p,
                             key: "missing-value-".concat(p),
-                            onClick: Wr,
+                            onClick: Xr,
                             multiple: N,
                             selected: true
                         }));
@@ -1491,15 +1533,15 @@
             }
             var S = g === "controlled";
             // Filter the items
-                        var O = (0, M.stringToKeywords)(qe);
+                        var O = (0, M.stringToKeywords)(Te);
             f = S ? f : f.filter((function(e) {
-                if (tr(e)) {
+                if (nr(e)) {
                     return (0, M.testPhrase)(e.props.label, O);
                 }
                 return true;
  // Keep all headers and non-interactive options
                         })).map((function(e) {
-                if (!tr(e)) {
+                if (!nr(e)) {
                     return e;
                 }
                 // highlight matched text
@@ -1510,26 +1552,26 @@
                 });
             }));
             // Add the option to add the new value
-                        if (c && !r && qe) {
+                        if (c && !r && Te) {
                 var C = o ? a + 1 : a;
-                var k = "".concat(qe, " (new value)");
-                var x = nr(qe, k);
+                var k = "".concat(Te, " (new value)");
+                var x = lr(Te, k);
                 f.splice(C, 0,  n().createElement(U, {
                     elementRef: e(x),
                     label: k,
-                    value: qe,
+                    value: Te,
                     key: "newValue",
                     multiple: N,
-                    onClick: Wr
+                    onClick: Xr
                 }));
             }
             // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
                         var j = ae === "checkbox" && N && f.length > 1 ? 1 : 0;
-            var E = true;
+            var P = true;
             // Highlight the selected Items and remove hidden
                         f = f.reduce((function(e, r) {
                 // ignore Dividers & Headings
-                if (!tr(r)) {
+                if (!nr(r)) {
                     e.push(r);
                     return e;
                 }
@@ -1537,111 +1579,115 @@
                                 if (r.props && r.props.hidden) {
                     return e;
                 }
-                if (r.props.selected && !r.props.disabled && kr.current == null) {
-                    kr.current = Or.current;
+                if (r.props.selected && r.props.disabled !== true && r.props.disabled !== "disabled" && xr.current == null) {
+                    xr.current = wr.current;
                 }
-                var n = j === Pe;
+                var n = r.props.disabled;
+                if (n === true || n === "disabled") {
+                    e.push(r);
+                    return e;
+                }
+                var l = j === Ee;
                 j += 1;
-                Or.current += 1;
-                xr.current += r.props.selected ? 1 : 0;
-                if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
-                    E = false;
+                wr.current += 1;
+                // Dimmed Options can receive focus but are not selectable
+                                jr.current += r.props.selected && n !== "dimmed" ? 1 : 0;
+                if (r.key !== "newValue" && n !== "dimmed" && !r.props.selected) {
+                    P = false;
                 }
-                if (!n || !We) {
+                if (!l || !We) {
                     e.push(r);
                     return e;
                 }
-                if (!r.props.disabled) {
-                    hr.current = r.props.value;
-                }
-                var l =  (0, t.cloneElement)(r, {
-                    active: n,
-                    elementRef: Gr,
+                Sr.current = r.props.value;
+                var a =  (0, t.cloneElement)(r, {
+                    active: l,
+                    elementRef: Yr,
                     id: we
                 });
-                e.push(l);
+                e.push(a);
                 return e;
             }), []);
-            jr.current = xr.current === 0 && "none" || E && "all" || "some";
+            Er.current = jr.current === 0 && "none" || P && "all" || "some";
             // add select all option
-                        if (ae === "checkbox" && N && Or.current > 0) {
-                var A = Pe === 0 && !!g;
+                        if (ae === "checkbox" && N && wr.current > 0) {
+                var A = Ee === 0 && !!g;
                 var L;
-                if (jr.current === "all") {
-                    if (qe === "") {
-                        L = (0, q._)("Clear all");
+                if (Er.current === "all") {
+                    if (Te === "") {
+                        L = (0, T._)("Clear all");
                     } else {
-                        L = (0, q._)("Clear all matches");
+                        L = (0, T._)("Clear all matches");
                     }
-                } else if (qe === "") {
-                    L = (0, q._)("Select all");
+                } else if (Te === "") {
+                    L = (0, T._)("Select all");
                 } else {
-                    L = (0, q._)("Select all matches");
+                    L = (0, T._)("Select all matches");
                 }
                 if (A) {
-                    hr.current = "selectAll";
+                    Sr.current = "selectAll";
                 }
                 f.unshift( n().createElement(oe, {
                     key: "select-all-option",
                     active: A,
-                    elementRef: Gr,
+                    elementRef: Yr,
                     id: A ? we : undefined,
-                    onClick: jr.current === "all" ? Kr : Fr,
+                    onClick: Er.current === "all" ? zr : Hr,
                     label: L,
-                    selected: jr.current === "all" || jr.current !== "none" && "some",
-                    totalCount: !!de && qr.length || undefined,
+                    selected: Er.current === "all" || Er.current !== "none" && "some",
+                    totalCount: !!de && Dr.length || undefined,
                     tabIndex: g ? -1 : undefined
                 }),  n().createElement(w.Divider, {
                     key: "selectAllDivider"
                 }));
             }
-            wr.current = f.reduce((function(e, r) {
-                if (tr(r)) {
+            Cr.current = f.reduce((function(e, r) {
+                if (nr(r)) {
                     e.push(r.props.value);
                 }
                 return e;
             }), []);
             return f;
-        }), [ Pe, we, l, c, Rr, Mr, qr, g, qe, Gr, Kr, Wr, $r, Qr, Fr, P, N, et, W, ae, We, de ]);
-        var tt = function e(r) {
+        }), [ Ee, we, l, c, Tr, qr, Dr, g, Te, Yr, zr, Xr, Ur, Zr, Hr, E, N, tt, W, ae, We, de ]);
+        var lt = function e(r) {
             var t = r.anchorWidth, l = r.maxHeight, o = r.placement, i = r.toggleId;
-            var u = er({
+            var u = rr({
                 anchorWidth: t,
                 isMultiple: N,
                 maxHeight: l,
                 menuStyle: B
             });
-            var c = qr.length > 0 && !Zr && !g ? 0 : undefined;
+            var c = Dr.length > 0 && !rt && !g ? 0 : undefined;
             var s = {
                 "aria-multiselectable": N || undefined,
-                childrenStart: !!g &&  n().createElement(sr, {
+                childrenStart: !!g &&  n().createElement(fr, {
                     activeItemId: we,
-                    filterA11yId: Ar,
-                    filterKeyword: qe,
-                    hasChildren: rt.some((function(e) {
-                        return tr(e);
+                    filterA11yId: Lr,
+                    filterKeyword: Te,
+                    hasChildren: nt.some((function(e) {
+                        return nr(e);
                     })),
                     inputId: x,
                     inputRef: j,
                     menuListboxId: ke,
                     multiple: N,
-                    onClearAll: Kr,
-                    onSelectAll: Fr,
-                    onTextBlur: Jr,
-                    onTextChange: Xr,
-                    onTextFocus: Ur,
-                    onTextKeyDown: zr,
-                    optionSelection: jr,
+                    onClearAll: zr,
+                    onSelectAll: Hr,
+                    onTextBlur: Qr,
+                    onTextChange: Jr,
+                    onTextFocus: Gr,
+                    onTextKeyDown: $r,
+                    optionSelection: Er,
                     placement: o,
                     selectAllAppearance: ae,
                     textHasFocus: We
                 }),
                 focusMode: g ? "never" : undefined,
-                isLoading: P,
-                labelledBy: "".concat(Ar !== null && Ar !== void 0 ? Ar : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                isLoading: E,
+                labelledBy: "".concat(Lr !== null && Lr !== void 0 ? Lr : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
                 // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
                 menuId: ke,
-                onScrollBottom: W ? Hr : undefined,
+                onScrollBottom: W ? Wr : undefined,
                 placement: o !== null && o !== void 0 ? o : undefined,
                 noOptionsMessage: K,
                 footerMessage: S,
@@ -1655,27 +1701,27 @@
                 
                 return n().createElement(C.VirtualizedResultsMenu, _e({
                     virtualization: fe
-                }, s), rt);
+                }, s), nt);
             }
             
-            return n().createElement(k(), s, rt);
+            return n().createElement(k(), s, nt);
         };
-        var nt = (0, t.useMemo)((function() {
+        var at = (0, t.useMemo)((function() {
             
-            return n().createElement(pr, _e({
+            return n().createElement(vr, _e({
                 appearance: i,
                 append: u,
-                currentValues: qr,
+                currentValues: Dr,
                 "data-test": N ? "multiselect" : "select",
                 describedBy: v,
                 disabled: b,
-                elementRef: Yr,
+                elementRef: et,
                 error: y,
                 inline: O,
                 labelText: A,
-                labelledBy: E,
+                labelledBy: P,
                 multiple: N,
-                onClick: X,
+                onClick: Ir ? undefined : X,
                 placeholder: Z,
                 prefixLabel: ee,
                 prepend: re,
@@ -1685,30 +1731,30 @@
                 toggleContent: ve,
                 maxLabelItems: me
             }, ye), s);
-        }), [ i, u, qr, N, v, b, Yr, y, O, A, E, X, Z, ee, re, Q, ue, de, ve, me, ye, s ]);
+        }), [ i, u, Dr, N, v, b, et, y, O, A, P, Ir, X, Z, ee, re, Q, ue, de, ve, me, ye, s ]);
         
         return n().createElement(h(), {
-            closeReasons: rr,
+            closeReasons: tr,
             inputId: x,
-            "aria-labelledby": Ar,
-            toggle: nt,
-            onRequestOpen: _r,
-            onRequestClose: Br,
+            "aria-labelledby": Lr,
+            toggle: at,
+            onRequestOpen: Nr,
+            onRequestClose: Vr,
             open: Ve,
-            openWithArrowKeys: true,
+            openWithArrowKeys: !Ir,
             repositionMode: ne,
             defaultPlacement: d,
             canCoverAnchor: Ae().innerHeight < 500,
             retainFocus: false,
-            takeFocus: qr.length === 0 || qr.length > 0 && !Zr || !!g
-        }, tt);
+            takeFocus: Dr.length === 0 || Dr.length > 0 && !rt || !!g
+        }, lt);
     }
-    br.propTypes = Ye;
-    br.componentType = "SelectBase";
-    br.Option = U;
-    br.Divider = w.Divider;
-    br.Heading = w.Heading;
-    /* harmony default export */    const mr = br;
+    mr.propTypes = Ze;
+    mr.componentType = "SelectBase";
+    mr.Option = U;
+    mr.Divider = w.Divider;
+    mr.Heading = w.Heading;
+    /* harmony default export */    const yr = mr;
     // CONCATENATED MODULE: ./src/SelectBase/index.ts
     module.exports = r;
     /******/})();