@splunk/react-ui 4.21.1 → 4.22.0

package/Select.js

@@ -71,10 +71,10 @@
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var a =  e.n(o);
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/has"
-    const i = require("lodash/has");
-    var l =  e.n(i);
+    const a = require("lodash/has");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const c = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "lodash/castArray"
@@ -90,8 +90,8 @@
     const h = require("lodash/includes");
     var b =  e.n(h);
     // CONCATENATED MODULE: external "lodash/isUndefined"
-    const y = require("lodash/isUndefined");
-    var m =  e.n(y);
+    const m = require("lodash/isUndefined");
+    var y =  e.n(m);
     // CONCATENATED MODULE: external "lodash/keys"
     const g = require("lodash/keys");
     var O =  e.n(g);
@@ -100,10 +100,10 @@
     var w =  e.n(S);
     // CONCATENATED MODULE: external "lodash/omit"
     const k = require("lodash/omit");
-    var C =  e.n(k);
+    var x =  e.n(k);
     // CONCATENATED MODULE: external "lodash/pick"
-    const x = require("lodash/pick");
-    var I =  e.n(x);
+    const C = require("lodash/pick");
+    var I =  e.n(C);
     // CONCATENATED MODULE: external "lodash/uniq"
     const _ = require("lodash/uniq");
     var A =  e.n(_);
@@ -158,18 +158,18 @@
     // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
     var ee = function e() {
         var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
-        var a = (0, c._)("Search");
-        var i = o ? "20px" : "24px";
+        var i = (0, c._)("Search");
+        var a = o ? "20px" : "24px";
         var l = n ?  r().createElement(X(), {
             role: "presentation",
             size: "16px",
-            screenReaderText: a,
+            screenReaderText: i,
             hideDefaultTooltip: true
         }) :  r().createElement(Z(), {
             role: "presentation",
-            "aria-label": a,
-            width: i,
-            height: i
+            "aria-label": i,
+            width: a,
+            height: a
         });
         return l;
     };
@@ -204,12 +204,12 @@
     }
     function oe(e, t) {
         if (e == null) return {};
-        var n = ae(e, t);
+        var n = ie(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -217,19 +217,19 @@
         }
         return n;
     }
-    function ae(e, t) {
+    function ie(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
         return n;
     }
-    function ie(e, t) {
+    function ae(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
@@ -273,8 +273,8 @@
         return function n() {
             var r = he(e), o;
             if (t) {
-                var a = he(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = he(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -323,32 +323,32 @@
         }
         return e;
     }
-    var ye = {
+    var me = {
         /** @private */
-        active: a().bool,
-        children: a().node,
-        description: a().string,
-        descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().bool,
-        hidden: a().bool,
-        icon: a().node,
-        label: a().string.isRequired,
+        active: i().bool,
+        children: i().node,
+        description: i().string,
+        descriptionPosition: i().oneOf([ "right", "bottom" ]),
+        disabled: i().bool,
+        hidden: i().bool,
+        icon: i().node,
+        label: i().string.isRequired,
         /**
    * @private Passed down from <BaseSelect>
    */
-        multiple: a().bool,
-        matchRanges: a().arrayOf(a().shape({
-            start: a().number.isRequired,
-            end: a().number.isRequired
+        multiple: i().bool,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
         })),
         /** @private */
-        onClick: a().func,
+        onClick: i().func,
         /** @private */
-        selected: a().bool,
-        truncate: a().bool,
-        value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+        selected: i().bool,
+        truncate: i().bool,
+        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
     };
-    var me = {
+    var ye = {
         descriptionPosition: "bottom",
         disabled: false,
         multiple: false,
@@ -364,15 +364,15 @@
         var t = pe(n);
         function n() {
             var e;
-            ie(this, n);
-            for (var r = arguments.length, o = new Array(r), a = 0; a < r; a++) {
-                o[a] = arguments[a];
+            ae(this, n);
+            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
+                o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
             be(de(e), "c", null);
             be(de(e), "handleClick", (function(t) {
-                var n = e.props, r = n.onClick, o = n.value, a = n.disabled;
-                if (!a) {
+                var n = e.props, r = n.onClick, o = n.value, i = n.disabled;
+                if (!i) {
                     r === null || r === void 0 ? void 0 : r(t, {
                         value: o
                     });
@@ -400,7 +400,7 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.value, o = t.children, a = t.label, i = t.multiple, l = oe(t, [ "value", "children", "label", "multiple" ]);
+                var t = this.props, n = t.value, o = t.children, i = t.label, a = t.multiple, l = oe(t, [ "value", "children", "label", "multiple" ]);
                 
                 return r().createElement(T.Item, re({
                     "aria-selected": this.props.selected,
@@ -409,17 +409,17 @@
                     ref: this.handleMount
                 }, l, {
                     selectable: true,
-                    selectableAppearance: i ? "checkbox" : undefined,
+                    selectableAppearance: a ? "checkbox" : undefined,
                     onClick: this.handleClick,
                     role: "option",
                     value: n.toString()
-                }), o || a);
+                }), o || i);
             }
         } ]);
         return n;
     }(n.PureComponent);
-    be(ge, "propTypes", ye);
-    be(ge, "defaultProps", me);
+    be(ge, "propTypes", me);
+    be(ge, "defaultProps", ye);
     be(ge, "type", T.Item);
     /* harmony default export */    const Oe = ge;
     // CONCATENATED MODULE: external "styled-components"
@@ -427,10 +427,10 @@
     var we =  e.n(Se);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const ke = require("@splunk/react-ui/Clickable");
-    var Ce =  e.n(ke);
+    var xe =  e.n(ke);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const xe = require("@splunk/react-ui/Switch");
-    var Ie =  e.n(xe);
+    const Ce = require("@splunk/react-ui/Switch");
+    var Ie =  e.n(Ce);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
     var _e = (0, Se.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
     U.pick)({
@@ -471,7 +471,7 @@
         prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
         enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
     }));
-    var Te = we()(Ce()).withConfig({
+    var Te = we()(xe()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-4"
     })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
@@ -597,10 +597,12 @@
     var Le = we().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";" ], U.variables.spacingSmall, (0, 
+    })([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0, 
     U.pick)({
         prisma: "inherit",
         enterprise: U.variables.textGray
+    }), (0, U.pick)({
+        prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
     var Ne = we()(De).withConfig({
@@ -616,25 +618,25 @@
     }));
     // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
     var Ke = {
-        active: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        id: a().string,
-        onClick: a().func,
-        selectAllLabel: a().string,
-        totalCount: a().number,
-        changedToggle: a().bool,
-        selected: a().oneOf([ false, true, "some" ])
+        active: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        id: i().string,
+        onClick: i().func,
+        selectAllLabel: i().string,
+        totalCount: i().number,
+        changedToggle: i().bool,
+        selected: i().oneOf([ false, true, "some" ])
     };
     var Fe =  r().forwardRef((function(e, t) {
-        var n = e.active, o = e.id, a = e.onClick, i = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, u = e.selected;
+        var n = e.active, o = e.id, i = e.onClick, a = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, u = e.selected;
         // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
                 var p = s ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
         
         return r().createElement(Be, {
-            label: i,
+            label: a,
             value: "selectAll",
             key: "selectAll",
-            onClick: a,
+            onClick: i,
             "data-test": "select-all",
             "aria-keyshortcuts": "Control+A",
             id: o,
@@ -659,7 +661,7 @@
             $truncate: false
         },  r().createElement(Ne, {
             $truncate: false
-        }, i))));
+        }, a))));
     }));
     Fe.propTypes = Ke;
     /* harmony default export */    const $e = Fe;
