@splunk/react-ui 5.8.0 → 5.9.0

package/Multiselect.js

@@ -64,7 +64,7 @@
         Divider: () => /* reexport */ u.Divider,
         Heading: () => /* reexport */ u.Heading,
         Option: () => /* reexport */ h,
-        default: () => /* reexport */ un
+        default: () => /* reexport */ cn
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -129,7 +129,7 @@
         compact: i().bool,
         description: i().string,
         descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
+        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
         /**
    * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
    */
@@ -243,7 +243,7 @@
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
         defaultValues: i().array,
         describedBy: i().string,
-        disabled: i().bool,
+        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
         error: i().bool,
         filter: i().oneOf([ false, true, "controlled" ]),
@@ -276,11 +276,11 @@
         virtualization: i().number
     };
     // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-        var N = {};
+        var V = {};
     var E = (0, d._)("No matches");
-    var x = (0, d._)("Select...");
-    function V(e) {
-        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.children, i = e.controlledFilter, u = e.defaultPlacement, s = u === void 0 ? "vertical" : u, c = e.defaultValues, d = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, k = e.labelledBy, j = e.loadingMessage, V = e.menuStyle, B = V === void 0 ? N : V, R = e.name, I = e.noOptionsMessage, A = I === void 0 ? E : I, F = e.onChange, q = e.onClose, D = e.onFilterChange, L = e.onOpen, T = e.onScroll, _ = e.onScrollBottom, H = e.placeholder, $ = H === void 0 ? x : H, z = e.prepend, K = e.repositionMode, W = e.selectAllAppearance, U = e.showSelectedValuesFirst, G = U === void 0 ? "nextOpen" : U, X = e.tabConfirmsNewValue, J = e.values, Q = e.virtualization, Y = P(e, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+    var N = (0, d._)("Select...");
+    function x(e) {
+        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.children, i = e.controlledFilter, u = e.defaultPlacement, s = u === void 0 ? "vertical" : u, c = e.defaultValues, d = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, k = e.labelledBy, j = e.loadingMessage, x = e.menuStyle, B = x === void 0 ? V : x, R = e.name, I = e.noOptionsMessage, F = I === void 0 ? E : I, q = e.onChange, A = e.onClose, D = e.onFilterChange, L = e.onOpen, T = e.onScroll, _ = e.onScrollBottom, H = e.placeholder, $ = H === void 0 ? N : H, z = e.prepend, K = e.repositionMode, W = e.selectAllAppearance, U = e.showSelectedValuesFirst, G = U === void 0 ? "nextOpen" : U, X = e.tabConfirmsNewValue, J = e.values, Q = e.virtualization, Y = P(e, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
         // @docs-props-type CompactPropsBase
                 C({
             componentName: "Multiselect",
@@ -338,9 +338,9 @@
             loadingMessage: j,
             menuStyle: B,
             name: R,
-            noOptionsMessage: A,
-            onChange: F,
-            onClose: q,
+            noOptionsMessage: F,
+            onChange: q,
+            onClose: A,
             onFilterChange: D,
             onOpen: L,
             onScroll: T,
@@ -356,20 +356,20 @@
             multiple: true
         }));
     }
-    V.propTypes = j;
-    V.Option = h;
-    V.Divider = u.Divider;
-    V.Heading = u.Heading;
-    /* harmony default export */    const B = V;
+    x.propTypes = j;
+    x.Option = h;
+    x.Divider = u.Divider;
+    x.Heading = u.Heading;
+    /* harmony default export */    const B = x;
     // CONCATENATED MODULE: external "lodash/defer"
     const R = require("lodash/defer");
     var I =  e.n(R);
     // CONCATENATED MODULE: external "lodash/get"
-    const A = require("lodash/get");
-    var F =  e.n(A);
+    const F = require("lodash/get");
+    var q =  e.n(F);
     // CONCATENATED MODULE: external "lodash/isString"
-    const q = require("lodash/isString");
-    var D =  e.n(q);
+    const A = require("lodash/isString");
+    var D =  e.n(A);
     // CONCATENATED MODULE: external "lodash/keys"
     const L = require("lodash/keys");
     var T =  e.n(L);
@@ -454,9 +454,51 @@
     de.pick)({
         compact: (0, ae.css)([ "padding-block:2px;" ])
     }), de.variables.focusShadowInset);
