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

package/Select.js

@@ -136,8 +136,8 @@
                 t.d(r, {
             Divider: () => /* reexport */ q.Divider,
             Heading: () => /* reexport */ q.Heading,
-            Option: () => /* reexport */ hn,
-            default: () => /* reexport */ Pn
+            Option: () => /* reexport */ kn,
+            default: () => /* reexport */ Mn
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
@@ -206,9 +206,9 @@
         // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
         const z = require("@splunk/ui-utils/filter");
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const $ = require("@splunk/ui-utils/id");
+        const W = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const W = require("@splunk/ui-utils/keyboard");
+        const $ = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
         function X(e) {
             "@babel/helpers - typeof";
@@ -563,9 +563,11 @@
             var e = typeof document !== "undefined" ? document : Pe;
             return e;
         }
+        var Re = Ee();
+        /* harmony default export */        const Te = /* unused pure expression or super */ null && Re;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Re = {
+        var Me = {
             document: Pe,
             navigator: {
                 userAgent: ""
@@ -620,10 +622,12 @@
                 clearTimeout(n);
             }
         };
-        function Te() {
-            var e = typeof window !== "undefined" ? window : Re;
+        function Ae() {
+            var e = typeof window !== "undefined" ? window : Me;
             return e;
         }
+        var Le = Ae();
+        /* harmony default export */        const Ie = /* unused pure expression or super */ null && Le;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -631,7 +635,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function Me(e, n) {
+        function qe(e, n) {
             if (e) {
                 if (typeof e === "function") {
                     e(n);
@@ -644,20 +648,20 @@
             }
         }
         // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-        function Ae(e) {
-            return qe(e) || Ie(e) || Ne(e) || Le();
+        function De(e) {
+            return Ne(e) || Be(e) || He(e) || _e();
         }
-        function Le() {
+        function _e() {
             throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function Ie(e) {
+        function Be(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function qe(e) {
-            if (Array.isArray(e)) return Ve(e);
+        function Ne(e) {
+            if (Array.isArray(e)) return ze(e);
         }
-        function De() {
-            return De = Object.assign ? Object.assign.bind() : function(e) {
+        function Ve() {
+            return Ve = Object.assign ? Object.assign.bind() : function(e) {
                 for (var n = 1; n < arguments.length; n++) {
                     var t = arguments[n];
                     for (var r in t) {
@@ -665,29 +669,29 @@
                     }
                 }
                 return e;
-            }, De.apply(null, arguments);
+            }, Ve.apply(null, arguments);
         }
-        function _e(e, n) {
-            return Fe(e) || Ke(e, n) || Ne(e, n) || Be();
+        function Ke(e, n) {
+            return $e(e) || We(e, n) || He(e, n) || Fe();
         }
-        function Be() {
+        function Fe() {
             throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function Ne(e, n) {
+        function He(e, n) {
             if (e) {
-                if ("string" == typeof e) return Ve(e, n);
+                if ("string" == typeof e) return ze(e, n);
                 var t = {}.toString.call(e).slice(8, -1);
-                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ve(e, n) : void 0;
+                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ze(e, n) : void 0;
             }
         }
-        function Ve(e, n) {
+        function ze(e, n) {
             (null == n || n > e.length) && (n = e.length);
             for (var t = 0, r = Array(n); t < n; t++) {
                 r[t] = e[t];
             }
             return r;
         }
-        function Ke(e, n) {
+        function We(e, n) {
             var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != t) {
                 var r, l, a, o, i = [], u = !0, c = !1;
@@ -709,12 +713,12 @@
                 return i;
             }
         }
-        function Fe(e) {
+        function $e(e) {
             if (Array.isArray(e)) return e;
         }
-        function He(e, n) {
+        function Xe(e, n) {
             if (null == e) return {};
-            var t, r, l = ze(e, n);
+            var t, r, l = Je(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -723,7 +727,7 @@
             }
             return l;
         }
-        function ze(e, n) {
+        function Je(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -734,15 +738,15 @@
             }
             return t;
         }
-        function $e(e) {
+        function Ue(e) {
             "@babel/helpers - typeof";
-            return $e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Ue = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                 return typeof e;
             } : function(e) {
                 return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, $e(e);
+            }, Ue(e);
         }
-        function We(e, n) {
+        function Ge(e, n) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var r = Object.getOwnPropertySymbols(e);
@@ -752,40 +756,40 @@
             }
             return t;
         }
-        function Xe(e) {
+        function Qe(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = null != arguments[n] ? arguments[n] : {};
-                n % 2 ? We(Object(t), !0).forEach((function(n) {
-                    Je(e, n, t[n]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : We(Object(t)).forEach((function(n) {
+                n % 2 ? Ge(Object(t), !0).forEach((function(n) {
+                    Ye(e, n, t[n]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ge(Object(t)).forEach((function(n) {
                     Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
                 }));
             }
             return e;
         }
-        function Je(e, n, t) {
-            return (n = Ue(n)) in e ? Object.defineProperty(e, n, {
+        function Ye(e, n, t) {
+            return (n = Ze(n)) in e ? Object.defineProperty(e, n, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[n] = t, e;
         }
-        function Ue(e) {
-            var n = Ge(e, "string");
-            return "symbol" == $e(n) ? n : n + "";
+        function Ze(e) {
+            var n = en(e, "string");
+            return "symbol" == Ue(n) ? n : n + "";
         }
-        function Ge(e, n) {
-            if ("object" != $e(e) || !e) return e;
+        function en(e, n) {
+            if ("object" != Ue(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
                 var r = t.call(e, n || "default");
-                if ("object" != $e(r)) return r;
+                if ("object" != Ue(r)) return r;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === n ? String : Number)(e);
         }
-        var Qe = {
+        var nn = {
             allowKeyMatching: a().bool,
             allowNewValues: a().bool,
             animateLoading: a().bool,
@@ -834,33 +838,33 @@
             /** @private. */
             virtualization: a().number
         };
-        var Ye = O()((function(e) {
+        var tn = O()((function(e) {
             return [ e ];
         }));
         // preserve separate widths for single vs. multi mode
-                var Ze = O()((function(e) {
+                var rn = O()((function(e) {
             var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
-            return t ? Xe({
+            return t ? Qe({
                 width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
                 maxHeight: r
-            }, l) : Xe({
+            }, l) : Qe({
                 minWidth: n !== null && n !== void 0 ? n : undefined,
                 maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
                 maxHeight: r
             }, l);
         }));
-        var en = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-        function nn(e) {
+        var ln = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+        function an(e) {
             return e && m()(e.props, "value");
         }
-        function tn(e, n) {
-            return "".concat($e(e), "-").concat(e, "-").concat(n);
+        function on(e, n) {
+            return "".concat(Ue(e), "-").concat(e, "-").concat(n);
         }
-        var rn = [ "append", "error", "prepend" ];
-        var ln = (0, u._)("No matches");
-        var an = (0, u._)("Select...");
-        var on =  n().createElement(T(), null);
-        var un = function e(t) {
+        var un = [ "append", "error", "prepend" ];
+        var cn = (0, u._)("No matches");
+        var sn = (0, u._)("Select...");
+        var fn =  n().createElement(T(), null);
+        var dn = function e(t) {
             var r = t.activeItemId, l = t.filterA11yId, a = t.filterKeyword, o = t.hasChildren, i = t.inputId, c = t.inputRef, s = t.menuListboxId, f = t.multiple, d = t.onClearAll, p = t.onSelectAll, v = t.onTextBlur, b = t.onTextChange, m = t.onTextFocus, g = t.onTextKeyDown, y = t.optionSelection, h = t.placement, O = t.selectAllAppearance, C = t.textHasFocus;
             var S = (0, u._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
             var k = (0, u._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
@@ -868,17 +872,19 @@
                         var w =  n().createElement(Ce, {
                 key: "selectAll"
             },  n().createElement(Oe, {
-                $disabled: y.current === "all",
+                disabled: y.current === "all",
                 appearance: "standalone",
                 "aria-label": S,
                 onClick: p,
-                "data-test": "select-all"
+                "data-test": "select-all",
+                tag: "button"
             }, a ? (0, u._)("Select all Matches") : (0, u._)("Select all")),  n().createElement(Oe, {
-                $disabled: y.current === "none",
+                disabled: y.current === "none",
                 appearance: "standalone",
                 "aria-label": k,
                 onClick: d,
-                "data-test": "clear-all"
+                "data-test": "clear-all",
+                tag: "button"
             }, a ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
             
             return n().createElement("div", {
@@ -909,10 +915,10 @@
                 inputRef: c,
                 inputId: i,
                 canClear: true,
-                startAdornment: on
+                startAdornment: fn
             })), f && o && O === "buttongroup" && w, h === "below" &&  n().createElement(Se, null));
         };
-        var cn = function e(n) {
+        var pn = function e(n) {
             var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
             var a = r;
             if (t) {
@@ -923,8 +929,8 @@
             }
             return a;
         };
-        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 vn =  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 = Xe(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 L = [];
@@ -932,7 +938,7 @@
                         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;
+                    return an(e) && e.props.value === n;
                 }));
                 if (l) {
                     var a = l.props, o = a.children, i = a.icon, c = a.label;
@@ -959,12 +965,12 @@
                         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 = cn({
+                L = pn({
                     prefixLabel: k,
                     label: A.length > 1 ? [ "".concat(s.length, " items selected") ] : L,
                     suffixLabel: j
                 });
-                A = cn({
+                A = pn({
                     prefixLabel: k,
                     label: A,
                     suffixLabel: j
@@ -975,11 +981,11 @@
                         if (A.length === 0 || !h && A.every((function(e) {
                 return e === "";
             }))) {
-                A = Ye(C);
+                A = tn(C);
                 L = A;
             }
             var _ = Object.keys(T).includes("aria-labelledby");
-            var B = Xe({
+            var B = Qe({
                 "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
@@ -990,7 +996,7 @@
                 prepend: w,
                 onClick: O,
                 role: "combobox",
-                disabled: p,
+                disabled: p ? "disabled" : undefined,
                 elementRef: v,
                 error: b,
                 ref: r
@@ -998,7 +1004,7 @@
             if (h) {
                 B["data-test-values"] = JSON.stringify(s);
             } else {
-                var N = _e(s, 1), V = N[0];
+                var N = Ke(s, 1), V = N[0];
                 B["data-test-value"] = V;
             }
             if (P) {
@@ -1007,7 +1013,8 @@
             }
             if (a === "link") {
                 
-                return n().createElement(I(), De({
+                return n().createElement(I(), Ve({
+                    tag: "button",
                     appearance: "standalone"
                 }, B, {
                     "data-select-appearance": "link"
@@ -1016,7 +1023,7 @@
             // Using Button's secondary appearance as Select's default appearance.
                         var K = a === "default" ? "secondary" : a;
             
-            return n().createElement(be, De({}, B, {
+            return n().createElement(be, Ve({}, B, {
                 $multiple: h,
                 appearance: K,
                 label: A,
@@ -1025,12 +1032,12 @@
                 inline: m,
                 isMenu: true,
                 onClick: O
-            }, S()(T, rn)), !!s.length && h &&  n().createElement(he, {
+            }, S()(T, un)), !!s.length && h &&  n().createElement(he, {
                 "data-role": "count"
             }, "(", s.length, ")"));
         }));
-        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" ]);
+        function bn(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 ? cn : 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 ? sn : 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 = Xe(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",
@@ -1043,25 +1050,25 @@
             // states
                         var Ce = (0, e.useState)((function() {
                 return {
-                    activeItemId: (0, $.createDOMID)("active-item"),
-                    menuListboxId: (0, $.createDOMID)("menu-listbox")
+                    activeItemId: (0, W.createDOMID)("active-item"),
+                    menuListboxId: (0, W.createDOMID)("menu-listbox")
                 };
-            })), Se = _e(Ce, 1), we = Se[0], Pe = we.activeItemId, Ee = we.menuListboxId;
-            var Re = (0, e.useState)(0), Le = _e(Re, 2), Ie = Le[0], qe = Le[1];
-            var Be = (0, e.useState)(""), Ne = _e(Be, 2), Ve = Ne[0], Ke = Ne[1];
-            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 cn = (0, e.useState)(m || []), fn = _e(cn, 2), dn = fn[0], pn = fn[1];
+            })), Se = Ke(Ce, 1), we = Se[0], Pe = we.activeItemId, Ee = we.menuListboxId;
+            var Re = (0, e.useState)(0), Te = Ke(Re, 2), Me = Te[0], Le = Te[1];
+            var Ie = (0, e.useState)(""), _e = Ke(Ie, 2), Be = _e[0], Ne = _e[1];
+            var Fe = (0, e.useState)(false), He = Ke(Fe, 2), ze = He[0], We = He[1];
+            var $e = (0, e.useState)(false), Je = Ke($e, 2), Ue = Je[0], Ge = Je[1];
+            var Qe = (0, e.useState)([]), Ye = Ke(Qe, 2), Ze = Ye[0], en = Ye[1];
+            var nn = (0, e.useState)(m || []), tn = Ke(nn, 2), un = tn[0], fn = tn[1];
  // previous state
-                        var vn = H()(Ie);
+                        var pn = H()(Me);
             // refs
                         var bn = (0, e.useRef)(null);
             var mn = (0, e.useRef)(null);
             var gn = (0, e.useRef)(null);
             var yn = (0, e.useRef)([]);
             var hn = (0, e.useRef)([]);
-            var On = (0, e.useRef)(vn);
+            var On = (0, e.useRef)(pn);
             var Cn = (0, e.useRef)();
             var Sn = (0, e.useRef)({});
             var kn = (0, e.useRef)(0);
@@ -1070,47 +1077,47 @@
             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];
+            var Rn = (0, e.useState)(S ? (0, W.createDOMID)("filter") : undefined), Tn = Ke(Rn, 1), Mn = Tn[0];
             (0, e.useEffect)((function() {
                 if (false) {}
             }), [ i, c, C, ae ]);
             var An = (0, e.useCallback)((function() {
-                var e = Oe ? ve : dn;
+                var e = Oe ? ve : un;
                 return N || e == null ? e : e.slice(0, 1);
-            }), [ Oe, N, ve, dn ]);
+            }), [ Oe, N, ve, un ]);
             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 = An()) !== null && e !== void 0 ? e : [] : [];
             }), [ An, N, fe ]);
             var In = (0, e.useCallback)((function(e) {
-                var n = Ve;
+                var n = Be;
                 We(true);
-                on(Ln());
+                en(Ln());
                 // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
                                 if (N) {
-                    Ke("");
+                    Ne("");
                 }
-                if (n !== Ve) {
+                if (n !== Be) {
                     G === null || G === void 0 ? void 0 : G(e, {
-                        keyword: Ve
+                        keyword: Be
                     });
                 }
-            }), [ Ve, Ln, N, G ]);
+            }), [ Be, Ln, N, G ]);
             (0, e.useEffect)((function() {
-                if ($e) {
+                if (ze) {
                     Z === null || Z === void 0 ? void 0 : Z();
                     if (xn.current && !S) {
                         xn.current.focus();
                     } else {
                         var e;
-                        qe((e = jn.current) !== null && e !== void 0 ? e : 0);
+                        Le((e = jn.current) !== null && e !== void 0 ? e : 0);
                     }
                 }
-            }), [ Z, $e, rn, Ve, S ]);
+            }), [ Z, ze, Ze, Be, S ]);
             var qn = (0, e.useCallback)((function() {
                 We(false);
-                qe(0);
+                Le(0);
                 On.current = null;
                 Y === null || Y === void 0 ? void 0 : Y();
             }), [ Y ]);
@@ -1121,7 +1128,7 @@
                 var a;
                 if (N) {
                     if (l >= 0) {
-                        a = [].concat(Ae(r.slice(0, l)), Ae(r.slice(l + 1)));
+                        a = [].concat(De(r.slice(0, l)), De(r.slice(l + 1)));
                     } else {
                         a = r.concat([ n ]);
                     }
@@ -1131,7 +1138,7 @@
                 }
                 var o = !Oe;
                 if (o) {
-                    pn(a);
+                    fn(a);
                 }
                 if (N) {
                     // in uncontrolled multiple mode, keep the menu open
@@ -1169,12 +1176,12 @@
                 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));
+                    return an(e) && y()(l, e.props.value) && (!e.props.disabled || y()(r, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    pn(l);
+                    fn(l);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: l,
@@ -1189,15 +1196,15 @@
                     return;
                 }
                 var r = (t = An()) !== null && t !== void 0 ? t : [];
-                var l = j().apply(void 0, [ r ].concat(Ae(wn.current)));
+                var l = j().apply(void 0, [ r ].concat(De(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));
+                    return an(e) && (y()(r, e.props.value) && e.props.disabled || y()(l, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
                 if (!Oe) {
-                    pn(a);
+                    fn(a);
                 }
                 X === null || X === void 0 ? void 0 : X(e, {
                     values: a,
@@ -1206,12 +1213,12 @@
                 });
             }), [ f, An, Oe, N, V, X ]);
             var Vn = (0, e.useCallback)((function(e) {
-                if ($e && !R) {
+                if (ze && !R) {
                     U === null || U === void 0 ? void 0 : U(e);
                 }
-            }), [ $e, R, U ]);
+            }), [ ze, R, U ]);
             var Kn = (0, e.useCallback)((function(n) {
-                var t = (0, W.keycode)(n.nativeEvent);
+                var t = (0, $.keycode)(n.nativeEvent);
                 if (t === "tab") {
                     if (pe && Cn.current && kn.current <= 1) {
                         n.preventDefault();
@@ -1231,20 +1238,20 @@
                 }
                 if (t === "down") {
                     n.preventDefault();
-                    qe(Math.min(Ie + 1, se === "checkbox" ? kn.current : kn.current - 1));
+                    Le(Math.min(Me + 1, se === "checkbox" ? kn.current : kn.current - 1));
                     if (f && U) {
                         var r;
                         var l = e.Children.toArray(f).length - (2 + ((r = An()) !== null && r !== void 0 ? r : []).length);
-                        if (Ie === l) {
+                        if (Me === l) {
                             Vn(n);
                         }
                     }
                 }
                 if (t === "up") {
                     n.preventDefault();
-                    qe(Math.max(Ie - 1, 0));
+                    Le(Math.max(Me - 1, 0));
                 }
-                if (t === "enter" && Cn.current && $e) {
+                if (t === "enter" && Cn.current && ze) {
                     if (Cn.current === "selectAll") {
                         if (En.current === "all") {
                             Nn(n);
@@ -1256,15 +1263,15 @@
                         Dn(n, Cn.current);
                     }
                 }
-            }), [ Ie, f, An, Nn, Vn, Bn, U, $e, se, pe, Dn ]);
+            }), [ Me, f, An, Nn, Vn, Bn, U, ze, se, pe, Dn ]);
             var Fn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
                 e.preventDefault();
-                if (!$e) {
+                if (!ze) {
                     return;
                 }
                 Dn(e, t);
-            }), [ $e, Dn ]);
+            }), [ ze, 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.
@@ -1296,7 +1303,7 @@
                         }
                         var u = r[o];
                         var c = u.value, s = u.label;
-                        var f = Sn.current[tn(c, s)];
+                        var f = Sn.current[on(c, s)];
                         f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
                     }
                     yn.current = r;
@@ -1311,24 +1318,24 @@
             }), []);
             var zn = (0, e.useCallback)((function(e, n) {
                 var t = n.value;
-                Ke(t);
+                Ne(t);
                 We(true);
-                qe(0);
+                Le(0);
                 G === null || G === void 0 ? void 0 : G(e, {
                     keyword: t
                 });
             }), [ G ]);
-            var $n = (0, e.useCallback)((function() {
+            var Wn = (0, e.useCallback)((function() {
                 Ge(true);
             }), []);
-            var Wn = (0, e.useCallback)((function() {
+            var $n = (0, e.useCallback)((function() {
                 Ge(false);
             }), []);
             var Xn = (0, e.useCallback)((function(e) {
-                if (On.current !== Ie) {
+                if (On.current !== Me) {
                     je(e);
                 }
-            }), [ Ie ]);
+            }), [ Me ]);
             var Jn = (0, e.useCallback)((function(e, n, t) {
                 if (t) {
                     xn.current = e;
@@ -1341,7 +1348,7 @@
             }), [ Sn ]);
             var Un = (0, e.useCallback)((function(e) {
                 bn.current = e;
-                Me(O, e);
+                qe(O, e);
             }), [ O, bn ]);
             var Gn = (0, e.useMemo)((function() {
                 var e;
@@ -1350,11 +1357,11 @@
             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 an(n) && n.props.value === e;
                 }));
                 return n && !n.props.disabled;
             }));
-            var Zn = fe === "immediately" ? Ln() : rn;
+            var Zn = fe === "immediately" ? Ln() : Ze;
             var et = (0, e.useMemo)((function() {
                 kn.current = 0;
                 jn.current = undefined;
@@ -1373,19 +1380,19 @@
                                 var i;
                 var c = e.Children.toArray(f).reduce((function(u, c, s) {
                     // ignore Headings and Dividers
-                    if (!nn(c)) {
+                    if (!an(c)) {
                         u.push(c);
                         return u;
                     }
                     var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
  // Find out if the search string exactly matches a value
-                                        if (b === Ve) {
+                                        if (b === Be) {
                         r = true;
                     }
                     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 h = on(b, v);
                     var O = -1;
                     if (y && !d && !p) {
                         hn.current.push({
@@ -1427,10 +1434,10 @@
                                 if (N) {
                     v()(Gn, (function(e) {
                         var l = d()(c, (function(n) {
-                            return nn(n) && n.props && n.props.value === e;
+                            return an(n) && n.props && n.props.value === e;
                         }));
                         if (!l) {
-                            if (e === Ve) {
+                            if (e === Be) {
                                 r = true;
                             }
                             var i = Zn && Zn.indexOf(e) >= 0;
@@ -1443,7 +1450,7 @@
                                 o = true;
                             }
                             var s = String(e);
-                            var f = tn(e, s);
+                            var f = on(e, s);
                             c.splice(i ? 0 : u + 1, 0,  n().createElement(le, {
                                 elementRef: t(f),
                                 label: s,
@@ -1461,15 +1468,15 @@
                 }
                 var p = S === "controlled";
                 // Filter the items
-                                var b = (0, z.stringToKeywords)(Ve);
+                                var b = (0, z.stringToKeywords)(Be);
                 c = p ? c : c.filter((function(e) {
-                    if (nn(e)) {
+                    if (an(e)) {
                         return (0, z.testPhrase)(e.props.label, b);
                     }
                     return true;
  // Keep all headers and non-interactive options
                                 })).map((function(n) {
-                    if (!nn(n)) {
+                    if (!an(n)) {
                         return n;
                     }
                     // highlight matched text
@@ -1480,14 +1487,14 @@
                     });
                 }));
                 // Add the option to add the new value
-                                if (s && !r && Ve) {
+                                if (s && !r && Be) {
                     var m = o ? a + 1 : a;
-                    var g = "".concat(Ve, " (new value)");
-                    var y = tn(Ve, g);
+                    var g = "".concat(Be, " (new value)");
+                    var y = on(Be, g);
                     c.splice(m, 0,  n().createElement(le, {
                         elementRef: t(y),
                         label: g,
-                        value: Ve,
+                        value: Be,
                         key: "newValue",
                         multiple: N,
                         onClick: Fn
@@ -1499,7 +1506,7 @@
                 // Highlight the selected Items and remove hidden
                                 c = c.reduce((function(n, t) {
                     // ignore Dividers & Headings
-                    if (!nn(t)) {
+                    if (!an(t)) {
                         n.push(t);
                         return n;
                     }
@@ -1510,7 +1517,7 @@
                     if (t.props.selected && !t.props.disabled && jn.current == null) {
                         jn.current = kn.current;
                     }
-                    var r = h === Ie;
+                    var r = h === Me;
                     h += 1;
                     kn.current += 1;
                     Pn.current += t.props.selected ? 1 : 0;
@@ -1537,25 +1544,25 @@
                                 if (se === "checkbox" && N && kn.current > 0) {
                     var C;
                     if (En.current === "all") {
-                        if (Ve === "") {
+                        if (Be === "") {
                             C = (0, u._)("Clear all");
                         } else {
                             C = (0, u._)("Clear all matches");
                         }
-                    } else if (Ve === "") {
+                    } else if (Be === "") {
                         C = (0, u._)("Select all");
                     } else {
                         C = (0, u._)("Select all matches");
                     }
-                    if (Ie === 0 && Ue) {
+                    if (Me === 0 && Ue) {
                         Cn.current = "selectAll";
                     }
                     c.unshift( n().createElement(ie, {
                         key: "select-all-option",
-                        active: Ie === 0,
+                        active: Me === 0,
                         changedToggle: !!me,
                         elementRef: Xn,
-                        id: Ie === 0 ? Pe : undefined,
+                        id: Me === 0 ? Pe : undefined,
                         onClick: En.current === "all" ? Nn : Bn,
                         selectAllLabel: C,
                         selected: En.current === "all" || En.current !== "none" && "some",
@@ -1566,16 +1573,16 @@
                     }));
                 }
                 wn.current = c.reduce((function(e, n) {
-                    if (nn(n)) {
+                    if (an(n)) {
                         e.push(n.props.value);
                     }
                     return e;
                 }), []);
                 return c;
-            }), [ Ie, Pe, l, s, f, Gn, S, Ve, Xn, Nn, Fn, Hn, Jn, Bn, R, N, Zn, U, se, Ue, me ]);
+            }), [ Me, Pe, l, s, f, Gn, S, Be, 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({
+                var i = rn({
                     anchorWidth: r,
                     isMultiple: N,
                     maxHeight: l,
@@ -1584,12 +1591,12 @@
                 var u = Gn.length > 0 && !Yn && !S ? 0 : undefined;
                 var c = {
                     "aria-multiselectable": N || undefined,
-                    childrenStart: !!S &&  n().createElement(un, {
+                    childrenStart: !!S &&  n().createElement(dn, {
                         activeItemId: Pe,
                         filterA11yId: Mn,
-                        filterKeyword: Ve,
+                        filterKeyword: Be,
                         hasChildren: et.some((function(e) {
-                            return nn(e);
+                            return an(e);
                         })),
                         inputId: P,
                         inputRef: E,
@@ -1597,9 +1604,9 @@
                         multiple: N,
                         onClearAll: Nn,
                         onSelectAll: Bn,
-                        onTextBlur: Wn,
+                        onTextBlur: $n,
                         onTextChange: zn,
-                        onTextFocus: $n,
+                        onTextFocus: Wn,
                         onTextKeyDown: Kn,
                         optionSelection: En,
                         placement: o,
@@ -1621,7 +1628,7 @@
                 };
                 if (be) {
                     
-                    return n().createElement(D.VirtualizedResultsMenu, De({
+                    return n().createElement(D.VirtualizedResultsMenu, Ve({
                         virtualization: be
                     }, c), et);
                 }
@@ -1630,7 +1637,7 @@
             };
             var tt = (0, e.useMemo)((function() {
                 
-                return n().createElement(sn, De({
+                return n().createElement(vn, Ve({
                     appearance: i,
                     append: c,
                     currentValues: An(),
@@ -1655,30 +1662,30 @@
             }), [ i, c, An, N, g, h, C, Un, x, M, T, Q, te, re, ae, ee, de, me, ye, he, f ]);
             
             return n().createElement(A(), {
-                closeReasons: en,
+                closeReasons: ln,
                 inputId: P,
                 "aria-labelledby": Mn,
                 toggle: tt,
                 onRequestOpen: In,
                 onRequestClose: qn,
-                open: $e,
+                open: ze,
                 openWithArrowKeys: true,
                 repositionMode: ue,
                 defaultPlacement: b,
-                canCoverAnchor: Te().innerHeight < 500,
+                canCoverAnchor: Ae().innerHeight < 500,
                 retainFocus: false,
                 takeFocus: Gn.length === 0 || Gn.length > 0 && !Yn || !!S
             }, nt);
         }
-        fn.propTypes = Qe;
-        fn.componentType = "SelectBase";
-        fn.Option = le;
-        fn.Divider = q.Divider;
-        fn.Heading = q.Heading;
-        /* harmony default export */        const dn = fn;
+        bn.propTypes = nn;
+        bn.componentType = "SelectBase";
+        bn.Option = le;
+        bn.Divider = q.Divider;
+        bn.Heading = q.Heading;
+        /* harmony default export */        const mn = bn;
         // CONCATENATED MODULE: ./src/Select/Option.tsx
-        function pn() {
-            return pn = Object.assign ? Object.assign.bind() : function(e) {
+        function gn() {
+            return gn = 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 +1693,11 @@
                     }
                 }
                 return e;
-            }, pn.apply(null, arguments);
+            }, gn.apply(null, arguments);
         }
-        function vn(e, n) {
+        function yn(e, n) {
             if (null == e) return {};
-            var t, r, l = bn(e, n);
+            var t, r, l = hn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1699,7 +1706,7 @@
             }
             return l;
         }
-        function bn(e, n) {
+        function hn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1710,7 +1717,7 @@
             }
             return t;
         }
-        var mn = {
+        var On = {
             /** @private */
             active: a().bool,
             children: a().node,
@@ -1736,11 +1743,11 @@
         };
         /**
  * An option within a `Select`. Any elements passed to it should be memoized.
- */        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" ]);
+ */        function Cn(e) {
+            var t = e.children, r = e.descriptionPosition, l = r === void 0 ? "bottom" : r, a = e.elementRef, o = e.label, i = yn(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
             // @docs-props-type OptionPropsBase
                         
-            return n().createElement(le, pn({
+            return n().createElement(le, gn({
                 descriptionPosition: l,
                 label: o
             }, i, {
@@ -1748,13 +1755,13 @@
                 multiple: false
             }), t || o);
         }
-        var yn =  (0, e.memo)(gn);
+        var Sn =  (0, e.memo)(Cn);
         // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-                yn.propTypes = mn;
-        /* harmony default export */        const hn = yn;
+                Sn.propTypes = On;
+        /* harmony default export */        const kn = Sn;
         // CONCATENATED MODULE: ./src/Select/Select.tsx
-        function On() {
-            return On = Object.assign ? Object.assign.bind() : function(e) {
+        function wn() {
+            return wn = 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 +1769,11 @@
                     }
                 }
                 return e;
-            }, On.apply(null, arguments);
+            }, wn.apply(null, arguments);
         }
-        function Cn(e, n) {
+        function xn(e, n) {
             if (null == e) return {};
-            var t, r, l = Sn(e, n);
+            var t, r, l = jn(e, n);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < a.length; r++) {
@@ -1775,7 +1782,7 @@
             }
             return l;
         }
-        function Sn(e, n) {
+        function jn(e, n) {
             if (null == e) return {};
             var t = {};
             for (var r in e) {
@@ -1788,7 +1795,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var kn = {
+        /** @public */        var Pn = {
             allowKeyMatching: a().bool,
             animateLoading: a().bool,
             appearance: a().oneOf([ "default", "link", "subtle" ]),
@@ -1830,10 +1837,10 @@
             /** @private. */
             virtualization: a().number
         };
-        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" ]);
+        var En = (0, u._)("No matches");
+        var Rn = (0, u._)("Select...");
+        function Tn(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 ? En : p, b = t.onChange, m = t.placeholder, g = m === void 0 ? Rn : m, y = t.toggleContent, h = y === void 0 ? "optionChildren" : y, O = t.value, C = xn(t, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
             // @docs-props-type SelectPropsBase
                         if (false) {}
             var S = i()({
@@ -1870,7 +1877,7 @@
                 return t;
             }), [ k, b, S, O ]);
             
-            return n().createElement(dn, On({
+            return n().createElement(mn, wn({
                 allowKeyMatching: l,
                 appearance: o,
                 defaultPlacement: c,
@@ -1882,11 +1889,11 @@
                 multiple: false
             }));
         }
-        jn.propTypes = kn;
-        jn.Option = hn;
-        jn.Heading = q.Heading;
-        jn.Divider = q.Divider;
-        /* harmony default export */        const Pn = jn;
+        Tn.propTypes = Pn;
+        Tn.Option = kn;
+        Tn.Heading = q.Heading;
+        Tn.Divider = q.Divider;
+        /* harmony default export */        const Mn = Tn;
     }) // CONCATENATED MODULE: ./src/Select/index.ts
     ();
     module.exports = r;