@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4

package/Select.js

@@ -136,8 +136,8 @@
                 t.d(r, {
             Divider: () => /* reexport */ q.Divider,
             Heading: () => /* reexport */ q.Heading,
-            Option: () => /* reexport */ On,
-            default: () => /* reexport */ En
+            Option: () => /* reexport */ hn,
+            default: () => /* reexport */ Pn
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
@@ -184,8 +184,8 @@
         const R = require("@splunk/react-icons/Magnifier");
         var T =  t.n(R);
         // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-        const A = require("@splunk/react-ui/Dropdown");
-        var M =  t.n(A);
+        const M = require("@splunk/react-ui/Dropdown");
+        var A =  t.n(M);
         // CONCATENATED MODULE: external "@splunk/react-ui/Link"
         const L = require("@splunk/react-ui/Link");
         var I =  t.n(L);
@@ -631,7 +631,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Ae(e, n) {
+        function Me(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -644,7 +644,7 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Me(e) {
+        function Ae(e) {
             return qe(e) || Ie(e) || Ne(e) || Le();
         }
         function Le() {
@@ -912,8 +912,7 @@
                 startAdornment: on
             })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Se, null));
         };
-        var cn = false;
-        var sn = function e(n) {
+        var cn = function e(n) {
             var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
             var a = r;
             if (t) {
@@ -924,112 +923,114 @@
             }
             return a;
         };
-        var fn =  n().forwardRef((function(t, r) {
-            var l = t.appearance, a = t.append, o = t.children, i = t.currentValues, c = i === void 0 ? [] : i, s = t.describedBy, f = t.disabled, p = t.elementRef, v = t.error, b = t.inline, m = t.labelText, g = t.labelledBy, y = t.multiple, h = t.onClick, O = t.placeholder, C = t.prefixLabel, k = t.prepend, w = t.required, x = t.suffixLabel, j = t.toggle, P = t.toggleContent, R = He(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
-            var T;
+        var sn =  n().forwardRef((function(t, r) {
+            var l = t.appearance, a = l === void 0 ? "default" : l, o = t.append, i = t.children, c = t.currentValues, s = c === void 0 ? [] : c, f = t.describedBy, p = t.disabled, v = t.elementRef, b = t.error, m = t.inline, g = t.labelText, y = t.labelledBy, h = t.multiple, O = t.onClick, C = t.placeholder, k = t.prefixLabel, w = t.prepend, x = t.required, j = t.suffixLabel, P = t.toggle, R = t.toggleContent, T = He(t, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+            var M;
             var A;
-            var M = [];
+            var L = [];
             // Generate buttonLabels
-                        var L = e.Children.toArray(o);
-            var q = c.reduce((function(e, n, t, r) {
-                var l = d()(L, (function(e) {
+                        var q = e.Children.toArray(i);
+            var D = s.reduce((function(e, n, t, r) {
+                var l = d()(q, (function(e) {
                     return nn(e) && e.props.value === n;
                 }));
                 if (l) {
-                    var a = l.props, o = a.children, i = a.icon, s = a.label;
-                    var f = P !== "optionLabel" && o ? o : s;
+                    var a = l.props, o = a.children, i = a.icon, c = a.label;
+                    var f = R !== "optionLabel" && o ? o : c;
                     e.push(f);
-                    M.push(s);
+                    L.push(c);
                     // if not in multiple mode, add the icon
-                                        if (!y && c.length === 1) {
-                        T = i;
+                                        if (!h && s.length === 1) {
+                        M = i;
                     }
-                } else if (y) {
+                } else if (h) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
                     e.push(n);
-                    M.push(n.toString());
+                    L.push(n.toString());
                 }
                 if (t < r.length - 1) {
                     e.push((0, u._)(", "));
-                    M.push((0, u._)(", "));
+                    L.push((0, u._)(", "));
                 }
                 return e;
             }), []);
-            A = q;
+            A = D;
             // only apply prefix / suffix if the label is not empty
                         if (A.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                M = sn({
-                    prefixLabel: C,
-                    label: A.length > 1 ? [ "".concat(c.length, " items selected") ] : M,
-                    suffixLabel: x
+                L = cn({
+                    prefixLabel: k,
+                    label: A.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
+                    suffixLabel: j
                 });
-                A = sn({
-                    prefixLabel: C,
+                A = cn({
+                    prefixLabel: k,
                     label: A,
-                    suffixLabel: x
+                    suffixLabel: j
                 });
             }
             // single <Select> behaviour is to show the placeholder if all parts of the label
             // are empty strings so we replicate this behaviour here
-                        if (A.length === 0 || !y && A.every((function(e) {
+                        if (A.length === 0 || !h && A.every((function(e) {
                 return e === "";
             }))) {
-                A = Ye(O);
-                M = A;
+                A = Ye(C);
+                L = A;
             }
-            var D = Object.keys(R).includes("aria-labelledby");
-            var _ = Xe({
-                "aria-describedby": s,
-                "aria-label": g || D ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
+            var _ = Object.keys(T).includes("aria-labelledby");
+            var B = Xe({
+                "aria-describedby": f,
+                "aria-label": y || _ ? undefined : "".concat(g ? "".concat(g, ", ") : "").concat(L.join("")),
                 // aria-labelledby takes precedence over aria-label, so existence of both is redundant
-                "aria-labelledby": g,
-                "aria-required": w,
-                "data-select-appearance": l,
-                append: a,
-                prepend: k,
-                onClick: h,
+                "aria-labelledby": y,
+                "aria-required": x,
+                "data-select-appearance": a,
+                append: o,
+                prepend: w,
+                onClick: O,
                 role: "combobox",
-                disabled: f,
-                elementRef: p,
-                error: v,
+                disabled: p,
+                elementRef: v,
+                error: b,
                 ref: r
-            }, R);
-            if (y) {
-                _["data-test-values"] = JSON.stringify(c);
+            }, T);
+            if (h) {
+                B["data-test-values"] = JSON.stringify(s);
             } else {
-                var B = _e(c, 1), N = B[0];
-                _["data-test-value"] = N;
+                var N = _e(s, 1), V = N[0];
+                B["data-test-value"] = V;
             }
-            if (j) {
+            if (P) {
                 
-                return (0, e.cloneElement)(j, _);
+                return (0, e.cloneElement)(P, B);
             }
-            if (l === "link") {
+            if (a === "link") {
                 
                 return n().createElement(I(), De({
                     appearance: "standalone"
-                }, _, {
+                }, B, {
                     "data-select-appearance": "link"
-                }), !!T &&  n().createElement(me, null, T), A || O,  n().createElement(ge, null,  n().createElement(E(), null)));
+                }), !!M &&  n().createElement(me, null, M), A || C,  n().createElement(ge, null,  n().createElement(E(), null)));
             }
+            // Using Button's secondary appearance as Select's default appearance.
+                        var K = a === "default" ? "secondary" : a;
             
-            return n().createElement(be, De({}, _, {
-                $multiple: y,
-                appearance: l,
+            return n().createElement(be, De({}, B, {
+                $multiple: h,
+                appearance: K,
                 label: A,
-                error: v,
-                icon: T,
-                inline: b,
+                error: b,
+                icon: M,
+                inline: m,
                 isMenu: true,
-                onClick: h
-            }, S()(R, rn)), !!c.length && y &&  n().createElement(he, {
+                onClick: O
+            }, S()(T, rn)), !!s.length && h &&  n().createElement(he, {
                 "data-role": "count"
-            }, "(", c.length, ")"));
+            }, "(", s.length, ")"));
         }));
-        function dn(t) {
-            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.animateLoading, o = t.appearance, i = o === void 0 ? "default" : o, c = t.append, s = t.allowNewValues, f = t.children, p = t.defaultPlacement, b = p === void 0 ? "vertical" : p, m = t.defaultValues, g = t.describedBy, h = t.disabled, O = t.elementRef, C = t.error, S = t.filter, k = t.footerMessage, x = t.inline, P = t.inputId, E = t.inputRef, R = t.isLoadingOptions, T = t.labelledBy, A = t.labelText, L = t.loadingMessage, I = t.menuStyle, B = I === void 0 ? {} : I, N = t.multiple, V = t.name, K = t.noOptionsMessage, F = K === void 0 ? ln : K, X = t.onChange, J = t.onScroll, U = t.onScrollBottom, G = t.onFilterChange, Q = t.onClick, Y = t.onClose, Z = t.onOpen, ee = t.required, ne = t.placeholder, te = ne === void 0 ? an : ne, re = t.prefixLabel, ae = t.prepend, oe = t.repositionMode, ue = oe === void 0 ? "flip" : oe, ce = t.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = t.showSelectedValuesFirst, de = t.suffixLabel, pe = t.tabConfirmsNewValue, ve = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = He(t, [ "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" ]);
+        function fn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.animateLoading, o = t.appearance, i = o === void 0 ? "default" : o, c = t.append, s = t.allowNewValues, f = t.children, p = t.defaultPlacement, b = p === void 0 ? "vertical" : p, m = t.defaultValues, g = t.describedBy, h = t.disabled, O = t.elementRef, C = t.error, S = t.filter, k = t.footerMessage, x = t.inline, P = t.inputId, E = t.inputRef, R = t.isLoadingOptions, T = t.labelledBy, M = t.labelText, L = t.loadingMessage, I = t.menuStyle, B = I === void 0 ? {} : I, N = t.multiple, V = t.name, K = t.noOptionsMessage, F = K === void 0 ? ln : K, X = t.onChange, J = t.onScroll, U = t.onScrollBottom, G = t.onFilterChange, Q = t.onClick, Y = t.onClose, Z = t.onOpen, ee = t.required, ne = t.placeholder, te = ne === void 0 ? an : ne, re = t.prefixLabel, ae = t.prepend, oe = t.repositionMode, ue = oe === void 0 ? "flip" : oe, ce = t.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = t.showSelectedValuesFirst, de = t.suffixLabel, pe = t.tabConfirmsNewValue, ve = t.values, be = t.virtualization, me = t.toggle, ge = t.toggleContent, ye = ge === void 0 ? "optionChildren" : ge, he = He(t, [ "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" ]);
             // @docs-props-type SelectBasePropsBase
                         var Oe = (0, ke["default"])({
                 componentName: "SelectBase",
@@ -1051,41 +1052,41 @@
             var Fe = (0, e.useState)(false), ze = _e(Fe, 2), $e = ze[0], We = ze[1];
             var Xe = (0, e.useState)(false), Je = _e(Xe, 2), Ue = Je[0], Ge = Je[1];
             var Qe = (0, e.useState)([]), Ye = _e(Qe, 2), rn = Ye[0], on = Ye[1];
-            var sn = (0, e.useState)(m || []), dn = _e(sn, 2), pn = dn[0], vn = dn[1];
+            var cn = (0, e.useState)(m || []), fn = _e(cn, 2), dn = fn[0], pn = fn[1];
  // previous state
-                        var bn = H()(Ie);
+                        var vn = H()(Ie);
             // refs
-                        var mn = (0, e.useRef)(null);
+                        var bn = (0, e.useRef)(null);
+            var mn = (0, e.useRef)(null);
             var gn = (0, e.useRef)(null);
-            var yn = (0, e.useRef)(null);
+            var yn = (0, e.useRef)([]);
             var hn = (0, e.useRef)([]);
-            var On = (0, e.useRef)([]);
-            var Cn = (0, e.useRef)(bn);
-            var Sn = (0, e.useRef)();
-            var kn = (0, e.useRef)({});
-            var wn = (0, e.useRef)(0);
-            var xn = (0, e.useRef)([]);
-            var jn = (0, e.useRef)(null);
-            var Pn = (0, e.useRef)();
-            var En = (0, e.useRef)(0);
-            var Rn = (0, e.useRef)("none");
-            var Tn = (0, e.useState)(S ? (0, $.createDOMID)("filter") : undefined), An = _e(Tn, 1), Mn = An[0];
+            var On = (0, e.useRef)(vn);
+            var Cn = (0, e.useRef)();
+            var Sn = (0, e.useRef)({});
+            var kn = (0, e.useRef)(0);
+            var wn = (0, e.useRef)([]);
+            var xn = (0, e.useRef)(null);
+            var jn = (0, e.useRef)();
+            var Pn = (0, e.useRef)(0);
+            var En = (0, e.useRef)("none");
+            var Rn = (0, e.useState)(S ? (0, $.createDOMID)("filter") : undefined), Tn = _e(Rn, 1), Mn = Tn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, C, ae ]);
-            var Ln = (0, e.useCallback)((function() {
-                var e = Oe ? ve : pn;
+            var An = (0, e.useCallback)((function() {
+                var e = Oe ? ve : dn;
                 return N || e == null ? e : e.slice(0, 1);
-            }), [ Oe, N, ve, pn ]);
-            var In = (0, e.useCallback)((function() {
+            }), [ Oe, N, ve, dn ]);
+            var Ln = (0, e.useCallback)((function() {
                 var e;
                 // in non-multiple mode, don't move values to the top of the list
-                                return N && fe !== "never" ? (e = Ln()) !== null && e !== void 0 ? e : [] : [];
-            }), [ Ln, N, fe ]);
-            var qn = (0, e.useCallback)((function(e) {
+                                return N && fe !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
+            }), [ An, N, fe ]);
+            var In = (0, e.useCallback)((function(e) {
                 var n = Ve;
                 We(true);
-                on(In());
+                on(Ln());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (N) {
                     Ke("");
@@ -1095,32 +1096,32 @@
                         keyword: Ve
                     });
                 }
-            }), [ Ve, In, N, G ]);
+            }), [ Ve, Ln, N, G ]);
             (0, e.useEffect)((function() {
                 if ($e) {
                     Z === null || Z === void 0 ? void 0 : Z();
-                    if (jn.current && !S) {
-                        jn.current.focus();
+                    if (xn.current && !S) {
+                        xn.current.focus();
                     } else {
                         var e;
-                        qe((e = Pn.current) !== null && e !== void 0 ? e : 0);
+                        qe((e = jn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
             }), [ Z, $e, rn, Ve, S ]);
-            var Dn = (0, e.useCallback)((function() {
+            var qn = (0, e.useCallback)((function() {
                 We(false);
                 qe(0);
-                Cn.current = null;
+                On.current = null;
                 Y === null || Y === void 0 ? void 0 : Y();
             }), [ Y ]);
-            var _n = (0, e.useCallback)((function(e, n) {
+            var Dn = (0, e.useCallback)((function(e, n) {
                 var t;
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
                 var l = r.indexOf(n);
                 var a;
                 if (N) {
                     if (l >= 0) {
-                        a = [].concat(Me(r.slice(0, l)), Me(r.slice(l + 1)));
+                        a = [].concat(Ae(r.slice(0, l)), Ae(r.slice(l + 1)));
                     } else {
                         a = r.concat([ n ]);
                     }
@@ -1130,7 +1131,7 @@
                 }
                 var o = !Oe;
                 if (o) {
-                    vn(a);
+                    pn(a);
                 }
                 if (N) {
                     // in uncontrolled multiple mode, keep the menu open
@@ -1141,54 +1142,54 @@
                     var i;
                     // non-multiple mode only supports a single selection
                     // so close the menu once a selection is made
-                                        Dn({
+                                        qn({
                         reason: "contentClick"
                     });
-                    (i = mn.current) === null || i === void 0 ? void 0 : i.focus();
+                    (i = bn.current) === null || i === void 0 ? void 0 : i.focus();
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: a,
                     name: V,
                     reason: "valueToggle"
                 });
-            }), [ Ln, Dn, Oe, N, V, X ]);
-            var Bn = function e() {
-                gn.current = null;
-                hn.current = [];
-                if (yn.current) {
-                    clearTimeout(yn.current);
+            }), [ An, qn, Oe, N, V, X ]);
+            var _n = function e() {
+                mn.current = null;
+                yn.current = [];
+                if (gn.current) {
+                    clearTimeout(gn.current);
                 }
             };
-            var Nn = (0, e.useCallback)((function(e) {
+            var Bn = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
                                 if (!N) {
                     return;
                 }
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
-                var l = w()(r.concat(xn.current));
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
+                var l = w()(r.concat(wn.current));
                 l = n().Children.toArray(f).filter((function(e) {
                     return nn(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    vn(l);
+                    pn(l);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: l,
                     name: V,
                     reason: "selectAll"
                 });
-            }), [ f, Ln, Oe, N, V, X ]);
-            var Vn = (0, e.useCallback)((function(e) {
+            }), [ f, An, Oe, N, V, X ]);
+            var Nn = (0, e.useCallback)((function(e) {
                 var t;
                 // this doesn't make sense if we can't select multiple values
                                 if (!N) {
                     return;
                 }
-                var r = (t = Ln()) !== null && t !== void 0 ? t : [];
-                var l = j().apply(void 0, [ r ].concat(Me(xn.current)));
+                var r = (t = An()) !== null && t !== void 0 ? t : [];
+                var l = j().apply(void 0, [ r ].concat(Ae(wn.current)));
                 // this will unselect all selected values unless those values are disabled or hidden by the filter
                                 var a = n().Children.toArray(f).filter((function(e) {
                     return nn(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
@@ -1196,46 +1197,46 @@
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    vn(a);
+                    pn(a);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: a,
                     name: V,
                     reason: "clearAll"
                 });
-            }), [ f, Ln, Oe, N, V, X ]);
-            var Kn = (0, e.useCallback)((function(e) {
+            }), [ f, An, Oe, N, V, X ]);
+            var Vn = (0, e.useCallback)((function(e) {
                 if ($e && !R) {
                     U === null || U === void 0 ? void 0 : U(e);
                 }
             }), [ $e, R, U ]);
-            var Fn = (0, e.useCallback)((function(n) {
+            var Kn = (0, e.useCallback)((function(n) {
                 var t = (0, W.keycode)(n.nativeEvent);
                 if (t === "tab") {
-                    if (pe && Sn.current && wn.current <= 1) {
+                    if (pe && Cn.current && kn.current <= 1) {
                         n.preventDefault();
-                        _n(n, Sn.current);
+                        Dn(n, Cn.current);
                     }
                 }
                 if (n.shiftKey || n.metaKey || n.ctrlKey) {
                     if (t === "a" && (n.ctrlKey || n.metaKey)) {
                         // handle control + A
-                        if (Rn.current === "all") {
-                            Vn(n);
-                        } else {
+                        if (En.current === "all") {
                             Nn(n);
+                        } else {
+                            Bn(n);
                         }
                     }
                     return;
                 }
                 if (t === "down") {
                     n.preventDefault();
-                    qe(Math.min(Ie + 1, se === "checkbox" ? wn.current : wn.current - 1));
+                    qe(Math.min(Ie + 1, se === "checkbox" ? kn.current : kn.current - 1));
                     if (f && U) {
                         var r;
-                        var l = e.Children.toArray(f).length - (2 + ((r = Ln()) !== null && r !== void 0 ? r : []).length);
+                        var l = e.Children.toArray(f).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
                         if (Ie === l) {
-                            Kn(n);
+                            Vn(n);
                         }
                     }
                 }
@@ -1243,28 +1244,28 @@
                     n.preventDefault();
                     qe(Math.max(Ie - 1, 0));
                 }
-                if (t === "enter" && Sn.current && $e) {
-                    if (Sn.current === "selectAll") {
-                        if (Rn.current === "all") {
-                            Vn(n);
-                        } else {
+                if (t === "enter" && Cn.current && $e) {
+                    if (Cn.current === "selectAll") {
+                        if (En.current === "all") {
                             Nn(n);
+                        } else {
+                            Bn(n);
                         }
                     } else {
                         n.preventDefault();
-                        _n(n, Sn.current);
+                        Dn(n, Cn.current);
                     }
                 }
-            }), [ Ie, f, Ln, Vn, Kn, Nn, U, $e, se, pe, _n ]);
-            var Hn = (0, e.useCallback)((function(e, n) {
+            }), [ Ie, f, An, Nn, Vn, Bn, U, $e, se, pe, Dn ]);
+            var Fn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
                 e.preventDefault();
                 if (!$e) {
                     return;
                 }
-                _n(e, t);
-            }), [ $e, _n ]);
-            var zn = (0, e.useCallback)((function(e, n) {
+                Dn(e, t);
+            }), [ $e, Dn ]);
+            var Hn = (0, e.useCallback)((function(e, n) {
                 var t = e.nativeEvent.key;
                 // Checking for a single character to avoid complications from double-byte languages and emojis.
                                 if (t.length === 1) {
@@ -1273,42 +1274,42 @@
                         index: 0,
                         value: t
                     };
-                    if (!gn.current) {
+                    if (!mn.current) {
                         if (t === " ") {
-                            Bn();
+                            _n();
                             return;
                         }
-                        r = xe(On.current, l);
-                    } else if (hn.current.length > 1) {
-                        l.index = gn.current.index + 1;
                         r = xe(hn.current, l);
+                    } else if (yn.current.length > 1) {
+                        l.index = mn.current.index + 1;
+                        r = xe(yn.current, l);
                     }
                     if (r.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 && r.length > 1) {
-                            var i = r.indexOf(On.current[n]);
+                            var i = r.indexOf(hn.current[n]);
                             if (i >= 0) {
                                 o = i === r.length - 1 ? 0 : i + 1;
                             }
                         }
                         var u = r[o];
                         var c = u.value, s = u.label;
-                        var f = kn.current[tn(c, s)];
+                        var f = Sn.current[tn(c, s)];
                         f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
-                    hn.current = r;
-                    gn.current = l;
-                    if (yn.current) {
-                        clearTimeout(yn.current);
+                    yn.current = r;
+                    mn.current = l;
+                    if (gn.current) {
+                        clearTimeout(gn.current);
                     }
-                    yn.current = setTimeout(Bn, 500);
+                    gn.current = setTimeout(_n, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }), []);
-            var $n = (0, e.useCallback)((function(e, n) {
+            var zn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
                 Ke(t);
                 We(true);
@@ -1317,52 +1318,52 @@
                     keyword: t
                 });
             }), [ G ]);
-            var Wn = (0, e.useCallback)((function() {
+            var $n = (0, e.useCallback)((function() {
                 Ge(true);
             }), []);
-            var Xn = (0, e.useCallback)((function() {
+            var Wn = (0, e.useCallback)((function() {
                 Ge(false);
             }), []);
-            var Jn = (0, e.useCallback)((function(e) {
-                if (Cn.current !== Ie) {
+            var Xn = (0, e.useCallback)((function(e) {
+                if (On.current !== Ie) {
                     je(e);
                 }
             }), [ Ie ]);
-            var Un = (0, e.useCallback)((function(e, n, t) {
+            var Jn = (0, e.useCallback)((function(e, n, t) {
                 if (t) {
-                    jn.current = e;
+                    xn.current = e;
                 }
                 if (e == null) {
-                    delete kn.current[n];
+                    delete Sn.current[n];
                 } else {
-                    kn.current[n] = e;
+                    Sn.current[n] = e;
                 }
-            }), [ kn ]);
-            var Gn = (0, e.useCallback)((function(e) {
-                mn.current = e;
-                Ae(O, e);
-            }), [ O, mn ]);
-            var Qn = (0, e.useMemo)((function() {
+            }), [ Sn ]);
+            var Un = (0, e.useCallback)((function(e) {
+                bn.current = e;
+                Me(O, e);
+            }), [ O, bn ]);
+            var Gn = (0, e.useMemo)((function() {
                 var e;
-                return (e = Ln()) !== null && e !== void 0 ? e : [];
-            }), [ Ln ]);
-            var Yn = e.Children.toArray(f);
-            var Zn = Qn.some((function(e) {
-                var n = d()(Yn, (function(n) {
+                return (e = An()) !== null && e !== void 0 ? e : [];
+            }), [ An ]);
+            var Qn = e.Children.toArray(f);
+            var Yn = Gn.some((function(e) {
+                var n = d()(Qn, (function(n) {
                     return nn(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var et = fe === "immediately" ? In() : rn;
-            var nt = (0, e.useMemo)((function() {
-                wn.current = 0;
-                Pn.current = undefined;
-                En.current = 0;
-                Sn.current = undefined;
-                On.current = [];
+            var Zn = fe === "immediately" ? Ln() : rn;
+            var et = (0, e.useMemo)((function() {
+                kn.current = 0;
+                jn.current = undefined;
+                Pn.current = 0;
+                Cn.current = undefined;
+                hn.current = [];
                 var t = function e(n, t) {
                     return function(e) {
-                        return Un(e, n, t);
+                        return Jn(e, n, t);
                     };
                 };
                 var r;
@@ -1381,25 +1382,25 @@
                                         if (b === Ve) {
                         r = true;
                     }
-                    var m = Qn && Qn.indexOf(b) >= 0;
+                    var m = Gn && Gn.indexOf(b) >= 0;
                     var g = !!m && !d && !i;
                     var y = l && !N && !S && !R && !U;
                     var h = tn(b, v);
                     var O = -1;
                     if (y && !d && !p) {
-                        On.current.push({
+                        hn.current.push({
                             label: v,
                             value: b
                         });
-                        O = On.current.length - 1;
+                        O = hn.current.length - 1;
                     }
                     // Format the Menu.Item
                                         var C =  (0, e.cloneElement)(c, {
                         elementRef: t(h, g),
                         key: c.key || s,
-                        onClick: Hn,
+                        onClick: Fn,
                         onKeyDown: y ? function(e) {
-                            return zn(e, O);
+                            return Hn(e, O);
                         } : undefined,
                         selected: m,
                         multiple: N,
@@ -1408,7 +1409,7 @@
                     if (g) {
                         i = true;
                     }
-                    if (et && et.indexOf(b) >= 0) {
+                    if (Zn && Zn.indexOf(b) >= 0) {
                         if (a === 0) {
                             u.splice(a, 0,  n().createElement(q.Divider, {
                                 key: "topDivider"
@@ -1424,7 +1425,7 @@
                 }), []);
                 // In multiple mode, add missing items
                                 if (N) {
-                    v()(Qn, (function(e) {
+                    v()(Gn, (function(e) {
                         var l = d()(c, (function(n) {
                             return nn(n) && n.props && n.props.value === e;
                         }));
@@ -1432,8 +1433,8 @@
                             if (e === Ve) {
                                 r = true;
                             }
-                            var i = et && et.indexOf(e) >= 0;
-                            var u = et.length;
+                            var i = Zn && Zn.indexOf(e) >= 0;
+                            var u = Zn.length;
                             if (a === 0) {
                                 c.splice(0, 0,  n().createElement(q.Divider, {
                                     key: "topDivider"
@@ -1448,7 +1449,7 @@
                                 label: s,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Hn,
+                                onClick: Fn,
                                 multiple: N,
                                 selected: true
                             }));
@@ -1489,7 +1490,7 @@
                         value: Ve,
                         key: "newValue",
                         multiple: N,
-                        onClick: Hn
+                        onClick: Fn
                     }));
                 }
                 // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
@@ -1506,13 +1507,13 @@
                                         if (t.props && t.props.hidden) {
                         return n;
                     }
-                    if (t.props.selected && !t.props.disabled && Pn.current == null) {
-                        Pn.current = wn.current;
+                    if (t.props.selected && !t.props.disabled && jn.current == null) {
+                        jn.current = kn.current;
                     }
                     var r = h === Ie;
                     h += 1;
-                    wn.current += 1;
-                    En.current += t.props.selected ? 1 : 0;
+                    kn.current += 1;
+                    Pn.current += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
                         O = false;
                     }
@@ -1521,21 +1522,21 @@
                         return n;
                     }
                     if (!t.props.disabled) {
-                        Sn.current = t.props.value;
+                        Cn.current = t.props.value;
                     }
                     var l =  (0, e.cloneElement)(t, {
                         active: r,
-                        elementRef: Jn,
+                        elementRef: Xn,
                         id: Pe
                     });
                     n.push(l);
                     return n;
                 }), []);
-                Rn.current = En.current === 0 && "none" || O && "all" || "some";
+                En.current = Pn.current === 0 && "none" || O && "all" || "some";
                 // add select all option
-                                if (se === "checkbox" && N && wn.current > 0) {
+                                if (se === "checkbox" && N && kn.current > 0) {
                     var C;
-                    if (Rn.current === "all") {
+                    if (En.current === "all") {
                         if (Ve === "") {
                             C = (0, u._)("Clear all");
                         } else {
@@ -1547,35 +1548,32 @@
                         C = (0, u._)("Select all matches");
                     }
                     if (Ie === 0 && Ue) {
-                        Sn.current = "selectAll";
+                        Cn.current = "selectAll";
                     }
                     c.unshift( n().createElement(ie, {
                         key: "select-all-option",
                         active: Ie === 0,
                         changedToggle: !!me,
-                        elementRef: Jn,
+                        elementRef: Xn,
                         id: Ie === 0 ? Pe : undefined,
-                        onClick: Rn.current === "all" ? Vn : Nn,
+                        onClick: En.current === "all" ? Nn : Bn,
                         selectAllLabel: C,
-                        selected: Rn.current === "all" || Rn.current !== "none" && "some",
-                        totalCount: Qn.length,
+                        selected: En.current === "all" || En.current !== "none" && "some",
+                        totalCount: Gn.length,
                         tabIndex: -1
                     }),  n().createElement(q.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                xn.current = c.reduce((function(e, n) {
+                wn.current = c.reduce((function(e, n) {
                     if (nn(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
-                cn = c.some((function(e) {
-                    return nn(e);
-                }));
                 return c;
-            }), [ Ie, Pe, l, s, f, Qn, S, Ve, Jn, Vn, Hn, zn, Un, Nn, R, N, et, U, se, Ue, me ]);
-            var tt = function e(t) {
+            }), [ Ie, Pe, l, s, f, Gn, S, Ve, Xn, Nn, Fn, Hn, Jn, Bn, R, N, Zn, U, se, Ue, me ]);
+            var nt = function e(t) {
                 var r = t.anchorWidth, l = t.maxHeight, o = t.placement;
                 var i = Ze({
                     anchorWidth: r,
@@ -1583,25 +1581,27 @@
                     maxHeight: l,
                     menuStyle: B
                 });
-                var u = Qn.length > 0 && !Zn && !S ? 0 : undefined;
+                var u = Gn.length > 0 && !Yn && !S ? 0 : undefined;
                 var c = {
                     "aria-multiselectable": N || undefined,
                     childrenStart: !!S &&  n().createElement(un, {
                         activeItemId: Pe,
                         filterA11yId: Mn,
                         filterKeyword: Ve,
-                        hasChildren: cn,
+                        hasChildren: et.some((function(e) {
+                            return nn(e);
+                        })),
                         inputId: P,
                         inputRef: E,
                         menuListboxId: Ee,
                         multiple: N,
-                        onClearAll: Vn,
-                        onSelectAll: Nn,
-                        onTextBlur: Xn,
-                        onTextChange: $n,
-                        onTextFocus: Wn,
-                        onTextKeyDown: Fn,
-                        optionSelection: Rn,
+                        onClearAll: Nn,
+                        onSelectAll: Bn,
+                        onTextBlur: Wn,
+                        onTextChange: zn,
+                        onTextFocus: $n,
+                        onTextKeyDown: Kn,
+                        optionSelection: En,
                         placement: o,
                         selectAllAppearance: se,
                         textHasFocus: Ue
@@ -1609,7 +1609,7 @@
                     focusMode: S ? "never" : undefined,
                     isLoading: R,
                     menuId: Ee,
-                    onScrollBottom: U ? Kn : undefined,
+                    onScrollBottom: U ? Vn : undefined,
                     placement: o !== null && o !== void 0 ? o : undefined,
                     noOptionsMessage: F,
                     footerMessage: k,
@@ -1623,24 +1623,24 @@
                     
                     return n().createElement(D.VirtualizedResultsMenu, De({
                         virtualization: be
-                    }, c), nt);
+                    }, c), et);
                 }
                 
-                return n().createElement(_(), c, nt);
+                return n().createElement(_(), c, et);
             };
-            var rt = (0, e.useMemo)((function() {
+            var tt = (0, e.useMemo)((function() {
                 
-                return n().createElement(fn, De({
+                return n().createElement(sn, De({
                     appearance: i,
                     append: c,
-                    currentValues: Ln(),
+                    currentValues: An(),
                     "data-test": N ? "multiselect" : "select",
                     describedBy: g,
                     disabled: h,
-                    elementRef: Gn,
+                    elementRef: Un,
                     error: C,
                     inline: x,
-                    labelText: A,
+                    labelText: M,
                     labelledBy: T,
                     multiple: N,
                     onClick: Q,
@@ -1652,33 +1652,33 @@
                     toggle: me,
                     toggleContent: ye
                 }, he), f);
-            }), [ i, c, Ln, N, g, h, C, Gn, x, A, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
+            }), [ i, c, An, N, g, h, C, Un, x, M, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
             
-            return n().createElement(M(), {
+            return n().createElement(A(), {
                 closeReasons: en,
                 inputId: P,
                 "aria-labelledby": Mn,
-                toggle: rt,
-                onRequestOpen: qn,
-                onRequestClose: Dn,
+                toggle: tt,
+                onRequestOpen: In,
+                onRequestClose: qn,
                 open: $e,
                 openWithArrowKeys: true,
                 repositionMode: ue,
                 defaultPlacement: b,
                 canCoverAnchor: Te().innerHeight < 500,
                 retainFocus: false,
-                takeFocus: Qn.length === 0 || Qn.length > 0 && !Zn || !!S
-            }, tt);
+                takeFocus: Gn.length === 0 || Gn.length > 0 && !Yn || !!S
+            }, nt);
         }
-        dn.propTypes = Qe;
-        dn.componentType = "SelectBase";
-        dn.Option = le;
-        dn.Divider = q.Divider;
-        dn.Heading = q.Heading;
-        /* harmony default export */        const pn = dn;
+        fn.propTypes = Qe;
+        fn.componentType = "SelectBase";
+        fn.Option = le;
+        fn.Divider = q.Divider;
+        fn.Heading = q.Heading;
+        /* harmony default export */        const dn = fn;
         // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function vn() {
-            return vn = Object.assign ? Object.assign.bind() : function(e) {
+        function pn() {
+            return pn = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -1686,11 +1686,11 @@
                     }
                 }
                 return e;
-            }, vn.apply(null, arguments);
+            }, pn.apply(null, arguments);
         }
-        function bn(e, n) {
+        function vn(e, n) {
             if (null == e) return {};
-            var t, r, l = mn(e, n);
+            var t, r, l = bn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1699,7 +1699,7 @@
             }
             return l;
         }
-        function mn(e, n) {
+        function bn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1710,7 +1710,7 @@
             }
             return t;
         }
-        var gn = {
+        var mn = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -1736,11 +1736,11 @@
         };
         /**
  * An option within a `Select`. Any elements passed to it should be memoized.
- */        function yn(e) {
-            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = bn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+ */        function gn(e) {
+            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = vn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
             // @docs-props-type OptionPropsBase
                         
-            return n().createElement(le, vn({
+            return n().createElement(le, pn({
                 descriptionPosition: l,
                 label: o
             }, i, {
@@ -1748,13 +1748,13 @@
                 multiple: false
             }), t || o);
         }
-        var hn =  (0, e.memo)(yn);
+        var yn =  (0, e.memo)(gn);
         // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-                hn.propTypes = gn;
-        /* harmony default export */        const On = hn;
+                yn.propTypes = mn;
+        /* harmony default export */        const hn = yn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function Cn() {
-            return Cn = Object.assign ? Object.assign.bind() : function(e) {
+        function On() {
+            return On = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -1762,11 +1762,11 @@
                     }
                 }
                 return e;
-            }, Cn.apply(null, arguments);
+            }, On.apply(null, arguments);
         }
-        function Sn(e, n) {
+        function Cn(e, n) {
             if (null == e) return {};
-            var t, r, l = kn(e, n);
+            var t, r, l = Sn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1775,7 +1775,7 @@
             }
             return l;
         }
-        function kn(e, n) {
+        function Sn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1788,7 +1788,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var wn = {
+        /** @public */        var kn = {
             allowKeyMatching: a().bool,
             animateLoading: a().bool,
             appearance: a().oneOf([ "default", "link", "subtle" ]),
@@ -1830,10 +1830,10 @@
             /** @private. */
             virtualization: a().number
         };
-        var xn = (0, u._)("No matches");
-        var jn = (0, u._)("Select...");
-        function Pn(t) {
-            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.appearance, o = a === void 0 ? "default" : a, u = t.defaultPlacement, c = u === void 0 ? "vertical" : u, s = t.defaultValue, f = t.inline, d = f === void 0 ? true : f, p = t.noOptionsMessage, v = p === void 0 ? xn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? jn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = Sn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
+        var wn = (0, u._)("No matches");
+        var xn = (0, u._)("Select...");
+        function jn(t) {
+            var r = t.allowKeyMatching, l = r === void 0 ? true : r, a = t.appearance, o = a === void 0 ? "default" : a, u = t.defaultPlacement, c = u === void 0 ? "vertical" : u, s = t.defaultValue, f = t.inline, d = f === void 0 ? true : f, p = t.noOptionsMessage, v = p === void 0 ? wn : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? xn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = Cn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
                         if (false) {}
             var S = i()({
@@ -1841,19 +1841,17 @@
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0]
             });
-            // Converts the provided props into a structure suitable for SelectBase.
+            // Memoized otherwise useControlled can trigger "default props changed after render" warning even though nothing changed on subsequent renders
                         var k = (0, e.useMemo)((function() {
                 // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-                var e;
-                if (!S) {
-                    if (s != null) {
-                        e = [ s ];
-                    } else {
-                        e = [];
-                    }
-                } else {
-                    e = undefined;
+                if (s != null) {
+                    return [ s ];
                 }
+                return [];
+            }), [ s ]);
+            // Converts the provided props into a structure suitable for SelectBase.
+                        var w = (0, e.useMemo)((function() {
+                var e = S ? undefined : k;
                 var n = function e(n, t) {
                     var r = t.name, l = t.values;
                     b === null || b === void 0 ? void 0 : b(n, {
@@ -1870,9 +1868,9 @@
                     t.defaultValues = e;
                 }
                 return t;
-            }), [ b, S, O, s ]);
+            }), [ k, b, S, O ]);
             
-            return n().createElement(pn, Cn({
+            return n().createElement(dn, On({
                 allowKeyMatching: l,
                 appearance: o,
                 defaultPlacement: c,
@@ -1880,15 +1878,15 @@
                 noOptionsMessage: v,
                 placeholder: g,
                 toggleContent: h
-            }, C, k, {
+            }, C, w, {
                 multiple: false
             }));
         }
-        Pn.propTypes = wn;
-        Pn.Option = On;
-        Pn.Heading = q.Heading;
-        Pn.Divider = q.Divider;
-        /* harmony default export */        const En = Pn;
+        jn.propTypes = kn;
+        jn.Option = hn;
+        jn.Heading = q.Heading;
+        jn.Divider = q.Divider;
+        /* harmony default export */        const Pn = jn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
     module.exports = r;