+    // CONCATENATED MODULE: ./src/utils/disabled.ts
+    /**
+ * Normalizes the disabled prop and returns both the boolean state and normalized string value.
+ * Use this function to ensure consistent handling of disabled prop across components.
+ *
+ * @param disabled - The disabled prop value
+ * @param defaultWhenBooleanTrue - Optional normalization override for disabled={true}
+ * @returns Object with isDisabled boolean|undefined and disabledValue string
+ *
+ * TODO (SUI-8600): `disabled` prop should default to 'dimmed' for data entry components
+ */
+    function me(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "dimmed";
+        if (e === "dimmed") {
+            return {
+                isDisabled: true,
+                disabledValue: "dimmed"
+            };
+        }
+        if (e === true) {
+            return {
+                isDisabled: true,
+                disabledValue: n
+            };
+        }
+        if (e === "disabled") {
+            return {
+                isDisabled: true,
+                disabledValue: "disabled"
+            };
+        }
+        if (e === false) {
+            return {
+                isDisabled: false,
+                disabledValue: undefined
+            };
+        }
+        return {
+            isDisabled: undefined,
+            disabledValue: undefined
+        };
+    }
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var me = {
+    var ge = {
         body: {
             appendChild: function e() {
                 return [];
@@ -510,12 +552,12 @@
             search: ""
         }
     };
-    function ge() {
-        var e = typeof document !== "undefined" ? document : me;
+    function ye() {
+        var e = typeof document !== "undefined" ? document : ge;
         return e;
     }
-    var ye = ge();
-    /* harmony default export */    const he = /* unused pure expression or super */ null && ye;
+    var he = ye();
+    /* harmony default export */    const Oe = /* unused pure expression or super */ null && he;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -523,7 +565,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function Oe(e, n) {
+    function we(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -536,16 +578,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-    function we(e) {
+    function Se(e) {
         "@babel/helpers - typeof";
-        return we = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Se = "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;
-        }, we(e);
+        }, Se(e);
     }
-    function Se() {
-        return Se = Object.assign ? Object.assign.bind() : function(e) {
+    function Ce() {
+        return Ce = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -553,27 +595,27 @@
                 }
             }
             return e;
-        }, Se.apply(null, arguments);
+        }, Ce.apply(null, arguments);
     }
-    function Ce(e) {
-        return ke(e) || Pe(e) || Ee(e) || Me();
+    function Me(e) {
+        return je(e) || ke(e) || Ne(e) || Pe();
     }
-    function Me() {
+    function Pe() {
         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 Pe(e) {
+    function ke(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function ke(e) {
+    function je(e) {
         if (Array.isArray(e)) return xe(e);
     }
-    function je(e, n) {
-        return Be(e) || Ve(e, n) || Ee(e, n) || Ne();
+    function Ve(e, n) {
+        return Re(e) || Be(e, n) || Ne(e, n) || Ee();
     }
-    function Ne() {
+    function Ee() {
         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 Ee(e, n) {
+    function Ne(e, n) {
         if (e) {
             if ("string" == typeof e) return xe(e, n);
             var r = {}.toString.call(e).slice(8, -1);
@@ -587,7 +629,7 @@
         }
         return t;
     }
-    function Ve(e, n) {
+    function Be(e, n) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
             var t, o, a, l, i = [], u = !0, s = !1;
@@ -609,12 +651,12 @@
             return i;
         }
     }
-    function Be(e) {
+    function Re(e) {
         if (Array.isArray(e)) return e;
     }
-    function Re(e, n) {
+    function Ie(e, n) {
         if (null == e) return {};
-        var r, t, o = Ie(e, n);
+        var r, t, o = Fe(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -623,7 +665,7 @@
         }
         return o;
     }
-    function Ie(e, n) {
+    function Fe(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -634,7 +676,7 @@
         }
         return r;
     }
-    function Ae(e, n) {
+    function qe(e, n) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -644,40 +686,40 @@
         }
         return r;
     }
-    function Fe(e) {
+    function Ae(e) {
         for (var n = 1; n < arguments.length; n++) {
             var r = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Ae(Object(r), !0).forEach((function(n) {
-                qe(e, n, r[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ae(Object(r)).forEach((function(n) {
+            n % 2 ? qe(Object(r), !0).forEach((function(n) {
+                De(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : qe(Object(r)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function qe(e, n, r) {
-        return (n = De(n)) in e ? Object.defineProperty(e, n, {
+    function De(e, n, r) {
+        return (n = Le(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function De(e) {
-        var n = Le(e, "string");
-        return "symbol" == we(n) ? n : n + "";
+    function Le(e) {
+        var n = Te(e, "string");
+        return "symbol" == Se(n) ? n : n + "";
     }
-    function Le(e, n) {
-        if ("object" != we(e) || !e) return e;
+    function Te(e, n) {
+        if ("object" != Se(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != we(t)) return t;
+            if ("object" != Se(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    var Te = {
+    var _e = {
         allowNewValues: i().bool,
         animateLoading: i().bool,
         append: i().bool,
@@ -686,7 +728,7 @@
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
         defaultValues: i().array,
         describedBy: i().string,
-        disabled: i().bool,
+        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
         error: i().bool,
         footerMessage: i().node,
@@ -713,27 +755,31 @@
         tabConfirmsNewValue: i().bool,
         values: i().array
     };
-    var _e = H()((function(e) {
+    var He = H()((function(e) {
         return {
             flexBasis: e,
             width: e
         };
     }));
     // export for testing purpose
-        var He = H()((function(e) {
+        var $e = H()((function(e) {
         var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
-        return Fe({
+        return Ae({
             maxHeight: t,
             overflow: "auto",
             width: Math.max(r, 200)
         }, o || {});
     }));
     // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-        var $e = {};
-    var ze = (0, d._)("No matches");
-    var Ke = (0, d._)("Select...");
-    function We(e) {
-        var n = e.allowNewValues, o = e.animateLoading, l = e.append, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, f = s === void 0 ? "vertical" : s, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, g = e.error, y = e.footerMessage, O = e.inline, w = e.inputId, S = e.inputRef, C = e.isLoadingOptions, M = e.labelledBy, P = e.loadingMessage, k = e.menuStyle, j = k === void 0 ? $e : k, N = e.name, E = e.noOptionsMessage, x = E === void 0 ? ze : E, V = e.onChange, B = e.onClose, R = e.onFilterChange, A = e.onScroll, q = e.onScrollBottom, L = e.onOpen, _ = e.placeholder, H = _ === void 0 ? Ke : _, $ = e.prepend, K = e.required, U = e.repositionMode, X = e.tabConfirmsNewValue, Q = e.values, Z = Re(e, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "prepend", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
+        var ze = {};
+    var Ke = (0, d._)("No matches");
+    var We = (0, d._)("Select...");
+    var Ue = function e(n) {
+        var r = me(n, "disabled"), t = r.isDisabled;
+        return !!t;
+    };
+    function Ge(e) {
+        var n = e.allowNewValues, o = e.animateLoading, l = e.append, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, f = s === void 0 ? "vertical" : s, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, g = e.error, y = e.footerMessage, O = e.inline, w = e.inputId, S = e.inputRef, C = e.isLoadingOptions, M = e.labelledBy, P = e.loadingMessage, k = e.menuStyle, j = k === void 0 ? ze : k, V = e.name, E = e.noOptionsMessage, N = E === void 0 ? Ke : E, x = e.onChange, B = e.onClose, R = e.onFilterChange, F = e.onScroll, A = e.onScrollBottom, L = e.onOpen, _ = e.placeholder, H = _ === void 0 ? We : _, $ = e.prepend, K = e.required, U = e.repositionMode, X = e.tabConfirmsNewValue, Q = e.values, Z = Ie(e, [ "allowNewValues", "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onScroll", "onScrollBottom", "onOpen", "placeholder", "prepend", "required", "repositionMode", "tabConfirmsNewValue", "values" ]);
         // @docs-props-type NormalPropsBase
                 var ae = c()({
             componentName: "Multiselect",
@@ -744,30 +790,42 @@
             valuePropName: "values"
         });
         if (false) {}
-        var le = (0, r.useState)(0), ie = je(le, 2), ue = ie[0], se = ie[1];
-        var ce = (0, r.useState)(null), de = je(ce, 2), me = de[0], ye = de[1];
-        var he = (0, r.useState)(""), we = je(he, 2), Me = we[0], Pe = we[1];
-        var ke = (0, r.useState)(false), Ne = je(ke, 2), Ee = Ne[0], xe = Ne[1];
-        var Ve = (0, r.useState)(false), Be = je(Ve, 2), Ie = Be[0], Ae = Be[1];
-        var qe = (0, r.useState)(p || []), De = je(qe, 2), Le = De[0], Te = De[1];
-        var We = (0, r.useState)(""), Ue = je(We, 2), Ge = Ue[0], Xe = Ue[1];
-        var Je = ae && Q ? Q : Le;
-        var Qe = Je.indexOf(Me) >= 0;
-        var Ye = (0, r.useMemo)((function() {
-            var e = Je.slice(0);
+        var le = (0, r.useState)(0), ie = Ve(le, 2), ue = ie[0], se = ie[1];
+        var ce = (0, r.useState)(null), de = Ve(ce, 2), ge = de[0], he = de[1];
+        var Oe = (0, r.useState)(""), Se = Ve(Oe, 2), Pe = Se[0], ke = Se[1];
+        var je = (0, r.useState)(false), Ee = Ve(je, 2), Ne = Ee[0], xe = Ee[1];
+        var Be = (0, r.useState)(false), Re = Ve(Be, 2), Fe = Re[0], qe = Re[1];
+        var De = (0, r.useState)(p || []), Le = Ve(De, 2), Te = Le[0], _e = Le[1];
+        var Ge = (0, r.useState)(""), Xe = Ve(Ge, 2), Je = Xe[0], Qe = Xe[1];
+        var Ye = ae && Q ? Q : Te;
+        var Ze = Ye.indexOf(Pe) >= 0;
+        var en = me(b, "disabled"), nn = en.isDisabled, rn = en.disabledValue;
+        var tn = (0, r.useMemo)((function() {
+            return r.Children.toArray(i);
+        }), [ i ]);
+        var on = (0, r.useMemo)((function() {
+            return tn.filter(r.isValidElement).filter((function(e) {
+                return e.type === h;
+            }));
+        }), [ tn ]);
+        var an = (0, r.useMemo)((function() {
+            var e = new Map;
+            on.forEach((function(n) {
+                e.set(n.props.value, n);
+            }));
+            return [ e ];
+        }), [ on ]), ln = Ve(an, 1), un = ln[0];
+        var sn = (0, r.useMemo)((function() {
+            var e = Ye.slice(0);
             var n = new Set;
             // Map Options to selected values
-                        if (i && Je.length) {
-                r.Children.toArray(i).filter(r.isValidElement).filter((function(e) {
-                    return e.type === h;
-                })).forEach((function(r) {
-                    if (r.type === h) {
-                        var t = Je.indexOf(r.props.value);
-                        if (t !== -1) {
-                            e[t] = r;
-                            if (r.props.disabled) {
-                                n.add(r.props.value);
-                            }
+                        if (Ye.length) {
+                on.forEach((function(r) {
+                    var t = Ye.indexOf(r.props.value);
+                    if (t !== -1) {
+                        e[t] = r;
+                        if (Ue(r.props.disabled)) {
+                            n.add(r.props.value);
                         }
                     }
                 }));
@@ -776,226 +834,244 @@
                 selectedItems: e,
                 disabledSelectedItems: n
             };
-        }), [ i, Je ]), Ze = Ye.selectedItems, en = Ye.disabledSelectedItems;
-        var nn = (0, r.useRef)(null);
-        var rn = (0, r.useRef)(null);
-        var tn = (0, r.useRef)(undefined);
-        var on = (0, r.useRef)(0);
-        var an = (0, r.useState)((function() {
+        }), [ on, Ye ]), cn = sn.selectedItems, dn = sn.disabledSelectedItems;
+        var fn = (0, r.useRef)(null);
+        var pn = (0, r.useRef)(null);
+        var vn = (0, r.useRef)(undefined);
+        var bn = (0, r.useRef)(0);
+        var mn = (0, r.useState)((function() {
             return {
                 activeItemId: (0, te.createDOMID)("active-item"),
                 popoverId: (0, te.createDOMID)("popover")
             };
-        })), ln = je(an, 1), un = ln[0], sn = un.activeItemId, cn = un.popoverId;
+        })), gn = Ve(mn, 1), yn = gn[0], hn = yn.activeItemId, On = yn.popoverId;
         (0, r.useEffect)((function() {
             if (ae) {
-                Pe("");
+                ke("");
                 se(0);
             }
         }), [ Q, ae ]);
         // Tracks the prev activeIndex so its known if scrolling is needed in handleActiveOptionMount - can't use usePrevious b/c the value needs wiped on Menu close
                 (0, r.useEffect)((function() {
-            rn.current = ue;
+            pn.current = ue;
         }), [ ue ]);
-        var dn = (0, r.useCallback)((function(e) {
+        var wn = (0, r.useCallback)((function(e) {
             var n = e.resetFilterKeyword;
-            if (!Ie) {
-                Pe((function(e) {
+            if (!Fe) {
+                ke((function(e) {
                     return n ? "" : e;
                 }));
                 xe(true);
-                Ae(true);
+                qe(true);
                 L === null || L === void 0 ? void 0 : L();
             }
-        }), [ Ie, L ]);
-        var fn = (0, r.useCallback)((function() {
-            if (Ee) {
-                dn({
+        }), [ Fe, L ]);
+        var Sn = (0, r.useCallback)((function() {
+            if (Ne) {
+                wn({
                     resetFilterKeyword: false
                 });
             } else {
                 var e;
-                (e = nn.current) === null || e === void 0 ? void 0 : e.focus();
+                (e = fn.current) === null || e === void 0 ? void 0 : e.focus();
             }
-        }), [ Ee, dn ]);
-        var pn = (0, r.useCallback)((function(e, n) {
-            if (!Ie) {
+        }), [ Ne, wn ]);
+        var Cn = (0, r.useCallback)((function(e, n) {
+            if (!Fe || nn) {
                 return;
             }
-            var r = (Je || []).concat([ n ]);
+            var r = (Ye || []).concat([ n ]);
             if (!ae) {
-                Te(r);
+                _e(r);
                 se(0);
-                Ae(true);
-                Pe("");
+                qe(true);
+                ke("");
             }
-            V === null || V === void 0 ? void 0 : V(e, {
+            x === null || x === void 0 ? void 0 : x(e, {
                 values: r,
-                name: N
+                name: V
             });
-        }), [ Ie, Je, ae, V, N ]);
-        var vn = (0, r.useCallback)((function(e, n) {
-            var r = G()(Je, n);
+        }), [ Fe, nn, Ye, ae, x, V ]);
+        var Mn = (0, r.useCallback)((function(e, n) {
+            var r = G()(Ye, n);
             if (!ae) {
-                Te(r);
+                _e(r);
             }
-            V === null || V === void 0 ? void 0 : V(e, {
+            x === null || x === void 0 ? void 0 : x(e, {
                 values: r,
-                name: N
+                name: V
             });
-        }), [ Je, ae, N, V ]);
-        var bn = (0, r.useCallback)((function(e) {
-            if (Ie && !C) {
-                q === null || q === void 0 ? void 0 : q(e);
-                Xe("".concat(on.current, " options, loading more options"));
+        }), [ Ye, ae, V, x ]);
+        var Pn = (0, r.useCallback)((function(e) {
+            if (Fe && !C) {
+                A === null || A === void 0 ? void 0 : A(e);
+                Qe("".concat(bn.current, " options, loading more options"));
             }
-        }), [ Ie, C, q ]);
-        var mn = (0, r.useCallback)((function(e, n) {
+        }), [ Fe, C, A ]);
+        var kn = (0, r.useCallback)((function(e, n) {
             var r = n.value;
             I()((function() {
-                return vn(e, r);
+                return Mn(e, r);
             }));
-        }), [ vn ]);
-        var gn = (0, r.useCallback)((function(e) {
-            if (Me !== "") {
+        }), [ Mn ]);
+        var jn = (0, r.useCallback)((function(e) {
+            xe(true);
+            if (nn) {
+                return;
+            }
+            if (Pe !== "") {
                 R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
             }
-            dn({
+            wn({
                 resetFilterKeyword: true
             });
-        }), [ Me, R, dn ]);
-        var yn = (0, r.useCallback)((function(e) {
+        }), [ nn, Pe, R, wn ]);
+        var Vn = (0, r.useCallback)((function(e) {
             var n;
-            var t = on.current;
-            var o = e.key;
-            if (o === "Tab" && Ie) {
-                if (X && tn.current !== undefined && on.current <= 1) {
-                    var a;
+            var r = bn.current;
+            var t = e.key;
+            if (nn) {
+                return;
+            }
+            var o = vn.current === undefined ? undefined : un.get(vn.current);
+            var a = Ue(o === null || o === void 0 ? void 0 : o.props.disabled);
+            if (t === "Tab" && Fe) {
+                if (!a && X && vn.current !== undefined && bn.current <= 1) {
+                    var l;
                     e.preventDefault();
-                    pn(e, tn.current);
-                    (a = nn.current) === null || a === void 0 ? void 0 : a.focus();
+                    Cn(e, vn.current);
+                    (l = fn.current) === null || l === void 0 ? void 0 : l.focus();
                 } else {
-                    Ae(false);
+                    qe(false);
                 }
             }
             if (e.shiftKey || e.metaKey || e.ctrlKey) {
                 return;
             }
-            if (o === "End" && Ie) {
+            if (t === "End" && Fe) {
                 e.preventDefault();
-                if (t > 0) {
-                    se(t - 1);
+                if (r > 0) {
+                    se(r - 1);
                 }
             }
-            if (o === "Home" && Ie) {
+            if (t === "Home" && Fe) {
                 e.preventDefault();
                 se(0);
             }
-            if (o === "ArrowDown") {
+            if (t === "ArrowDown") {
                 e.preventDefault();
-                if (Ie) {
-                    if (t > 0) {
+                if (Fe) {
+                    if (r > 0) {
                         se((function(e) {
-                            return Math.min(e + 1, t - 1);
+                            return Math.min(e + 1, r - 1);
                         }));
                     }
                 } else {
                     se(0);
-                    Ae(true);
+                    qe(true);
                 }
-                if (i && q) {
-                    var l = r.Children.toArray(i).length - (2 + ((Je === null || Je === void 0 ? void 0 : Je.length) || 0));
-                    if (ue === l) {
-                        bn(e);
+                if (i && A) {
+                    var u = tn.length - (2 + ((Ye === null || Ye === void 0 ? void 0 : Ye.length) || 0));
+                    if (ue === u) {
+                        Pn(e);
                     }
                 }
             }
-            if (o === "ArrowUp") {
+            if (t === "ArrowUp") {
                 e.preventDefault();
-                if (Ie) {
+                if (Fe) {
                     se((function(e) {
                         return Math.max(e - 1, 0);
                     }));
                 } else {
                     se(0);
-                    Ae(true);
+                    qe(true);
                 }
             }
-            if (o === "Enter" && tn.current !== undefined && Ie) {
-                pn(e, tn.current);
+            if (t === "Enter" && !a && vn.current !== undefined && Fe) {
+                e.preventDefault();
+                Cn(e, vn.current);
             }
-            if (o === "Backspace" && ((n = nn.current) === null || n === void 0 ? void 0 : n.value) === "" && Je.length) {
-                var u;
-                for (var s = Je.length - 1; s >= 0; s -= 1) {
-                    var c = Je[s];
-                    if (!en.has(c)) {
-                        u = c;
+            if (t === "Backspace" && ((n = fn.current) === null || n === void 0 ? void 0 : n.value) === "" && Ye.length) {
+                var s;
+                for (var c = Ye.length - 1; c >= 0; c -= 1) {
+                    var d = Ye[c];
+                    if (!dn.has(d)) {
+                        s = d;
                         break;
                     }
                 }
-                if (u !== undefined) {
-                    vn(e, u);
+                if (s !== undefined) {
+                    Mn(e, s);
                 }
             }
-        }), [ Ie, Je, X, pn, i, q, ue, bn, en, vn ]);
-        var hn = (0, r.useCallback)((function(e) {
-            Pe(e.target.value);
-            Ae(true);
+        }), [ nn, Fe, Ye, X, Cn, i, un, tn, A, ue, Pn, dn, Mn ]);
+        var En = (0, r.useCallback)((function(e) {
+            ke(e.target.value);
+            qe(true);
             se(0);
             R === null || R === void 0 ? void 0 : R(e, {
                 keyword: e.target.value
             });
         }), [ R ]);
-        var On = (0, r.useCallback)((function(e, n) {
+        var Nn = (0, r.useCallback)((function(e, n) {
             var r;
             var t = n.value;
             e.stopPropagation();
-            pn(e, t);
-            (r = nn.current) === null || r === void 0 ? void 0 : r.focus();
-        }), [ pn ]);
-        var wn = (0, r.useCallback)((function(e) {
-            var n = ge();
-            var r = n.getElementById(cn);
+            Cn(e, t);
+            (r = fn.current) === null || r === void 0 ? void 0 : r.focus();
+        }), [ Cn ]);
+        // Close when component becomes disabled/dimmed during an open state to prevent further selection
+                (0, r.useEffect)((function() {
+            if (nn && Fe) {
+                qe(false);
+                pn.current = null;
+                B === null || B === void 0 ? void 0 : B();
+            }
+        }), [ nn, Fe, B ]);
+        var xn = (0, r.useCallback)((function(e) {
+            var n = ye();
+            var r = n.getElementById(On);
             var t = e.relatedTarget || n.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
                         var o = r && t && r.contains(t);
  // TS: target as Node is an unsafe assumption
-                        Pe(o ? Me : "");
+                        ke(o ? Pe : "");
             xe(false);
-            if (!o) {
+            if (!nn && !o) {
                 R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
             }
-        }), [ Me, R, cn ]);
-        var Sn = (0, r.useCallback)((function(e) {
+        }), [ nn, Pe, R, On ]);
+        var Bn = (0, r.useCallback)((function(e) {
             var n = e.reason, r = e.event;
-            if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(me === null || me === void 0 ? void 0 : me.contains(r.target))) {
-                Ae(false);
-                rn.current = null;
+            if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(ge === null || ge === void 0 ? void 0 : ge.contains(r.target))) {
+                qe(false);
+                pn.current = null;
                 B === null || B === void 0 ? void 0 : B();
             }
             if (n === "escapeKey") {
                 var t;
-                (t = nn.current) === null || t === void 0 ? void 0 : t.focus();
+                (t = fn.current) === null || t === void 0 ? void 0 : t.focus();
             }
-        }), [ me, B ]);
-        var Cn = (0, r.useCallback)((function(e) {
-            ye(e);
-            Oe(m, e);
+        }), [ ge, B ]);
+        var Rn = (0, r.useCallback)((function(e) {
+            he(e);
+            we(m, e);
         }), [ m ]);
-        var Mn = (0, r.useCallback)((function(e) {
-            nn.current = e;
-            Oe(S, e);
+        var In = (0, r.useCallback)((function(e) {
+            fn.current = e;
+            we(S, e);
         }), [ S ]);
-        var Pn = (0, r.useCallback)((function(e) {
-            if (rn.current !== ue) {
+        var Fn = (0, r.useCallback)((function(e) {
+            if (pn.current !== ue) {
                 (0, oe.scrollIntoViewIfNeeded)(e);
             }
         }), [ ue ]);
-        var kn = (0, r.useCallback)((function(e) {
+        var qn = (0, r.useCallback)((function(e) {
             // selectedOptions may contain items or unmatched values at this point
             return e.map((function(e) {
                 var n = e;
@@ -1006,11 +1082,11 @@
                     
                     return t().createElement(be, {
                         "aria-selected": true,
-                        disabled: !!b || !!r.disabled,
+                        disabled: !!nn || Ue(r.disabled),
                         icon: a,
                         key: c.toString(),
                         "data-test": "selected-option",
-                        onRequestRemove: mn,
+                        onRequestRemove: kn,
                         role: "option",
                         value: c,
                         appearance: i,
@@ -1021,16 +1097,16 @@
                 
                 return t().createElement(be, {
                     "aria-selected": true,
-                    disabled: b,
+                    disabled: nn,
                     key: (0, te.createGUID)(),
                     "data-test": "selected-option",
-                    onRequestRemove: mn,
+                    onRequestRemove: kn,
                     role: "option",
                     value: n
                 }, n);
             }));
-        }), [ b, mn ]);
-        var jn = function e(n) {
+        }), [ nn, kn ]);
+        var An = function e(n) {
             return n.map((function(e) {
                 var n = e;
  // TS: faking props here
@@ -1048,17 +1124,17 @@
             }));
         };
         // Filter the items
-                var Nn = (0, ne.stringToKeywords)(Me);
-        var En = u ? r.Children.toArray(i) : r.Children.toArray(i).filter((function(e) {
-            if (F()(e, [ "props", "label" ], false)) {
-                return (0, ne.testPhrase)(e.props.label, Nn);
+                var Dn = (0, ne.stringToKeywords)(Pe);
+        var Ln = u ? tn : tn.filter((function(e) {
+            if (q()(e, [ "props", "label" ], false)) {
+                return (0, ne.testPhrase)(e.props.label, Dn);
             }
             return true;
  // Keep all headers and non-interactive options
                 }));
-        on.current = 0;
-        tn.current = undefined;
-        var xn = r.Children.map(En, (function(e, n) {
+        bn.current = 0;
+        vn.current = undefined;
+        var Tn = r.Children.map(Ln, (function(e, n) {
             var t = e.props;
             if (!t || !a()(t, "value")) {
                 // ignore Headings and Dividers
@@ -1067,22 +1143,22 @@
             var o = e;
             var l = o.props, i = l.children, s = l.label, c = l.matchRanges, d = l.value;
  // find out if the search string exactly matches a value
-                        if (d === Me) {
-                Qe = true;
+                        if (d === Pe) {
+                Ze = true;
             }
             // remove items that are already selected
-                        var f = Je.indexOf(d);
+                        var f = Ye.indexOf(d);
             if (f >= 0) {
                 return null;
             }
             // highlight matched text
                         var p = i === undefined || D()(i);
-            var v = p && !u && !c && Nn && (0, ne.keywordLocations)(s, Nn);
+            var v = p && !u && !c && Dn && (0, ne.keywordLocations)(s, Dn);
             // clone item
                         var b =  (0, r.cloneElement)(o, {
                 // eslint-disable-next-line react/no-array-index-key
                 key: n,
-                onClick: On,
+                onClick: Nn,
                 matchRanges: p && (c || v) || undefined
             });
             return b;
@@ -1090,47 +1166,48 @@
             return e !== null;
         })) || [];
         // Add the option to add the new value
-                if (n && !Qe && Me) {
-            xn.unshift( t().createElement(h, {
-                label: "".concat(Me),
+                if (n && !Ze && Pe) {
+            Tn.unshift( t().createElement(h, {
+                label: "".concat(Pe),
                 description: (0, d._)("(New value)"),
                 descriptionPosition: "right",
-                value: Me,
+                value: Pe,
                 key: "newValue",
-                onClick: On
+                onClick: Nn
             }));
         }
         // highlight the selected Item
-                var Vn = r.Children.map(xn, (function(e) {
+                var _n = r.Children.map(Tn, (function(e) {
             var n = e.props;
             if (!n || !a()(n, "value")) {
                 // ignore Headings and Dividers
                 return e;
             }
             var t = e;
-            var o = t.props, l = o.disabled, i = o.value;
-            if (l) {
+            var o = t.props.value;
+            var l = me(t.props.disabled, "disabled"), i = l.disabledValue;
+            if (i === "disabled") {
                 return t;
             }
-            var u = on.current === ue;
-            on.current += 1;
+            var u = bn.current === ue;
+            bn.current += 1;
             if (!u) {
                 return t;
             }
-            tn.current = i;
+            vn.current = o;
             var s =  (0, r.cloneElement)(t, {
                 active: u,
-                id: sn,
+                id: hn,
                 elementRef: function e(n) {
-                    Pn(n);
-                    Oe(t.props.elementRef, n);
+                    Fn(n);
+                    we(t.props.elementRef, n);
                 }
             });
             return s;
         }));
-        var Bn = function e(n) {
+        var Hn = function e(n) {
             var r = n.anchorWidth, a = n.maxHeight, l = n.placement;
-            var i = He({
+            var i = $e({
                 anchorWidth: r,
                 maxHeight: a,
                 menuStyle: j
@@ -1140,106 +1217,109 @@
                 focusMode: "never",
                 placement: l !== null && l !== void 0 ? l : undefined,
                 isLoading: C,
-                onScrollBottom: q ? bn : undefined,
-                noOptionsMessage: x,
+                onScrollBottom: A ? Pn : undefined,
+                noOptionsMessage: N,
                 footerMessage: y,
                 animateLoading: o,
                 loadingMessage: P,
-                onScroll: A,
+                onScroll: F,
                 style: i
-            }, Vn);
+            }, _n);
         };
-        var Rn = _e("".concat(Me.length * .8, "em"));
-        var In = Fe(Fe({}, W()(Z, (function(e, n) {
+        var $n = He("".concat(Pe.length * .8, "em"));
+        var zn = Ae(Ae({}, W()(Z, (function(e, n) {
             return n === "role" || n.indexOf("aria-") === 0;
         }))), {}, {
             "aria-describedby": v,
             "aria-labelledby": M,
             "aria-invalid": g || undefined
         });
-        var An = Fe({}, W()(Z, (function(e, n) {
+        var Kn = Ae({}, W()(Z, (function(e, n) {
             return n === "aria-label" || n === "aria-describedby";
         })));
         
-        return t().createElement(t().Fragment, null,  t().createElement(fe, Se({
+        return t().createElement(t().Fragment, null,  t().createElement(fe, Ce({
             key: "control",
             $append: l,
-            "data-test-values": JSON.stringify(Je),
-            "data-test-disabled": b ? "disabled" : undefined,
+            "data-test-values": JSON.stringify(Ye),
+            "data-test-disabled": rn,
             inline: O,
-            $hasFocus: Ee
-        }, z().apply(void 0, [ Z ].concat(Ce(T()(In)))), {
-            onClick: b ? undefined : fn,
-            $disabled: b,
+            $hasFocus: Ne
+        }, z().apply(void 0, [ Z ].concat(Me(T()(zn)))), {
+            onClick: nn ? undefined : Sn,
+            $disabled: nn,
             $error: g,
-            "data-test-popover-id": cn,
-            $popoverOpen: Ie,
+            "data-test-popover-id": On,
+            $popoverOpen: Fe,
             $prepend: $,
             flex: true,
-            ref: Cn,
+            ref: Rn,
             role: "group",
-            "aria-disabled": b || undefined,
+            "aria-disabled": nn || undefined,
             "aria-labelledby": M
-        }, An),  t().createElement(pe, {
+        }, Kn),  t().createElement(pe, {
             role: "listbox",
             "aria-invalid": g,
             "aria-multiselectable": "true"
-        }, kn(Ze)), !b &&  t().createElement(ve, Se({
+        }, qn(cn)),  t().createElement(ve, Ce({
             role: "combobox",
             "data-test": "textbox",
             id: w,
-            ref: Mn,
-            onBlur: wn,
-            onFocus: gn,
-            onChange: hn,
-            onKeyDown: yn,
-            value: Me,
+            ref: In,
+            onBlur: xn,
+            onFocus: jn,
+            onChange: nn ? undefined : En,
+            onKeyDown: nn ? undefined : Vn,
+            value: Pe,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             spellCheck: false,
-            style: Rn,
-            placeholder: Je.length ? "" : H,
+            readOnly: !!nn,
+            style: $n,
+            placeholder: Ye.length ? "" : H,
             required: K,
-            "aria-activedescendant": Ie && on.current > 0 ? sn : undefined,
+            disabled: rn === "disabled",
+            "aria-disabled": rn === "dimmed" || undefined,
+            "aria-activedescendant": Fe && bn.current > 0 ? hn : undefined,
             "aria-autocomplete": "list",
-            "aria-controls": Ie ? cn : undefined,
-            "aria-owns": Ie ? cn : undefined,
-            "aria-expanded": Ie,
+            "aria-controls": Fe ? On : undefined,
+            "aria-owns": Fe ? On : undefined,
+            "aria-expanded": Fe,
             "aria-haspopup": true
-        }, In)),  t().createElement(J(), {
-            open: Ie && !!me,
+        }, zn)),  t().createElement(J(), {
+            open: Fe && !!ge,
             autoCloseWhenOffScreen: true,
-            anchor: me,
-            onRequestClose: Sn,
+            anchor: ge,
+            onRequestClose: Bn,
             canCoverAnchor: false,
             defaultPlacement: f,
             repositionMode: U,
-            id: cn
-        }, Bn)),  t().createElement(ee(), {
+            id: On
+        }, Hn)),  t().createElement(ee(), {
             role: "status",
             "aria-relevant": "text"
-        }, Ge),  t().createElement(ee(), {
+        }, Je),  t().createElement(ee(), {
             role: "alert",
             "aria-relevant": "additions"
-        }, jn(Ze)));
+        }, An(cn)));
     }
-    We.propTypes = Te;
-    We.Option = h;
-    We.Divider = u.Divider;
-    We.Heading = u.Heading;
-    /* harmony default export */    const Ue = We;
+    Ge.propTypes = _e;
+    Ge.Option = h;
+    Ge.Divider = u.Divider;
+    Ge.Heading = u.Heading;
+    /* harmony default export */    const Xe = Ge;
     // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-    function Ge(e) {
+    function Je(e) {
         "@babel/helpers - typeof";
-        return Ge = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Je = "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;
-        }, Ge(e);
+        }, Je(e);
     }
-    function Xe() {
-        return Xe = Object.assign ? Object.assign.bind() : function(e) {
+    function Qe() {
+        return Qe = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -1247,9 +1327,9 @@
                 }
             }
             return e;
-        }, Xe.apply(null, arguments);
+        }, Qe.apply(null, arguments);
     }
-    function Je(e, n) {
+    function Ye(e, n) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -1259,42 +1339,42 @@
         }
         return r;
     }
-    function Qe(e) {
+    function Ze(e) {
         for (var n = 1; n < arguments.length; n++) {
             var r = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Je(Object(r), !0).forEach((function(n) {
-                Ye(e, n, r[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Je(Object(r)).forEach((function(n) {
+            n % 2 ? Ye(Object(r), !0).forEach((function(n) {
+                en(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ye(Object(r)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function Ye(e, n, r) {
-        return (n = Ze(n)) in e ? Object.defineProperty(e, n, {
+    function en(e, n, r) {
+        return (n = nn(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function Ze(e) {
-        var n = en(e, "string");
-        return "symbol" == Ge(n) ? n : n + "";
+    function nn(e) {
+        var n = rn(e, "string");
+        return "symbol" == Je(n) ? n : n + "";
     }
-    function en(e, n) {
-        if ("object" != Ge(e) || !e) return e;
+    function rn(e, n) {
+        if ("object" != Je(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != Ge(t)) return t;
+            if ("object" != Je(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function nn(e, n) {
+    function tn(e, n) {
         if (null == e) return {};
-        var r, t, o = rn(e, n);
+        var r, t, o = on(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -1303,7 +1383,7 @@
         }
         return o;
     }
-    function rn(e, n) {
+    function on(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -1316,7 +1396,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var tn = {
+    /** @public */    var an = {
         allowNewValues: i().bool,
         animateLoading: i().bool,
         append: i().bool,
@@ -1326,7 +1406,7 @@
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
         defaultValues: i().array,
         describedBy: i().string,
-        disabled: i().bool,
+        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
         error: i().bool,
         filter: i().oneOf([ false, true, "controlled" ]),
@@ -1358,10 +1438,10 @@
         /** @private */
         virtualization: i().number
     };
-    var on = (0, d._)("No matches");
-    var an = (0, d._)("Select...");
-    function ln(e) {
-        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.compact, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, d = s === void 0 ? "vertical" : s, f = e.defaultValues, p = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, C = e.labelledBy, M = e.loadingMessage, P = e.menuStyle, k = e.name, j = e.noOptionsMessage, N = j === void 0 ? on : j, E = e.onChange, x = e.onClose, V = e.onFilterChange, R = e.onOpen, I = e.onScroll, A = e.onScrollBottom, F = e.placeholder, q = F === void 0 ? an : F, D = e.prepend, L = e.repositionMode, T = L === void 0 ? "flip" : L, _ = e.selectAllAppearance, H = e.showSelectedValuesFirst, $ = e.tabConfirmsNewValue, z = e.values, K = e.virtualization, W = nn(e, [ "allowNewValues", "animateLoading", "append", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
+    var ln = (0, d._)("No matches");
+    var un = (0, d._)("Select...");
+    function sn(e) {
+        var n = e.allowNewValues, o = e.animateLoading, a = e.append, l = e.compact, i = e.children, u = e.controlledFilter, s = e.defaultPlacement, d = s === void 0 ? "vertical" : s, f = e.defaultValues, p = e.describedBy, v = e.disabled, b = e.elementRef, m = e.error, g = e.filter, y = e.footerMessage, h = e.inline, O = e.inputId, w = e.inputRef, S = e.isLoadingOptions, C = e.labelledBy, M = e.loadingMessage, P = e.menuStyle, k = e.name, j = e.noOptionsMessage, V = j === void 0 ? ln : j, E = e.onChange, N = e.onClose, x = e.onFilterChange, R = e.onOpen, I = e.onScroll, F = e.onScrollBottom, q = e.placeholder, A = q === void 0 ? un : q, D = e.prepend, L = e.repositionMode, T = L === void 0 ? "flip" : L, _ = e.selectAllAppearance, H = e.showSelectedValuesFirst, $ = e.tabConfirmsNewValue, z = e.values, K = e.virtualization, W = tn(e, [ "allowNewValues", "animateLoading", "append", "compact", "children", "controlledFilter", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFilterChange", "onOpen", "onScroll", "onScrollBottom", "placeholder", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "tabConfirmsNewValue", "values", "virtualization" ]);
         // @docs-props-type MultiselectPropsBase
                 var U = c()({
             componentName: "Multiselect",
@@ -1380,7 +1460,7 @@
         }), [ l, G ]);
         // Compact uses Button, which defaults `inline` to true, explicitly pass a boolean to prevent the underlying Button from applying its default.
                 var X = !!h;
-        var J = Qe({
+        var J = Ze({
             allowNewValues: n,
             animateLoading: o,
             append: a,
@@ -1400,14 +1480,14 @@
             loadingMessage: M,
             menuStyle: P,
             name: k,
-            noOptionsMessage: N,
-            onClose: x,
+            noOptionsMessage: V,
+            onClose: N,
             onChange: E,
-            onFilterChange: V,
+            onFilterChange: x,
             onOpen: R,
             onScroll: I,
-            onScrollBottom: A,
-            placeholder: q,
+            onScrollBottom: F,
+            placeholder: A,
             prepend: D,
             repositionMode: T,
             showSelectedValuesFirst: H,
@@ -1435,22 +1515,22 @@
         };
         if (l) {
             
-            return t().createElement(B, Xe({
+            return t().createElement(B, Qe({
                 "data-test": "multiselect"
             }, Z, ee, J));
         }
         
-        return t().createElement(Ue, Xe({
+        return t().createElement(Xe, Qe({
             "data-test": "multiselect"
         }, Z, J));
     }
     // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-        ln.componentType = "Multiselect";
-    ln.Option = h;
-    ln.Heading = u.Heading;
-    ln.Divider = u.Divider;
-    ln.propTypes = tn;
-    /* harmony default export */    const un = ln;
+        sn.componentType = "Multiselect";
+    sn.Option = h;
+    sn.Heading = u.Heading;
+    sn.Divider = u.Divider;
+    sn.propTypes = an;
+    /* harmony default export */    const cn = sn;
     // CONCATENATED MODULE: ./src/Multiselect/index.ts
     module.exports = n;
     /******/})();