@@ -746,7 +748,7 @@
         }
         var r = null;
         var o = false;
-        var a = t.filter((function(e) {
+        var i = t.filter((function(e) {
             var t = et(e, n.index);
             if (t === n.value) {
                 o = true;
@@ -755,22 +757,22 @@
  // If we haven't found a match yet, keep track of the next closest match.
             // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                         if (!o) {
-                var a = et(r, n.index);
-                if (!a) {
+                var i = et(r, n.index);
+                if (!i) {
                     r = e;
                 } else if (t > n.value) {
-                    if (a < n.value) {
+                    if (i < n.value) {
                         r = e;
-                    } else if (a > t) {
+                    } else if (i > t) {
                         r = e;
                     }
-                } else if (t > a) {
+                } else if (t > i) {
                     r = e;
                 }
             }
             return false;
         }));
-        return a.length === 0 && r ? [ r ] : a;
+        return i.length === 0 && r ? [ r ] : i;
     };
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
@@ -889,13 +891,13 @@
             clearTimeout(t);
         }
     };
-    function at() {
+    function it() {
         var e = typeof window !== "undefined" ? window : ot;
         return e;
     }
     // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-    function it() {
-        it = Object.assign || function(e) {
+    function at() {
+        at = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -906,7 +908,7 @@
             }
             return e;
         };
-        return it.apply(this, arguments);
+        return at.apply(this, arguments);
     }
     function lt(e, t) {
         return ut(e) || st(e, t) || dt(e, t) || ct();
@@ -919,20 +921,20 @@
         var n = [];
         var r = true;
         var o = false;
-        var a = undefined;
+        var i = undefined;
         try {
-            for (var i = e[Symbol.iterator](), l; !(r = (l = i.next()).done); r = true) {
+            for (var a = e[Symbol.iterator](), l; !(r = (l = a.next()).done); r = true) {
                 n.push(l.value);
                 if (t && n.length === t) break;
             }
         } catch (e) {
             o = true;
-            a = e;
+            i = e;
         } finally {
             try {
-                if (!r && i["return"] != null) i["return"]();
+                if (!r && a["return"] != null) a["return"]();
             } finally {
-                if (o) throw a;
+                if (o) throw i;
             }
         }
         return n;
@@ -967,12 +969,12 @@
         }
         return r;
     }
-    function yt(e, t) {
+    function mt(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function mt(e, t) {
+    function yt(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -982,8 +984,8 @@
         }
     }
     function gt(e, t, n) {
-        if (t) mt(e.prototype, t);
-        if (n) mt(e, n);
+        if (t) yt(e.prototype, t);
+        if (n) yt(e, n);
         return e;
     }
     function Ot(e, t) {
@@ -1007,12 +1009,12 @@
         return St(e, t);
     }
     function wt(e) {
-        var t = xt();
+        var t = Ct();
         return function n() {
             var r = It(e), o;
             if (t) {
-                var a = It(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = It(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -1023,15 +1025,15 @@
         if (t && (_t(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Ct(e);
+        return xt(e);
     }
-    function Ct(e) {
+    function xt(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function xt() {
+    function Ct() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -1103,48 +1105,48 @@
         return e;
     }
     var Mt = {
-        allowKeyMatching: a().bool,
-        allowNewValues: a().bool,
-        animateLoading: a().bool,
-        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
-        append: a().bool,
-        children: a().node,
-        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
-        defaultValues: a().array,
-        describedBy: a().string,
-        disabled: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        error: a().bool,
-        filter: a().oneOf([ false, true, "controlled" ]),
-        footerMessage: a().node,
-        inline: a().bool,
-        inputId: a().string,
-        inputRef: a().oneOfType([ a().func, a().object ]),
-        isLoadingOptions: a().bool,
-        labelledBy: a().string,
-        labelText: a().string,
-        loadingMessage: a().node,
-        menuStyle: a().object,
-        multiple: a().bool,
-        name: a().string,
-        noOptionsMessage: a().node,
-        onChange: a().func,
-        onClose: a().func,
-        onFilterChange: a().func,
-        onOpen: a().func,
-        onScroll: a().func,
-        onScrollBottom: a().func,
+        allowKeyMatching: i().bool,
+        allowNewValues: i().bool,
+        animateLoading: i().bool,
+        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        append: i().bool,
+        children: i().node,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: i().array,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        filter: i().oneOf([ false, true, "controlled" ]),
+        footerMessage: i().node,
+        inline: i().bool,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        labelText: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        multiple: i().bool,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onChange: i().func,
+        onClose: i().func,
+        onFilterChange: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onScrollBottom: i().func,
         /** @private. */
-        required: a().bool,
-        placeholder: a().string,
-        prefixLabel: a().string,
-        prepend: a().bool,
-        repositionMode: a().oneOf([ "none", "flip" ]),
-        selectAllAppearance: a().oneOf([ "buttongroup", "checkbox" ]),
-        showSelectedValuesFirst: a().oneOf([ "nextOpen", "immediately", "never" ]),
-        suffixLabel: a().string,
-        tabConfirmsNewValue: a().bool,
-        values: a().array
+        required: i().bool,
+        placeholder: i().string,
+        prefixLabel: i().string,
+        prepend: i().bool,
+        repositionMode: i().oneOf([ "none", "flip" ]),
+        selectAllAppearance: i().oneOf([ "buttongroup", "checkbox" ]),
+        showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: i().string,
+        tabConfirmsNewValue: i().bool,
+        values: i().array
     };
     var Tt = {
         allowKeyMatching: true,
@@ -1171,13 +1173,15 @@
     }));
  // preserve separate widths for single vs. multi mode
         var Vt = w()((function(e) {
-        var t = e.anchorWidth, n = e.isMultiple, r = e.menuStyle;
+        var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
         return n ? jt({
-            width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
-        }, r) : jt({
+            width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
+            maxHeight: r
+        }, o) : jt({
             minWidth: t !== null && t !== void 0 ? t : undefined,
-            maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300)
-        }, r);
+            maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
+            maxHeight: r
+        }, o);
     }));
     var Rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
     function Dt(e) {
@@ -1197,149 +1201,149 @@
             }
         } ]);
         function o(e) {
-            var a;
-            yt(this, o);
-            a = t.call(this, e);
-            Et(Ct(a), "activeItemId", void 0);
-            Et(Ct(a), "activeValue", void 0);
-            Et(Ct(a), "availableOptionCount", void 0);
-            Et(Ct(a), "controlledExternally", void 0);
-            Et(Ct(a), "displayedValues", void 0);
-            Et(Ct(a), "dropdown", null);
-            Et(Ct(a), "firstSelectedEnabledOption", null);
-            Et(Ct(a), "firstSelectedOptionIndex", void 0);
-            Et(Ct(a), "menuId", void 0);
-            Et(Ct(a), "previousActiveIndex", null);
-            Et(Ct(a), "selectedOptionCount", void 0);
-            Et(Ct(a), "optionRefsByKey", void 0);
-            Et(Ct(a), "matchCharacter", void 0);
-            Et(Ct(a), "matchTimeout", void 0);
-            Et(Ct(a), "currentMatchOptions", void 0);
-            Et(Ct(a), "availableMatchOptions", void 0);
-            Et(Ct(a), "optionSelection", void 0);
-            Et(Ct(a), "resetMatches", (function() {
-                a.matchCharacter = null;
-                a.currentMatchOptions = [];
-                if (a.matchTimeout) {
-                    clearTimeout(a.matchTimeout);
+            var i;
+            mt(this, o);
+            i = t.call(this, e);
+            Et(xt(i), "activeItemId", void 0);
+            Et(xt(i), "activeValue", void 0);
+            Et(xt(i), "availableOptionCount", void 0);
+            Et(xt(i), "controlledExternally", void 0);
+            Et(xt(i), "displayedValues", void 0);
+            Et(xt(i), "dropdown", null);
+            Et(xt(i), "firstSelectedEnabledOption", null);
+            Et(xt(i), "firstSelectedOptionIndex", void 0);
+            Et(xt(i), "menuId", void 0);
+            Et(xt(i), "previousActiveIndex", null);
+            Et(xt(i), "selectedOptionCount", void 0);
+            Et(xt(i), "optionRefsByKey", void 0);
+            Et(xt(i), "matchCharacter", void 0);
+            Et(xt(i), "matchTimeout", void 0);
+            Et(xt(i), "currentMatchOptions", void 0);
+            Et(xt(i), "availableMatchOptions", void 0);
+            Et(xt(i), "optionSelection", void 0);
+            Et(xt(i), "resetMatches", (function() {
+                i.matchCharacter = null;
+                i.currentMatchOptions = [];
+                if (i.matchTimeout) {
+                    clearTimeout(i.matchTimeout);
                 }
             }));
-            Et(Ct(a), "handleSelectAll", (function(e) {
+            Et(xt(i), "handleSelectAll", (function(e) {
                 var t, n, o;
-                var i = a.props, l = i.name, c = i.children, s = i.multiple;
+                var a = i.props, l = a.name, c = a.children, s = a.multiple;
  // this doesn't make sense if we can't select multiple values
                                 if (!s) {
                     return;
                 }
-                var u = (t = a.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = A()(u.concat(a.displayedValues));
+                var u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = A()(u.concat(i.displayedValues));
                 p = r().Children.toArray(c).filter((function(e) {
                     return Dt(e) && b()(p, e.props.value) && (!e.props.disabled || b()(u, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!a.isControlled()) {
-                    a.setState({
+                if (!i.isControlled()) {
+                    i.setState({
                         values: p
                     });
                 }
-                (n = (o = a.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
                     values: p,
                     name: l,
                     reason: "selectAll"
                 });
             }));
-            Et(Ct(a), "handleClearAll", (function(e) {
+            Et(xt(i), "handleClearAll", (function(e) {
                 var t, n, o;
-                var i = a.props, l = i.name, c = i.children, s = i.multiple;
+                var a = i.props, l = a.name, c = a.children, s = a.multiple;
  // this doesn't make sense if we can't select multiple values
                                 if (!s) {
                     return;
                 }
-                var u = (t = a.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var p = E().apply(void 0, [ u ].concat(pt(a.displayedValues)));
+                var u = (t = i.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var p = E().apply(void 0, [ u ].concat(pt(i.displayedValues)));
  // this will unselect all selected values unless those values are disabled or hidden by the filter
                                 var f = r().Children.toArray(c).filter((function(e) {
                     return Dt(e) && (b()(u, e.props.value) && e.props.disabled || b()(p, e.props.value));
                 })).map((function(e) {
                     return e.props.value;
                 }));
-                if (!a.isControlled()) {
-                    a.setState({
+                if (!i.isControlled()) {
+                    i.setState({
                         values: f
                     });
                 }
-                (n = (o = a.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
                     values: f,
                     name: l,
                     reason: "clearAll"
                 });
             }));
-            Et(Ct(a), "handleTextKeyDown", (function(e) {
-                var t = a.props, r = t.children, o = t.onScrollBottom, i = t.tabConfirmsNewValue;
+            Et(xt(i), "handleTextKeyDown", (function(e) {
+                var t = i.props, r = t.children, o = t.onScrollBottom, a = t.tabConfirmsNewValue;
                 var l = (0, R.keycode)(e.nativeEvent);
                 if (l === "tab") {
-                    if (i && !m()(a.activeValue) && a.availableOptionCount <= 1) {
+                    if (a && !y()(i.activeValue) && i.availableOptionCount <= 1) {
                         e.preventDefault();
-                        a.toggleValue(e, a.activeValue);
+                        i.toggleValue(e, i.activeValue);
                     }
                 }
                 if (e.shiftKey || e.metaKey || e.ctrlKey) {
                     if (l === "a" && (e.ctrlKey || e.metaKey)) {
                         // handle control + A
-                        if (a.optionSelection === "all") {
-                            a.handleClearAll(e);
+                        if (i.optionSelection === "all") {
+                            i.handleClearAll(e);
                         } else {
-                            a.handleSelectAll(e);
+                            i.handleSelectAll(e);
                         }
                     }
                     return;
                 }
                 if (l === "down") {
                     e.preventDefault();
-                    a.setState((function(e) {
+                    i.setState((function(e) {
                         return {
-                            activeIndex: Math.min(e.activeIndex + 1, a.props.selectAllAppearance === "checkbox" ? a.availableOptionCount : a.availableOptionCount - 1)
+                            activeIndex: Math.min(e.activeIndex + 1, i.props.selectAllAppearance === "checkbox" ? i.availableOptionCount : i.availableOptionCount - 1)
                         };
                     }));
                     if (r && o) {
                         var c;
-                        var s = n.Children.toArray(r).length - (2 + ((c = a.getCurrentValues()) !== null && c !== void 0 ? c : []).length);
-                        if (a.state.activeIndex === s) {
-                            a.handleScrollBottom(e);
+                        var s = n.Children.toArray(r).length - (2 + ((c = i.getCurrentValues()) !== null && c !== void 0 ? c : []).length);
+                        if (i.state.activeIndex === s) {
+                            i.handleScrollBottom(e);
                         }
                     }
                 }
                 if (l === "up") {
                     e.preventDefault();
-                    a.setState((function(e) {
+                    i.setState((function(e) {
                         return {
                             activeIndex: Math.max(e.activeIndex - 1, 0)
                         };
                     }));
                 }
-                if (l === "enter" && !m()(a.activeValue) && a.state.open) {
-                    if (a.activeValue === "selectAll") {
-                        if (a.optionSelection === "all") {
-                            a.handleClearAll(e);
+                if (l === "enter" && !y()(i.activeValue) && i.state.open) {
+                    if (i.activeValue === "selectAll") {
+                        if (i.optionSelection === "all") {
+                            i.handleClearAll(e);
                         } else {
-                            a.handleSelectAll(e);
+                            i.handleSelectAll(e);
                         }
                     } else {
                         e.preventDefault();
-                        a.toggleValue(e, a.activeValue);
+                        i.toggleValue(e, i.activeValue);
                     }
                 }
             }));
-            Et(Ct(a), "handleMenuOptionClick", (function(e, t) {
+            Et(xt(i), "handleMenuOptionClick", (function(e, t) {
                 var n = t.value;
                 e.preventDefault();
-                if (!a.state.open) {
+                if (!i.state.open) {
                     return;
                 }
-                a.toggleValue(e, n);
+                i.toggleValue(e, n);
             }));
-            Et(Ct(a), "handleMenuOptionKeyDown", (function(e, t) {
+            Et(xt(i), "handleMenuOptionKeyDown", (function(e, t) {
                 var n = e.nativeEvent.key;
  // Checking for a single character to avoid complications from double-byte languages and emojis.
                                 if (n.length === 1) {
@@ -1348,131 +1352,131 @@
                         index: 0,
                         value: n
                     };
-                    if (!a.matchCharacter) {
+                    if (!i.matchCharacter) {
                         if (n === " ") {
-                            a.resetMatches();
+                            i.resetMatches();
                             return;
                         }
-                        r = tt(a.availableMatchOptions, o);
-                    } else if (a.currentMatchOptions.length > 1) {
-                        o.index = a.matchCharacter.index + 1;
-                        r = tt(a.currentMatchOptions, o);
+                        r = tt(i.availableMatchOptions, o);
+                    } else if (i.currentMatchOptions.length > 1) {
+                        o.index = i.matchCharacter.index + 1;
+                        r = tt(i.currentMatchOptions, o);
                     }
                     if (r.length) {
-                        var i = 0;
+                        var a = 0;
  // If the active option is a first character match, cycle to the next matching option.
                                                 if (o.index === 0 && r.length > 1) {
-                            var l = r.indexOf(a.availableMatchOptions[t]);
+                            var l = r.indexOf(i.availableMatchOptions[t]);
                             if (l >= 0) {
-                                i = l === r.length - 1 ? 0 : l + 1;
+                                a = l === r.length - 1 ? 0 : l + 1;
                             }
                         }
-                        var c = r[i];
-                        var s = a.optionRefsByKey[qt(c.value, c.label)];
+                        var c = r[a];
+                        var s = i.optionRefsByKey[qt(c.value, c.label)];
                         if (s != null) {
                             var u;
                             (u = s.focus) === null || u === void 0 ? void 0 : u.call(s);
                         }
                     }
-                    a.currentMatchOptions = r;
-                    a.matchCharacter = o;
-                    if (a.matchTimeout) {
-                        clearTimeout(a.matchTimeout);
+                    i.currentMatchOptions = r;
+                    i.matchCharacter = o;
+                    if (i.matchTimeout) {
+                        clearTimeout(i.matchTimeout);
                     }
-                    a.matchTimeout = setTimeout(a.resetMatches, 500);
+                    i.matchTimeout = setTimeout(i.resetMatches, 500);
                     e.preventDefault();
                     e.stopPropagation();
                 }
             }));
-            Et(Ct(a), "handleTextChange", (function(e, t) {
+            Et(xt(i), "handleTextChange", (function(e, t) {
                 var n, r;
                 var o = t.value;
-                a.setState({
+                i.setState({
                     filterKeyword: o,
                     open: true,
                     activeIndex: 0
                 });
-                (n = (r = a.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
+                (n = (r = i.props).onFilterChange) === null || n === void 0 ? void 0 : n.call(r, e, {
                     keyword: o
                 });
             }));
-            Et(Ct(a), "handleTextFocus", (function() {
-                a.setState({
+            Et(xt(i), "handleTextFocus", (function() {
+                i.setState({
                     textHasFocus: true
                 });
             }));
-            Et(Ct(a), "handleTextBlur", (function() {
-                a.setState({
+            Et(xt(i), "handleTextBlur", (function() {
+                i.setState({
                     textHasFocus: false
                 });
             }));
-            Et(Ct(a), "handleRequestOpen", (function(e) {
+            Et(xt(i), "handleRequestOpen", (function(e) {
                 var t = {
                     open: true,
-                    topValues: a.getTopValues()
+                    topValues: i.getTopValues()
                 };
  // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
-                                if (a.props.multiple) {
+                                if (i.props.multiple) {
                     t.filterKeyword = "";
                 }
-                var n = a.state.filterKeyword;
-                a.setState(t, (function() {
+                var n = i.state.filterKeyword;
+                i.setState(t, (function() {
                     var t, r;
-                    (t = (r = a.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
-                    if (a.firstSelectedEnabledOption && !a.hasFilter()) {
-                        a.firstSelectedEnabledOption.focus();
+                    (t = (r = i.props).onOpen) === null || t === void 0 ? void 0 : t.call(r);
+                    if (i.firstSelectedEnabledOption && !i.hasFilter()) {
+                        i.firstSelectedEnabledOption.focus();
                     } else {
                         var o;
-                        a.setState({
-                            activeIndex: (o = a.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
+                        i.setState({
+                            activeIndex: (o = i.firstSelectedOptionIndex) !== null && o !== void 0 ? o : 0
                         });
                     }
-                    if (n !== a.state.filterKeyword) {
-                        var i, l;
-                        (i = (l = a.props).onFilterChange) === null || i === void 0 ? void 0 : i.call(l, e, {
-                            keyword: a.state.filterKeyword
+                    if (n !== i.state.filterKeyword) {
+                        var a, l;
+                        (a = (l = i.props).onFilterChange) === null || a === void 0 ? void 0 : a.call(l, e, {
+                            keyword: i.state.filterKeyword
                         });
                     }
                 }));
             }));
-            Et(Ct(a), "handleRequestClose", (function() {
-                a.setState({
+            Et(xt(i), "handleRequestClose", (function() {
+                i.setState({
                     open: false,
                     activeIndex: 0
                 }, (function() {
                     var e, t;
-                    a.previousActiveIndex = null;
-                    (e = (t = a.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
+                    i.previousActiveIndex = null;
+                    (e = (t = i.props).onClose) === null || e === void 0 ? void 0 : e.call(t);
                 }));
             }));
-            Et(Ct(a), "handleScrollBottom", (function(e) {
-                if (a.state.open && !a.props.isLoadingOptions) {
+            Et(xt(i), "handleScrollBottom", (function(e) {
+                if (i.state.open && !i.props.isLoadingOptions) {
                     var t, n;
-                    (t = (n = a.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
+                    (t = (n = i.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
                 }
             }));
-            Et(Ct(a), "handleActiveOptionMount", (function(e) {
-                if (a.previousActiveIndex !== a.state.activeIndex) {
+            Et(xt(i), "handleActiveOptionMount", (function(e) {
+                if (i.previousActiveIndex !== i.state.activeIndex) {
                     e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                 }
             }));
-            Et(Ct(a), "handleOptionMount", (function(e, t, n) {
+            Et(xt(i), "handleOptionMount", (function(e, t, n) {
                 if (n) {
-                    a.firstSelectedEnabledOption = e;
+                    i.firstSelectedEnabledOption = e;
                 }
                 if (e == null) {
-                    delete a.optionRefsByKey[t];
+                    delete i.optionRefsByKey[t];
                 } else {
-                    a.optionRefsByKey[t] = e;
+                    i.optionRefsByKey[t] = e;
                 }
             }));
-            Et(Ct(a), "createToggle", (function() {
+            Et(xt(i), "createToggle", (function() {
                 var e;
-                var t = a.props, i = t.toggle, l = t.appearance, s = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, y = t.labelText, m = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, k = t.suffixLabel;
-                var x;
+                var t = i.props, a = t.toggle, l = t.appearance, s = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, k = t.suffixLabel;
+                var C;
                 var _;
  // Generate buttonLabels
-                                var A = (e = a.getCurrentValues()) !== null && e !== void 0 ? e : [];
+                                var A = (e = i.getCurrentValues()) !== null && e !== void 0 ? e : [];
                 var j = n.Children.toArray(s);
                 var E = A.reduce((function(e, t, n, r) {
                     var o = f()(j, (function(e) {
@@ -1481,10 +1485,10 @@
                     if (o) {
                         e.push(o.props.children || o.props.label);
  // if not in multiple mode, add the icon
-                                                if (!m && A.length === 1) {
-                            x = o.props.icon;
+                                                if (!y && A.length === 1) {
+                            C = o.props.icon;
                         }
-                    } else if (m) {
+                    } else if (y) {
                         // only add values that don't match an option in "multiple" mode to preserve old behaviour
                         e.push(t);
                     }
@@ -1496,7 +1500,7 @@
                 _ = E;
  // only apply prefix / suffix if the label is not empty
                                 if (_.length > 0) {
-                    _ = a.wrapLabel({
+                    _ = i.wrapLabel({
                         prefixLabel: S,
                         label: _,
                         suffixLabel: k
@@ -1504,7 +1508,7 @@
                 }
  // single <Select> behaviour is to show the placeholder if all parts of the the label
                 // are empty strings so we replicate this behaviour here
-                                if (_.length === 0 || !m && _.every((function(e) {
+                                if (_.length === 0 || !y && _.every((function(e) {
                     return e === "";
                 }))) {
                     _ = Pt(g);
@@ -1513,7 +1517,7 @@
  // If there's more than one item selected, read out the selected total
                 // rather than reading out each selected item
                                 if (_.length > 1) {
-                    M = a.wrapLabel({
+                    M = i.wrapLabel({
                         prefixLabel: S,
                         label: [ "".concat(A.length, " items selected") ],
                         suffixLabel: k
@@ -1521,103 +1525,103 @@
                 }
                 var T = jt({
                     "aria-describedby": u,
-                    "aria-label": "".concat(y ? "".concat(y, ", ") : "").concat(M),
-                    "aria-labelledby": y ? undefined : b,
-                    "aria-multiselectable": m || undefined,
+                    "aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(M),
+                    "aria-labelledby": m ? undefined : b,
+                    "aria-multiselectable": y || undefined,
                     "aria-required": w,
                     "data-select-appearance": l,
-                    "data-test": m ? "multiselect" : "select",
+                    "data-test": y ? "multiselect" : "select",
                     disabled: p,
                     elementRef: d,
                     error: v
-                }, C()(a.props, O()(o.propTypes)));
-                if (m) {
+                }, x()(i.props, O()(o.propTypes)));
+                if (y) {
                     T["data-test-values"] = JSON.stringify(A);
                 } else {
                     var P = lt(A, 1), V = P[0];
                     T["data-test-value"] = V;
                 }
-                if (i) {
+                if (a) {
                     
-                    return (0, n.cloneElement)(i, T);
+                    return (0, n.cloneElement)(a, T);
                 }
                 if (l === "link") {
                     
-                    return r().createElement(L(), it({}, T, {
+                    return r().createElement(L(), at({}, T, {
                         "data-select-appearance": "link"
-                    }), !!x &&  r().createElement(Ue, null, x), _ || g,  r().createElement(Ge, null,  r().createElement(J, null)));
+                    }), !!C &&  r().createElement(Ue, null, C), _ || g,  r().createElement(Ge, null,  r().createElement(J, null)));
                 }
                 
-                return r().createElement(ze, it({}, T, {
-                    $multiple: m,
+                return r().createElement(ze, at({}, T, {
+                    $multiple: y,
                     appearance: l,
                     label: _,
                     error: v,
-                    icon: x,
+                    icon: C,
                     inline: h,
                     isMenu: true,
                     "aria-haspopup": "listbox",
-                    "aria-owns": a.menuId,
-                    onClick: a.props.onClick
-                }, I()(a.props, o.invalidLinkAppearanceProps)), !!A.length && m &&  r().createElement(Xe, {
+                    "aria-owns": i.menuId,
+                    onClick: i.props.onClick
+                }, I()(i.props, o.invalidLinkAppearanceProps)), !!A.length && y &&  r().createElement(Xe, {
                     "data-role": "count"
                 }, "(", A.length, ")"));
             }));
-            Et(Ct(a), "createChildren", (function() {
-                var e = a.state, t = e.filterKeyword, o = e.textHasFocus, i = e.topValues;
-                var l = a.props, s = l.allowKeyMatching, u = l.allowNewValues, p = l.filter, d = l.multiple, h = l.selectAllAppearance, b = l.showSelectedValuesFirst, y = l.isLoadingOptions, m = l.onScrollBottom;
-                var g = a.getCurrentValues();
-                a.availableOptionCount = 0;
-                a.firstSelectedOptionIndex = undefined;
-                a.selectedOptionCount = 0;
-                a.activeValue = undefined;
-                a.availableMatchOptions = [];
+            Et(xt(i), "createChildren", (function() {
+                var e = i.state, t = e.filterKeyword, o = e.textHasFocus, a = e.topValues;
+                var l = i.props, s = l.allowKeyMatching, u = l.allowNewValues, p = l.filter, d = l.multiple, h = l.selectAllAppearance, b = l.showSelectedValuesFirst, m = l.isLoadingOptions, y = l.onScrollBottom;
+                var g = i.getCurrentValues();
+                i.availableOptionCount = 0;
+                i.firstSelectedOptionIndex = undefined;
+                i.selectedOptionCount = 0;
+                i.activeValue = undefined;
+                i.availableMatchOptions = [];
                 var O;
                 var S = 0;
                 var w = false;
  // used to avoid overwriting the selected item ref in multiple mode
                                 var k;
-                var C = b === "immediately" ? a.getTopValues() : i;
-                var x = n.Children.toArray(a.props.children).reduce((function(e, t, o) {
+                var x = b === "immediately" ? i.getTopValues() : a;
+                var C = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
                     // ignore Headings and Dividers
                     if (!Dt(t)) {
                         e.push(t);
                         return e;
                     }
  // Find out if the search string exactly matches a value
-                                        if (t.props.value === a.state.filterKeyword) {
+                                        if (t.props.value === i.state.filterKeyword) {
                         O = true;
                     }
-                    var i = g && g.indexOf(t.props.value) >= 0;
-                    var l = !!i && !t.props.disabled && !k;
-                    var c = s && !d && !p && !y && !m;
+                    var a = g && g.indexOf(t.props.value) >= 0;
+                    var l = !!a && !t.props.disabled && !k;
+                    var c = s && !d && !p && !m && !y;
                     var u = qt(t.props.value, t.props.label);
                     var f = -1;
                     if (c && !t.props.disabled && !t.props.hidden) {
-                        a.availableMatchOptions.push({
+                        i.availableMatchOptions.push({
                             label: t.props.label,
                             value: t.props.value
                         });
-                        f = a.availableMatchOptions.length - 1;
+                        f = i.availableMatchOptions.length - 1;
                     }
  // Format the Menu.Item
                                         var v =  (0, n.cloneElement)(t, {
                         key: t.key || o,
-                        onClick: a.handleMenuOptionClick,
+                        onClick: i.handleMenuOptionClick,
                         onKeyDown: c ? function(e) {
-                            return a.handleMenuOptionKeyDown(e, f);
+                            return i.handleMenuOptionKeyDown(e, f);
                         } : undefined,
-                        selected: i,
+                        selected: a,
                         multiple: d,
                         role: "option",
                         ref: function e(t) {
-                            return a.handleOptionMount(t, u, l);
+                            return i.handleOptionMount(t, u, l);
                         }
                     });
                     if (l) {
                         k = true;
                     }
-                    if (C && C.indexOf(t.props.value) >= 0) {
+                    if (x && x.indexOf(t.props.value) >= 0) {
                         if (S === 0) {
                             e.splice(S, 0,  r().createElement(T.Divider, {
                                 key: "topDivider"
@@ -1634,27 +1638,27 @@
  // In multiple mode, add missing items
                                 if (d) {
                     v()(g, (function(e) {
-                        var t = f()(x, (function(t) {
+                        var t = f()(C, (function(t) {
                             return Dt(t) && t.props && t.props.value === e;
                         }));
                         if (!t) {
-                            if (e === a.state.filterKeyword) {
+                            if (e === i.state.filterKeyword) {
                                 O = true;
                             }
-                            var n = C && C.indexOf(e) >= 0;
-                            var o = C.length;
+                            var n = x && x.indexOf(e) >= 0;
+                            var o = x.length;
                             if (S === 0) {
-                                x.splice(0, 0,  r().createElement(T.Divider, {
+                                C.splice(0, 0,  r().createElement(T.Divider, {
                                     key: "topDivider"
                                 }));
                                 S += 1;
                                 w = true;
                             }
-                            x.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
+                            C.splice(n ? 0 : o + 1, 0,  r().createElement(Oe, {
                                 label: String(e),
                                 value: e,
                                 key: "missing-value-".concat(e),
-                                onClick: a.handleMenuOptionClick,
+                                onClick: i.handleMenuOptionClick,
                                 multiple: d,
                                 selected: true
                             }));
@@ -1667,7 +1671,7 @@
                 var I = p === "controlled";
  // Filter the items
                                 var _ = (0, D.stringToKeywords)(t);
-                x = I ? x : x.filter((function(e) {
+                C = I ? C : C.filter((function(e) {
                     if (Dt(e)) {
                         return (0, D.testPhrase)(e.props.label, _);
                     }
@@ -1687,19 +1691,19 @@
  // Add the option to add the new value
                                 if (u && !O && t) {
                     var A = w ? S + 1 : S;
-                    x.splice(A, 0,  r().createElement(Oe, {
+                    C.splice(A, 0,  r().createElement(Oe, {
                         label: "".concat(t, " (new value)"),
                         value: t,
                         key: "newValue",
                         multiple: d,
-                        onClick: a.handleMenuOptionClick
+                        onClick: i.handleMenuOptionClick
                     }));
                 }
  // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
-                                var j = h === "checkbox" && d && x.length > 1 ? 1 : 0;
+                                var j = h === "checkbox" && d && C.length > 1 ? 1 : 0;
                 var E = true;
  // Highlight the selected Items and remove hidden
-                                x = x.reduce((function(e, t) {
+                                C = C.reduce((function(e, t) {
                     // ignore Dividers & Headings
                     if (!Dt(t)) {
                         e.push(t);
@@ -1709,13 +1713,13 @@
                                         if (t.props && t.props.hidden) {
                         return e;
                     }
-                    if (t.props.selected && !t.props.disabled && a.firstSelectedOptionIndex == null) {
-                        a.firstSelectedOptionIndex = a.availableOptionCount;
+                    if (t.props.selected && !t.props.disabled && i.firstSelectedOptionIndex == null) {
+                        i.firstSelectedOptionIndex = i.availableOptionCount;
                     }
-                    var r = j === a.state.activeIndex;
+                    var r = j === i.state.activeIndex;
                     j += 1;
-                    a.availableOptionCount += 1;
-                    a.selectedOptionCount += t.props.selected ? 1 : 0;
+                    i.availableOptionCount += 1;
+                    i.selectedOptionCount += t.props.selected ? 1 : 0;
                     if (t.key !== "newValue" && !t.props.disabled && !t.props.selected) {
                         E = false;
                     }
@@ -1724,22 +1728,22 @@
                         return e;
                     }
                     if (!t.props.disabled) {
-                        a.activeValue = t.props.value;
+                        i.activeValue = t.props.value;
                     }
-                    var i =  (0, n.cloneElement)(t, {
+                    var a =  (0, n.cloneElement)(t, {
                         active: r,
-                        id: a.activeItemId,
-                        ref: a.handleActiveOptionMount
+                        id: i.activeItemId,
+                        ref: i.handleActiveOptionMount
                     });
-                    e.push(i);
+                    e.push(a);
                     return e;
                 }), []);
-                a.optionSelection = a.selectedOptionCount === 0 && "none" || E && "all" || "some";
+                i.optionSelection = i.selectedOptionCount === 0 && "none" || E && "all" || "some";
  // add select all option
-                                if (h === "checkbox" && d && a.availableOptionCount > 0) {
+                                if (h === "checkbox" && d && i.availableOptionCount > 0) {
                     var M;
                     var P;
-                    if (a.optionSelection === "all") {
+                    if (i.optionSelection === "all") {
                         if (t === "") {
                             P = (0, c._)("Clear all");
                         } else {
@@ -1750,33 +1754,33 @@
                     } else {
                         P = (0, c._)("Select all matches");
                     }
-                    if (a.state.activeIndex === 0 && o) {
-                        a.activeValue = "selectAll";
+                    if (i.state.activeIndex === 0 && o) {
+                        i.activeValue = "selectAll";
                     }
-                    x.unshift( r().createElement($e, {
+                    C.unshift( r().createElement($e, {
                         key: "selectAllOption",
-                        selected: a.optionSelection === "all" || a.optionSelection !== "none" && "some",
+                        selected: i.optionSelection === "all" || i.optionSelection !== "none" && "some",
                         selectAllLabel: P,
-                        totalCount: (M = a.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
-                        changedToggle: !!a.props.toggle,
-                        onClick: a.optionSelection === "all" ? a.handleClearAll : a.handleSelectAll,
-                        id: a.state.activeIndex === 0 ? a.activeItemId : undefined,
-                        active: a.state.activeIndex === 0,
-                        ref: a.handleActiveOptionMount,
+                        totalCount: (M = i.getCurrentValues()) === null || M === void 0 ? void 0 : M.length,
+                        changedToggle: !!i.props.toggle,
+                        onClick: i.optionSelection === "all" ? i.handleClearAll : i.handleSelectAll,
+                        id: i.state.activeIndex === 0 ? i.activeItemId : undefined,
+                        active: i.state.activeIndex === 0,
+                        ref: i.handleActiveOptionMount,
                         tabIndex: -1
                     }),  r().createElement(T.Divider, {
                         key: "selectAllDivider"
                     }));
                 }
-                a.displayedValues = x.reduce((function(e, t) {
+                i.displayedValues = C.reduce((function(e, t) {
                     if (Dt(t)) {
                         e.push(t.props.value);
                     }
                     return e;
                 }), []);
-                return x;
+                return C;
             }));
-            Et(Ct(a), "wrapLabel", (function(e) {
+            Et(xt(i), "wrapLabel", (function(e) {
                 var t = e.prefixLabel, n = e.label, r = e.suffixLabel;
                 var o = n;
                 if (t) {
@@ -1787,10 +1791,10 @@
                 }
                 return o;
             }));
-            Et(Ct(a), "handleDropdownMount", (function(e) {
-                a.dropdown = e;
+            Et(xt(i), "handleDropdownMount", (function(e) {
+                i.dropdown = e;
             }));
-            a.state = {
+            i.state = {
                 activeIndex: 0,
                 filterKeyword: "",
                 open: false,
@@ -1798,23 +1802,23 @@
                 topValues: [],
                 values: e.defaultValues || []
             };
-            a.controlledExternally = l()(e, "values");
-            a.displayedValues = [];
-            a.availableOptionCount = 0;
-            a.firstSelectedOptionIndex = undefined;
-            a.selectedOptionCount = 0;
-            a.matchCharacter = null;
-            a.matchTimeout = null;
-            a.currentMatchOptions = [];
-            a.availableMatchOptions = [];
-            a.optionRefsByKey = {};
-            a.optionSelection = "none";
+            i.controlledExternally = l()(e, "values");
+            i.displayedValues = [];
+            i.availableOptionCount = 0;
+            i.firstSelectedOptionIndex = undefined;
+            i.selectedOptionCount = 0;
+            i.matchCharacter = null;
+            i.matchTimeout = null;
+            i.currentMatchOptions = [];
+            i.availableMatchOptions = [];
+            i.optionRefsByKey = {};
+            i.optionSelection = "none";
             if (false) {}
             if (false) {}
             o.validateAppearance(e);
-            a.menuId = (0, M.createDOMID)("menu");
-            a.activeItemId = (0, M.createDOMID)("active-item");
-            return a;
+            i.menuId = (0, M.createDOMID)("menu");
+            i.activeItemId = (0, M.createDOMID)("active-item");
+            return i;
         }
         gt(o, [ {
             key: "componentDidUpdate",
@@ -1850,16 +1854,16 @@
         }, {
             key: "toggleValue",
             value: function e(t, n) {
-                var r, o, a;
-                var i = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
-                var l = i.indexOf(n);
+                var r, o, i;
+                var a = (r = this.getCurrentValues()) !== null && r !== void 0 ? r : [];
+                var l = a.indexOf(n);
                 var c = this.props, s = c.name, u = c.multiple;
                 var p;
                 if (u) {
                     if (l >= 0) {
-                        p = [].concat(pt(i.slice(0, l)), pt(i.slice(l + 1)));
+                        p = [].concat(pt(a.slice(0, l)), pt(a.slice(l + 1)));
                     } else {
-                        p = i.concat([ n ]);
+                        p = a.concat([ n ]);
                     }
                 } else {
                     // non-multiple mode must always have a value
@@ -1886,7 +1890,7 @@
                     });
                     this.focus();
                 }
-                (o = (a = this.props).onChange) === null || o === void 0 ? void 0 : o.call(a, t, {
+                (o = (i = this.props).onChange) === null || o === void 0 ? void 0 : o.call(i, t, {
                     values: p,
                     name: s,
                     reason: "valueToggle"
@@ -1904,8 +1908,8 @@
             key: "renderControls",
             value: function e(t) {
                 var n = t.hasChildren, o = t.placement;
-                var a = this.state.filterKeyword;
-                var i = this.props, l = i.inputId, s = i.inputRef, u = i.multiple, p = i.selectAllAppearance;
+                var i = this.state.filterKeyword;
+                var a = this.props, l = a.inputId, s = a.inputRef, u = a.multiple, p = a.selectAllAppearance;
                 var f = (0, c._)("Select all options".concat(this.optionSelection === "all" ? " disabled" : ""));
                 var d = (0, c._)("Clear all options".concat(this.optionSelection === "none" ? " disabled" : ""));
  // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
@@ -1917,19 +1921,19 @@
                     "aria-label": f,
                     onClick: this.handleSelectAll,
                     "data-test": "select-all"
-                }, a ? (0, c._)("Select All Matches") : (0, c._)("Select All")),  r().createElement(Ye, {
+                }, i ? (0, c._)("Select All Matches") : (0, c._)("Select All")),  r().createElement(Ye, {
                     $disabled: this.optionSelection === "none",
                     "aria-label": d,
                     onClick: this.handleClearAll,
                     "data-test": "clear-all"
-                }, a ? (0, c._)("Clear All Matches") : (0, c._)("Clear All")));
+                }, i ? (0, c._)("Clear All Matches") : (0, c._)("Clear All")));
                 return this.hasFilter() &&  r().createElement("div", {
                     key: "controls"
                 },  r().createElement(Je, {
                     key: "filter",
                     "data-test": "filter"
                 },  r().createElement(F(), {
-                    value: a,
+                    value: i,
                     autoCapitalize: "off",
                     autoComplete: "off",
                     autoCorrect: "off",
@@ -1953,10 +1957,10 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var a = this.props, i = a.children, l = a.defaultPlacement, c = a.inputId, s = a.multiple, u = a.repositionMode;
+                var i = this.props, a = i.children, l = i.defaultPlacement, c = i.inputId, s = i.multiple, u = i.repositionMode;
                 var p = this.hasFilter();
                 var d = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var v = n.Children.toArray(i);
+                var v = n.Children.toArray(a);
                 var h = d.some((function(e) {
                     var t = f()(v, (function(t) {
                         return Dt(t) && t.props.value === e;
@@ -1964,25 +1968,25 @@
                     return t && !t.props.disabled;
                 }));
                 var b = this.createChildren();
-                var y = this.createToggle();
-                var m = function e(t) {
-                    var n = t.anchorWidth, a = t.maxHeight, i = t.placement;
+                var m = this.createToggle();
+                var y = function e(t) {
+                    var n = t.anchorWidth, i = t.maxHeight, a = t.placement;
                     var l = Vt({
                         anchorWidth: n,
                         isMultiple: o.props.multiple,
+                        maxHeight: i,
                         menuStyle: o.props.menuStyle
                     });
                     var c = d.length > 0 && !h && !o.hasFilter() ? 0 : undefined;
                     
-                    return r().createElement(B(), it({
+                    return r().createElement(B(), at({
                         "aria-multiselectable": s || undefined,
                         childrenStart: o.renderControls({
-                            placement: i,
+                            placement: a,
                             hasChildren: !!b.length
                         }),
                         controlledExternally: o.hasFilter(),
-                        placement: i !== null && i !== void 0 ? i : undefined,
-                        maxHeight: a !== null && a !== void 0 ? a : undefined,
+                        placement: a !== null && a !== void 0 ? a : undefined,
                         onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
                         "data-test": "results-menu",
                         isLoading: o.props.isLoadingOptions,
@@ -1996,18 +2000,18 @@
                 return r().createElement(V(), {
                     closeReasons: Rt,
                     inputId: c,
-                    toggle: y,
+                    toggle: m,
                     onRequestOpen: this.handleRequestOpen,
                     onRequestClose: this.handleRequestClose,
                     open: this.state.open,
                     openWithArrowKeys: true,
                     repositionMode: u,
                     defaultPlacement: p ? l : undefined,
-                    canCoverAnchor: at().innerHeight < 500,
+                    canCoverAnchor: it().innerHeight < 500,
                     ref: this.handleDropdownMount,
                     retainFocus: false,
                     takeFocus: d.length === 0 || d.length > 0 && !h || !!p
-                }, m);
+                }, y);
             }
         } ]);
         return o;
@@ -2091,8 +2095,8 @@
         return function n() {
             var r = Xt(e), o;
             if (t) {
-                var a = Xt(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Xt(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -2143,24 +2147,24 @@
     }
     var Zt = {
         /** @private */
-        active: a().bool,
-        children: a().node,
-        description: a().string,
-        descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().bool,
-        hidden: a().bool,
-        icon: a().node,
-        label: a().string.isRequired,
-        matchRanges: a().arrayOf(a().shape({
-            start: a().number.isRequired,
-            end: a().number.isRequired
+        active: i().bool,
+        children: i().node,
+        description: i().string,
+        descriptionPosition: i().oneOf([ "right", "bottom" ]),
+        disabled: i().bool,
+        hidden: i().bool,
+        icon: i().node,
+        label: i().string.isRequired,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
         })),
         /** @private */
-        onClick: a().func,
+        onClick: i().func,
         /** @private */
-        selected: a().bool,
-        truncate: a().bool,
-        value: a().oneOfType([ a().string, a().number, a().bool ]).isRequired
+        selected: i().bool,
+        truncate: i().bool,
+        value: i().oneOfType([ i().string, i().number, i().bool ]).isRequired
     };
     var en = {
         active: false,
@@ -2180,8 +2184,8 @@
         function n() {
             var e;
             Ft(this, n);
-            for (var r = arguments.length, o = new Array(r), a = 0; a < r; a++) {
-                o[a] = arguments[a];
+            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
+                o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
             Yt(Jt(e), "c", null);
@@ -2252,9 +2256,9 @@
         var n = ln(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -2266,9 +2270,9 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
@@ -2316,10 +2320,10 @@
     function dn(e) {
         var t = bn();
         return function n() {
-            var r = yn(e), o;
+            var r = mn(e), o;
             if (t) {
-                var a = yn(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = mn(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -2349,13 +2353,13 @@
             return false;
         }
     }
-    function yn(e) {
-        yn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function mn(e) {
+        mn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return yn(e);
+        return mn(e);
     }
-    function mn(e, t, n) {
+    function yn(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -2370,40 +2374,40 @@
     }
     /* eslint-disable max-classes-per-file */
     /** @public */    var gn = {
-        allowKeyMatching: a().bool,
-        animateLoading: a().bool,
-        appearance: a().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
-        append: a().bool,
-        children: a().node,
-        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: a().oneOfType([ a().string, a().number, a().bool ]),
-        describedBy: a().string,
-        disabled: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        error: a().bool,
-        filter: a().oneOf([ false, true, "controlled" ]),
-        footerMessage: a().node,
-        inline: a().bool,
-        inputId: a().string,
-        inputRef: a().oneOfType([ a().func, a().object ]),
-        isLoadingOptions: a().bool,
-        labelledBy: a().string,
-        labelText: a().string,
-        loadingMessage: a().node,
-        menuStyle: a().object,
-        name: a().string,
-        noOptionsMessage: a().node,
-        onChange: a().func,
-        onClose: a().func,
-        onFilterChange: a().func,
-        onOpen: a().func,
-        onScroll: a().func,
-        onScrollBottom: a().func,
-        placeholder: a().string,
-        prefixLabel: a().string,
-        prepend: a().bool,
-        suffixLabel: a().string,
-        value: a().oneOfType([ a().string, a().number, a().bool ])
+        allowKeyMatching: i().bool,
+        animateLoading: i().bool,
+        appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
+        append: i().bool,
+        children: i().node,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: i().oneOfType([ i().string, i().number, i().bool ]),
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        filter: i().oneOf([ false, true, "controlled" ]),
+        footerMessage: i().node,
+        inline: i().bool,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        labelText: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onChange: i().func,
+        onClose: i().func,
+        onFilterChange: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onScrollBottom: i().func,
+        placeholder: i().string,
+        prefixLabel: i().string,
+        prepend: i().bool,
+        suffixLabel: i().string,
+        value: i().oneOfType([ i().string, i().number, i().bool ])
     };
     var On = {
         allowKeyMatching: true,
@@ -2451,20 +2455,20 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.defaultValue, o = t.onChange, a = t.value, i = an(t, [ "defaultValue", "onChange", "value" ]);
+                var t = this.props, n = t.defaultValue, o = t.onChange, i = t.value, a = an(t, [ "defaultValue", "onChange", "value" ]);
                 var c = {
                     onChange: function e(t, n) {
-                        var r = n.name, a = n.values;
+                        var r = n.name, i = n.values;
                         o === null || o === void 0 ? void 0 : o(t, {
                             name: r,
-                            value: a[0]
+                            value: i[0]
                         });
                     }
                 };
  // using "has" as opposed to a null check to match SelectBase
                                 if (l()(this.props, "value")) {
-                    if (a != null) {
-                        c.values = [ a ];
+                    if (i != null) {
+                        c.values = [ i ];
                     } else {
                         c.values = [];
                     }
@@ -2473,18 +2477,18 @@
                     c.defaultValues = this.state.defaultValues;
                 }
                 
-                return r().createElement(Nt, on({}, i, c, {
+                return r().createElement(Nt, on({}, a, c, {
                     multiple: false
                 }));
             }
         } ]);
         return n;
     }(n.Component);
-    mn(Sn, "propTypes", gn);
-    mn(Sn, "defaultProps", On);
-    mn(Sn, "Option", nn);
-    mn(Sn, "Heading", T.Heading);
-    mn(Sn, "Divider", T.Divider);
+    yn(Sn, "propTypes", gn);
+    yn(Sn, "defaultProps", On);
+    yn(Sn, "Option", nn);
+    yn(Sn, "Heading", T.Heading);
+    yn(Sn, "Divider", T.Divider);
     /* harmony default export */    const wn = Sn;
     // CONCATENATED MODULE: ./src/Select/index.ts
     module.exports = t;