@splunk/react-ui 5.0.0-beta.3 → 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,10 +923,10 @@
             }
             return a;
         };
-        var fn =  n().forwardRef((function(t, r) {
+        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 A;
             var M;
+            var A;
             var L = [];
             // Generate buttonLabels
                         var q = e.Children.toArray(i);
@@ -942,7 +941,7 @@
                     L.push(c);
                     // if not in multiple mode, add the icon
                                         if (!h && s.length === 1) {
-                        A = i;
+                        M = i;
                     }
                 } else if (h) {
                     // only add values that don't match an option in "multiple" mode to preserve old behaviour
@@ -955,29 +954,29 @@
                 }
                 return e;
             }), []);
-            M = D;
+            A = D;
             // only apply prefix / suffix if the label is not empty
-                        if (M.length > 0) {
+                        if (A.length > 0) {
                 // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
-                L = sn({
+                L = cn({
                     prefixLabel: k,
-                    label: M.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
+                    label: A.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
                     suffixLabel: j
                 });
-                M = sn({
+                A = cn({
                     prefixLabel: k,
-                    label: M,
+                    label: A,
                     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 (M.length === 0 || !h && M.every((function(e) {
+                        if (A.length === 0 || !h && A.every((function(e) {
                 return e === "";
             }))) {
-                M = Ye(C);
-                L = M;
+                A = Ye(C);
+                L = A;
             }
             var _ = Object.keys(T).includes("aria-labelledby");
             var B = Xe({
@@ -1012,7 +1011,7 @@
                     appearance: "standalone"
                 }, B, {
                     "data-select-appearance": "link"
-                }), !!A &&  n().createElement(me, null, A), M || C,  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;
@@ -1020,9 +1019,9 @@
             return n().createElement(be, De({}, B, {
                 $multiple: h,
                 appearance: K,
-                label: M,
+                label: A,
                 error: b,
-                icon: A,
+                icon: M,
                 inline: m,
                 isMenu: true,
                 onClick: O
@@ -1030,8 +1029,8 @@
                 "data-role": "count"
             }, "(", 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",
@@ -1053,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("");
@@ -1097,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 ]);
                     }
@@ -1132,7 +1131,7 @@
                 }
                 var o = !Oe;
                 if (o) {
-                    vn(a);
+                    pn(a);
                 }
                 if (N) {
                     // in uncontrolled multiple mode, keep the menu open
@@ -1143,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));
@@ -1198,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);
                         }
                     }
                 }
@@ -1245,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) {
@@ -1275,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);
@@ -1319,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;
@@ -1383,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,
@@ -1410,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"
@@ -1426,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;
                         }));
@@ -1434,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"
@@ -1450,7 +1449,7 @@
                                 label: s,
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: Hn,
+                                onClick: Fn,
                                 multiple: N,
                                 selected: true
                             }));
@@ -1491,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.
@@ -1508,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;
                     }
@@ -1523,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 {
@@ -1549,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,
@@ -1585,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
@@ -1611,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,
@@ -1625,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,
@@ -1654,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) {
@@ -1688,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++) {
@@ -1701,7 +1699,7 @@
             }
             return l;
         }
-        function mn(e, n) {
+        function bn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1712,7 +1710,7 @@
             }
             return t;
         }
-        var gn = {
+        var mn = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -1738,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, {
@@ -1750,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) {
@@ -1764,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++) {
@@ -1777,7 +1775,7 @@
             }
             return l;
         }
-        function kn(e, n) {
+        function Sn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1790,7 +1788,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var wn = {
+        /** @public */        var kn = {
             allowKeyMatching: a().bool,
             animateLoading: a().bool,
             appearance: a().oneOf([ "default", "link", "subtle" ]),
@@ -1832,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()({
@@ -1843,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, {
@@ -1872,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,
@@ -1882,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;