@splunk/react-ui 5.7.0 → 5.8.0

package/Multiselect.js

@@ -64,7 +64,7 @@
         Divider: () => /* reexport */ u.Divider,
         Heading: () => /* reexport */ u.Heading,
         Option: () => /* reexport */ h,
-        default: () => /* reexport */ an
+        default: () => /* reexport */ un
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -276,11 +276,11 @@
         virtualization: i().number
     };
     // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-        var x = {};
-    var V = (0, d._)("No matches");
-    var N = (0, d._)("Select...");
-    function B(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, B = e.menuStyle, R = B === void 0 ? x : B, E = e.name, F = e.noOptionsMessage, I = F === void 0 ? V : F, A = e.onChange, q = 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" ]);
+        var N = {};
+    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" ]);
         // @docs-props-type CompactPropsBase
                 C({
             componentName: "Multiselect",
@@ -336,10 +336,10 @@
             isLoadingOptions: S,
             labelledBy: k,
             loadingMessage: j,
-            menuStyle: R,
-            name: E,
-            noOptionsMessage: I,
-            onChange: A,
+            menuStyle: B,
+            name: R,
+            noOptionsMessage: A,
+            onChange: F,
             onClose: q,
             onFilterChange: D,
             onOpen: L,
@@ -356,107 +356,166 @@
             multiple: true
         }));
     }
-    B.propTypes = j;
-    B.Option = h;
-    B.Divider = u.Divider;
-    B.Heading = u.Heading;
-    /* harmony default export */    const R = B;
+    V.propTypes = j;
+    V.Option = h;
+    V.Divider = u.Divider;
+    V.Heading = u.Heading;
+    /* harmony default export */    const B = V;
     // CONCATENATED MODULE: external "lodash/defer"
-    const E = require("lodash/defer");
-    var F =  e.n(E);
+    const R = require("lodash/defer");
+    var I =  e.n(R);
     // CONCATENATED MODULE: external "lodash/get"
-    const I = require("lodash/get");
-    var A =  e.n(I);
+    const A = require("lodash/get");
+    var F =  e.n(A);
     // CONCATENATED MODULE: external "lodash/isString"
     const q = require("lodash/isString");
     var D =  e.n(q);
     // CONCATENATED MODULE: external "lodash/keys"
     const L = require("lodash/keys");
     var T =  e.n(L);
-    // CONCATENATED MODULE: external "lodash/last"
-    const _ = require("lodash/last");
-    var H =  e.n(_);
     // CONCATENATED MODULE: external "lodash/memoize"
-    const $ = require("lodash/memoize");
-    var z =  e.n($);
+    const _ = require("lodash/memoize");
+    var H =  e.n(_);
     // CONCATENATED MODULE: external "lodash/omit"
-    const K = require("lodash/omit");
-    var W =  e.n(K);
+    const $ = require("lodash/omit");
+    var z =  e.n($);
     // CONCATENATED MODULE: external "lodash/pickBy"
-    const U = require("lodash/pickBy");
-    var G =  e.n(U);
+    const K = require("lodash/pickBy");
+    var W =  e.n(K);
     // CONCATENATED MODULE: external "lodash/without"
-    const X = require("lodash/without");
-    var J =  e.n(X);
+    const U = require("lodash/without");
+    var G =  e.n(U);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const Q = require("@splunk/react-ui/Popover");
-    var Y =  e.n(Q);
+    const X = require("@splunk/react-ui/Popover");
+    var J =  e.n(X);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const Z = require("@splunk/react-ui/ResultsMenu");
-    var ee =  e.n(Z);
+    const Q = require("@splunk/react-ui/ResultsMenu");
+    var Y =  e.n(Q);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const ne = require("@splunk/react-ui/ScreenReaderContent");
-    var re =  e.n(ne);
+    const Z = require("@splunk/react-ui/ScreenReaderContent");
+    var ee =  e.n(Z);
     // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const te = require("@splunk/ui-utils/filter");
+    const ne = require("@splunk/ui-utils/filter");
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const oe = require("@splunk/ui-utils/format");
+    const re = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const ae = require("@splunk/ui-utils/id");
+    const te = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
-    const le = require("@splunk/ui-utils/scroll");
+    const oe = require("@splunk/ui-utils/scroll");
     // CONCATENATED MODULE: external "styled-components"
-    const ie = require("styled-components");
-    var ue =  e.n(ie);
+    const ae = require("styled-components");
+    var le =  e.n(ae);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const se = require("@splunk/react-ui/Box");
-    var ce =  e.n(se);
+    const ie = require("@splunk/react-ui/Box");
+    var ue =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-ui/Chip"
-    const de = require("@splunk/react-ui/Chip");
-    var fe =  e.n(de);
+    const se = require("@splunk/react-ui/Chip");
+    var ce =  e.n(se);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const pe = require("@splunk/themes");
+    const de = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Multiselect/NormalStyles.ts
-    var ve = ue()(ce()).withConfig({
+    var fe = le()(ue()).withConfig({
         displayName: "NormalStyles__StyledBox",
         componentId: "sc-1uwwpco-0"
-    })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], pe.variables.spacingXSmall, pe.variables.borderRadius, pe.variables.inputHeight, pe.variables.inputBorderWidth, pe.variables.interactiveColorBorder, pe.variables.spacingXSmall, pe.variables.interactiveColorBackground, (function(e) {
+    })([ "display:flex;align-items:center;flex-wrap:wrap;gap:", ";border-radius:", ";min-width:200px;min-height:", ";max-height:300px;overflow-y:auto;border:", " solid ", ";padding-inline:", ";background-color:", ";", " ", " ", " ", " ", " ", " ", " &[data-inline]{width:400px;}" ], de.variables.spacingXSmall, de.variables.borderRadius, de.variables.inputHeight, de.variables.inputBorderWidth, de.variables.interactiveColorBorder, de.variables.spacingXSmall, de.variables.interactiveColorBackground, (function(e) {
         var n = e.$append;
-        return n && (0, ie.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
+        return n && (0, ae.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
     }), (function(e) {
         var n = e.$prepend;
-        return n && (0, ie.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
+        return n && (0, ae.css)([ "border-start-start-radius:0;border-end-start-radius:0;" ]);
     }), (function(e) {
         var n = e.$hasFocus;
-        return n && (0, ie.css)([ "box-shadow:", ";" ], pe.variables.focusShadow);
+        return n && (0, ae.css)([ "box-shadow:", ";" ], de.variables.focusShadow);
     }), (function(e) {
         var n = e.$error;
-        return n && (0, ie.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], pe.variables.interactiveColorAccentError, pe.variables.interactiveColorAccentErrorStrong);
+        return n && (0, ae.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], de.variables.interactiveColorAccentError, de.variables.interactiveColorAccentErrorStrong);
     }), (function(e) {
         var n = e.$disabled;
-        return n && (0, ie.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], pe.variables.interactiveColorBorderDisabled, pe.variables.interactiveColorBackgroundDisabled);
+        return n && (0, ae.css)([ "border-color:", ";background-color:", ";cursor:not-allowed;" ], de.variables.interactiveColorBorderDisabled, de.variables.interactiveColorBackgroundDisabled);
     }), (function(e) {
         var n = e.$disabled, r = e.$hasFocus;
-        return !n && !r && (0, ie.css)([ "&:hover{border-color:", ";}" ], pe.variables.interactiveColorBorderHover);
+        return !n && !r && (0, ae.css)([ "&:hover{border-color:", ";}" ], de.variables.interactiveColorBorderHover);
     }), (function(e) {
         var n = e.$popoverOpen;
-        return n && (0, ie.css)([ "position:relative;z-index:calc(", " - 2);" ], pe.variables.zindexFixedNavbar);
+        return n && (0, ae.css)([ "position:relative;z-index:calc(", " - 2);" ], de.variables.zindexFixedNavbar);
     }));
-    var be = ue().span.withConfig({
+    var pe = le().span.withConfig({
         displayName: "NormalStyles__StyledButtonsWrapper",
         componentId: "sc-1uwwpco-1"
     })([ "display:contents;" ]);
-    var me = ue().input.withConfig({
+    var ve = le().input.withConfig({
         displayName: "NormalStyles__StyledInput",
         componentId: "sc-1uwwpco-2"
-    })([ "", ";flex:1 0 auto;max-width:100%;" ], pe.mixins.reset("block"));
-    var ge = ue()(fe()).withConfig({
+    })([ "", ";flex:1 0 auto;max-width:100%;" ], de.mixins.reset("block"));
+    var be = le()(ce()).withConfig({
         displayName: "NormalStyles__StyledChip",
         componentId: "sc-1uwwpco-3"
     })([ "line-height:1.1429;height:auto;", ";&:not([disabled]):focus{box-shadow:", ";}" ], (0, 
-    pe.pick)({
-        compact: (0, ie.css)([ "padding-block:2px;" ])
-    }), pe.variables.focusShadowInset);
+    de.pick)({
+        compact: (0, ae.css)([ "padding-block:2px;" ])
+    }), de.variables.focusShadowInset);
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var me = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function ge() {
+        var e = typeof document !== "undefined" ? document : me;
+        return e;
+    }
+    var ye = ge();
+    /* harmony default export */    const he = /* unused pure expression or super */ null && ye;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -464,7 +523,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ye(e, n) {
+    function Oe(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -477,16 +536,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
-    function he(e) {
+    function we(e) {
         "@babel/helpers - typeof";
-        return he = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return we = "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;
-        }, he(e);
+        }, we(e);
     }
-    function Oe() {
-        return Oe = Object.assign ? Object.assign.bind() : function(e) {
+    function Se() {
+        return Se = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -494,27 +553,27 @@
                 }
             }
             return e;
-        }, Oe.apply(null, arguments);
+        }, Se.apply(null, arguments);
     }
-    function we(e) {
-        return Me(e) || Ce(e) || je(e) || Se();
+    function Ce(e) {
+        return ke(e) || Pe(e) || Ee(e) || Me();
     }
-    function Se() {
+    function Me() {
         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 Ce(e) {
+    function Pe(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Me(e) {
+    function ke(e) {
         if (Array.isArray(e)) return xe(e);
     }
-    function Pe(e, n) {
-        return Ne(e) || Ve(e, n) || je(e, n) || ke();
+    function je(e, n) {
+        return Be(e) || Ve(e, n) || Ee(e, n) || Ne();
     }
-    function ke() {
+    function Ne() {
         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 je(e, n) {
+    function Ee(e, n) {
         if (e) {
             if ("string" == typeof e) return xe(e, n);
             var r = {}.toString.call(e).slice(8, -1);
@@ -550,12 +609,12 @@
             return i;
         }
     }
-    function Ne(e) {
+    function Be(e) {
         if (Array.isArray(e)) return e;
     }
-    function Be(e, n) {
+    function Re(e, n) {
         if (null == e) return {};
-        var r, t, o = Re(e, n);
+        var r, t, o = Ie(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -564,7 +623,7 @@
         }
         return o;
     }
-    function Re(e, n) {
+    function Ie(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -575,7 +634,7 @@
         }
         return r;
     }
-    function Ee(e, n) {
+    function Ae(e, n) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -588,37 +647,37 @@
     function Fe(e) {
         for (var n = 1; n < arguments.length; n++) {
             var r = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Ee(Object(r), !0).forEach((function(n) {
-                Ie(e, n, r[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ee(Object(r)).forEach((function(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) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function Ie(e, n, r) {
-        return (n = Ae(n)) in e ? Object.defineProperty(e, n, {
+    function qe(e, n, r) {
+        return (n = De(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function Ae(e) {
-        var n = qe(e, "string");
-        return "symbol" == he(n) ? n : n + "";
+    function De(e) {
+        var n = Le(e, "string");
+        return "symbol" == we(n) ? n : n + "";
     }
-    function qe(e, n) {
-        if ("object" != he(e) || !e) return e;
+    function Le(e, n) {
+        if ("object" != we(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != he(t)) return t;
+            if ("object" != we(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    var De = {
+    var Te = {
         allowNewValues: i().bool,
         animateLoading: i().bool,
         append: i().bool,
@@ -654,14 +713,14 @@
         tabConfirmsNewValue: i().bool,
         values: i().array
     };
-    var Le = z()((function(e) {
+    var _e = H()((function(e) {
         return {
             flexBasis: e,
             width: e
         };
     }));
     // export for testing purpose
-        var Te = z()((function(e) {
+        var He = H()((function(e) {
         var n = e.anchorWidth, r = n === void 0 ? 0 : n, t = e.maxHeight, o = e.menuStyle;
         return Fe({
             maxHeight: t,
@@ -670,13 +729,13 @@
         }, o || {});
     }));
     // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-        var _e = {};
-    var He = (0, d._)("No matches");
-    var $e = (0, d._)("Select...");
-    function ze(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, x = e.name, V = e.noOptionsMessage, N = V === void 0 ? He : V, B = e.onChange, R = e.onClose, E = e.onFilterChange, I = e.onScroll, q = e.onScrollBottom, L = e.onOpen, _ = e.placeholder, $ = _ === void 0 ? $e : _, z = e.prepend, K = e.required, U = e.repositionMode, X = e.tabConfirmsNewValue, Q = e.values, Z = Be(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 $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" ]);
         // @docs-props-type NormalPropsBase
-                var ne = c()({
+                var ae = c()({
             componentName: "Multiselect",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -685,114 +744,138 @@
             valuePropName: "values"
         });
         if (false) {}
-        var ie = (0, r.useState)(0), ue = Pe(ie, 2), se = ue[0], ce = ue[1];
-        var de = (0, r.useState)(null), fe = Pe(de, 2), pe = fe[0], he = fe[1];
-        var Se = (0, r.useState)(""), Ce = Pe(Se, 2), Me = Ce[0], ke = Ce[1];
-        var je = (0, r.useState)(false), xe = Pe(je, 2), Ve = xe[0], Ne = xe[1];
-        var Re = (0, r.useState)(false), Ee = Pe(Re, 2), Ie = Ee[0], Ae = Ee[1];
-        var qe = (0, r.useState)(p || []), De = Pe(qe, 2), ze = De[0], Ke = De[1];
-        var We = (0, r.useState)(""), Ue = Pe(We, 2), Ge = Ue[0], Xe = Ue[1];
-        var Je = ne && Q ? Q : ze;
-        var Qe = Je.slice(0);
-        var Ye = Je.indexOf(Me) >= 0;
-        var Ze = (0, r.useRef)(null);
-        var en = (0, r.useRef)(null);
-        var nn = (0, r.useRef)(undefined);
-        var rn = (0, r.useRef)(0);
-        var tn = (0, r.useState)((function() {
+        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 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);
+                            }
+                        }
+                    }
+                }));
+            }
+            return {
+                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() {
             return {
-                activeItemId: (0, ae.createDOMID)("active-item"),
-                popoverId: (0, ae.createDOMID)("popover")
+                activeItemId: (0, te.createDOMID)("active-item"),
+                popoverId: (0, te.createDOMID)("popover")
             };
-        })), on = Pe(tn, 1), an = on[0], ln = an.activeItemId, un = an.popoverId;
+        })), ln = je(an, 1), un = ln[0], sn = un.activeItemId, cn = un.popoverId;
         (0, r.useEffect)((function() {
-            if (ne) {
-                ke("");
-                ce(0);
+            if (ae) {
+                Pe("");
+                se(0);
             }
-        }), [ Q, ne ]);
+        }), [ 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() {
-            en.current = se;
-        }), [ se ]);
-        var sn = (0, r.useCallback)((function(e) {
+            rn.current = ue;
+        }), [ ue ]);
+        var dn = (0, r.useCallback)((function(e) {
             var n = e.resetFilterKeyword;
             if (!Ie) {
-                ke((function(e) {
+                Pe((function(e) {
                     return n ? "" : e;
                 }));
-                Ne(true);
+                xe(true);
                 Ae(true);
                 L === null || L === void 0 ? void 0 : L();
             }
         }), [ Ie, L ]);
-        var cn = (0, r.useCallback)((function() {
-            if (Ve) {
-                sn({
+        var fn = (0, r.useCallback)((function() {
+            if (Ee) {
+                dn({
                     resetFilterKeyword: false
                 });
             } else {
                 var e;
-                (e = Ze.current) === null || e === void 0 ? void 0 : e.focus();
+                (e = nn.current) === null || e === void 0 ? void 0 : e.focus();
             }
-        }), [ Ve, sn ]);
-        var dn = (0, r.useCallback)((function(e, n) {
+        }), [ Ee, dn ]);
+        var pn = (0, r.useCallback)((function(e, n) {
             if (!Ie) {
                 return;
             }
             var r = (Je || []).concat([ n ]);
-            if (!ne) {
-                Ke(r);
-                ce(0);
+            if (!ae) {
+                Te(r);
+                se(0);
                 Ae(true);
-                ke("");
+                Pe("");
             }
-            B === null || B === void 0 ? void 0 : B(e, {
+            V === null || V === void 0 ? void 0 : V(e, {
                 values: r,
-                name: x
+                name: N
             });
-        }), [ Ie, Je, ne, B, x ]);
-        var fn = (0, r.useCallback)((function(e, n) {
-            var r = J()(Je, n);
-            if (!ne) {
-                Ke(r);
+        }), [ Ie, Je, ae, V, N ]);
+        var vn = (0, r.useCallback)((function(e, n) {
+            var r = G()(Je, n);
+            if (!ae) {
+                Te(r);
             }
-            B === null || B === void 0 ? void 0 : B(e, {
+            V === null || V === void 0 ? void 0 : V(e, {
                 values: r,
-                name: x
+                name: N
             });
-        }), [ Je, ne, x, B ]);
-        var pn = (0, r.useCallback)((function(e) {
+        }), [ 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(rn.current, " options, loading more options"));
+                Xe("".concat(on.current, " options, loading more options"));
             }
         }), [ Ie, C, q ]);
-        var vn = (0, r.useCallback)((function(e, n) {
+        var mn = (0, r.useCallback)((function(e, n) {
             var r = n.value;
-            F()((function() {
-                return fn(e, r);
+            I()((function() {
+                return vn(e, r);
             }));
-        }), [ fn ]);
-        var bn = (0, r.useCallback)((function(e) {
+        }), [ vn ]);
+        var gn = (0, r.useCallback)((function(e) {
             if (Me !== "") {
-                E === null || E === void 0 ? void 0 : E(e, {
+                R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
             }
-            sn({
+            dn({
                 resetFilterKeyword: true
             });
-        }), [ Me, E, sn ]);
-        var mn = (0, r.useCallback)((function(e) {
+        }), [ Me, R, dn ]);
+        var yn = (0, r.useCallback)((function(e) {
             var n;
-            var t = e.key;
-            if (t === "Tab" && Ie) {
-                if (X && nn.current !== undefined && rn.current <= 1) {
-                    var o;
+            var t = on.current;
+            var o = e.key;
+            if (o === "Tab" && Ie) {
+                if (X && tn.current !== undefined && on.current <= 1) {
+                    var a;
                     e.preventDefault();
-                    dn(e, nn.current);
-                    (o = Ze.current) === null || o === void 0 ? void 0 : o.focus();
+                    pn(e, tn.current);
+                    (a = nn.current) === null || a === void 0 ? void 0 : a.focus();
                 } else {
                     Ae(false);
                 }
@@ -800,104 +883,119 @@
             if (e.shiftKey || e.metaKey || e.ctrlKey) {
                 return;
             }
-            if (t === "End" && Ie) {
+            if (o === "End" && Ie) {
                 e.preventDefault();
-                ce(rn.current - 1);
+                if (t > 0) {
+                    se(t - 1);
+                }
             }
-            if (t === "Home" && Ie) {
+            if (o === "Home" && Ie) {
                 e.preventDefault();
-                ce(0);
+                se(0);
             }
-            if (t === "ArrowDown") {
+            if (o === "ArrowDown") {
                 e.preventDefault();
                 if (Ie) {
-                    ce((function(e) {
-                        return Math.min(e + 1, rn.current - 1);
-                    }));
+                    if (t > 0) {
+                        se((function(e) {
+                            return Math.min(e + 1, t - 1);
+                        }));
+                    }
                 } else {
-                    ce(0);
+                    se(0);
                     Ae(true);
                 }
                 if (i && q) {
-                    var a = r.Children.toArray(i).length - (2 + ((Je === null || Je === void 0 ? void 0 : Je.length) || 0));
-                    if (se === a) {
-                        pn(e);
+                    var l = r.Children.toArray(i).length - (2 + ((Je === null || Je === void 0 ? void 0 : Je.length) || 0));
+                    if (ue === l) {
+                        bn(e);
                     }
                 }
             }
-            if (t === "ArrowUp") {
+            if (o === "ArrowUp") {
                 e.preventDefault();
                 if (Ie) {
-                    ce((function(e) {
+                    se((function(e) {
                         return Math.max(e - 1, 0);
                     }));
                 } else {
-                    ce(0);
+                    se(0);
                     Ae(true);
                 }
             }
-            if (t === "Enter" && nn.current !== undefined && Ie) {
-                dn(e, nn.current);
+            if (o === "Enter" && tn.current !== undefined && Ie) {
+                pn(e, tn.current);
             }
-            if (t === "Backspace" && ((n = Ze.current) === null || n === void 0 ? void 0 : n.value) === "" && Je.length) {
-                fn(e, H()(Je));
+            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;
+                        break;
+                    }
+                }
+                if (u !== undefined) {
+                    vn(e, u);
+                }
             }
-        }), [ Ie, Je, X, dn, i, q, se, pn, fn ]);
-        var gn = (0, r.useCallback)((function(e) {
-            ke(e.target.value);
+        }), [ Ie, Je, X, pn, i, q, ue, bn, en, vn ]);
+        var hn = (0, r.useCallback)((function(e) {
+            Pe(e.target.value);
             Ae(true);
-            ce(0);
-            E === null || E === void 0 ? void 0 : E(e, {
+            se(0);
+            R === null || R === void 0 ? void 0 : R(e, {
                 keyword: e.target.value
             });
-        }), [ E ]);
-        var yn = (0, r.useCallback)((function(e, n) {
+        }), [ R ]);
+        var On = (0, r.useCallback)((function(e, n) {
             var r;
             var t = n.value;
             e.stopPropagation();
-            dn(e, t);
-            (r = Ze.current) === null || r === void 0 ? void 0 : r.focus();
-        }), [ dn ]);
-        var hn = (0, r.useCallback)((function(e) {
-            var n = document.getElementById(un);
-            var r = e.relatedTarget || document.activeElement;
+            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);
+            var t = e.relatedTarget || n.activeElement;
  // IE11 doesn't support relatedTarget but sets activeElement
-                        var t = n && r && n.contains(r);
+                        var o = r && t && r.contains(t);
  // TS: target as Node is an unsafe assumption
-                        ke(t ? Me : "");
-            Ne(false);
-            if (!t) {
-                E === null || E === void 0 ? void 0 : E(e, {
+                        Pe(o ? Me : "");
+            xe(false);
+            if (!o) {
+                R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
             }
-        }), [ Me, E, un ]);
-        var On = (0, r.useCallback)((function(e) {
+        }), [ Me, R, cn ]);
+        var Sn = (0, r.useCallback)((function(e) {
             var n = e.reason, r = e.event;
-            if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(pe === null || pe === void 0 ? void 0 : pe.contains(r.target))) {
+            if (n === "escapeKey" || n === "offScreen" || n === "clickAway" && r !== undefined && !(me === null || me === void 0 ? void 0 : me.contains(r.target))) {
                 Ae(false);
-                en.current = null;
-                R === null || R === void 0 ? void 0 : R();
+                rn.current = null;
+                B === null || B === void 0 ? void 0 : B();
             }
             if (n === "escapeKey") {
                 var t;
-                (t = Ze.current) === null || t === void 0 ? void 0 : t.focus();
+                (t = nn.current) === null || t === void 0 ? void 0 : t.focus();
             }
-        }), [ pe, R ]);
-        var wn = (0, r.useCallback)((function(e) {
-            he(e);
-            ye(m, e);
+        }), [ me, B ]);
+        var Cn = (0, r.useCallback)((function(e) {
+            ye(e);
+            Oe(m, e);
         }), [ m ]);
-        var Sn = (0, r.useCallback)((function(e) {
-            Ze.current = e;
-            ye(S, e);
+        var Mn = (0, r.useCallback)((function(e) {
+            nn.current = e;
+            Oe(S, e);
         }), [ S ]);
-        var Cn = (0, r.useCallback)((function(e) {
-            if (en.current !== se) {
-                (0, le.scrollIntoViewIfNeeded)(e);
+        var Pn = (0, r.useCallback)((function(e) {
+            if (rn.current !== ue) {
+                (0, oe.scrollIntoViewIfNeeded)(e);
             }
-        }), [ se ]);
-        var Mn = (0, r.useCallback)((function(e) {
+        }), [ ue ]);
+        var kn = (0, r.useCallback)((function(e) {
             // selectedOptions may contain items or unmatched values at this point
             return e.map((function(e) {
                 var n = e;
@@ -906,13 +1004,13 @@
                 if (r != null) {
                     var o = r.children, a = r.icon, l = r.label, i = r.selectedAppearance, u = r.selectedBackgroundColor, s = r.selectedForegroundColor, c = r.value;
                     
-                    return t().createElement(ge, {
+                    return t().createElement(be, {
                         "aria-selected": true,
-                        disabled: b,
+                        disabled: !!b || !!r.disabled,
                         icon: a,
                         key: c.toString(),
                         "data-test": "selected-option",
-                        onRequestRemove: vn,
+                        onRequestRemove: mn,
                         role: "option",
                         value: c,
                         appearance: i,
@@ -921,18 +1019,18 @@
                     }, o || l);
                 }
                 
-                return t().createElement(ge, {
+                return t().createElement(be, {
                     "aria-selected": true,
                     disabled: b,
-                    key: (0, ae.createGUID)(),
+                    key: (0, te.createGUID)(),
                     "data-test": "selected-option",
-                    onRequestRemove: vn,
+                    onRequestRemove: mn,
                     role: "option",
                     value: n
                 }, n);
             }));
-        }), [ b, vn ]);
-        var Pn = function e(n) {
+        }), [ b, mn ]);
+        var jn = function e(n) {
             return n.map((function(e) {
                 var n = e;
  // TS: faking props here
@@ -941,39 +1039,26 @@
                     
                     return t().createElement("span", {
                         key: r.value.toString()
-                    }, r.children || r.label, (0, oe.sprintf)((0, d._)(" selected")));
+                    }, r.children || r.label, (0, re.sprintf)((0, d._)(" selected")));
                 }
                 
                 return t().createElement("span", {
-                    key: (0, ae.createGUID)()
-                },  t().createElement(t().Fragment, null, n, (0, oe.sprintf)((0, d._)(" selected"))));
+                    key: (0, te.createGUID)()
+                },  t().createElement(t().Fragment, null, n, (0, re.sprintf)((0, d._)(" selected"))));
             }));
         };
-        // Map Options to selected values
-                if (Je && Je.length) {
-            r.Children.toArray(i).filter(r.isValidElement).filter((function(e) {
-                return e.type === h;
-            })).forEach((function(e) {
-                if (e.type === h) {
-                    var n = Je.indexOf(e.props.value);
-                    if (n !== -1) {
-                        Qe[n] = e;
-                    }
-                }
-            }));
-        }
         // Filter the items
-                var kn = (0, te.stringToKeywords)(Me);
-        var jn = u ? r.Children.toArray(i) : r.Children.toArray(i).filter((function(e) {
-            if (A()(e, [ "props", "label" ], false)) {
-                return (0, te.testPhrase)(e.props.label, kn);
+                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);
             }
             return true;
  // Keep all headers and non-interactive options
                 }));
-        rn.current = 0;
-        nn.current = undefined;
-        var xn = r.Children.map(jn, (function(e, n) {
+        on.current = 0;
+        tn.current = undefined;
+        var xn = r.Children.map(En, (function(e, n) {
             var t = e.props;
             if (!t || !a()(t, "value")) {
                 // ignore Headings and Dividers
@@ -983,7 +1068,7 @@
             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) {
-                Ye = true;
+                Qe = true;
             }
             // remove items that are already selected
                         var f = Je.indexOf(d);
@@ -992,12 +1077,12 @@
             }
             // highlight matched text
                         var p = i === undefined || D()(i);
-            var v = p && !u && !c && kn && (0, te.keywordLocations)(s, kn);
+            var v = p && !u && !c && Nn && (0, ne.keywordLocations)(s, Nn);
             // clone item
                         var b =  (0, r.cloneElement)(o, {
                 // eslint-disable-next-line react/no-array-index-key
                 key: n,
-                onClick: yn,
+                onClick: On,
                 matchRanges: p && (c || v) || undefined
             });
             return b;
@@ -1005,14 +1090,14 @@
             return e !== null;
         })) || [];
         // Add the option to add the new value
-                if (n && !Ye && Me) {
+                if (n && !Qe && Me) {
             xn.unshift( t().createElement(h, {
                 label: "".concat(Me),
                 description: (0, d._)("(New value)"),
                 descriptionPosition: "right",
                 value: Me,
                 key: "newValue",
-                onClick: yn
+                onClick: On
             }));
         }
         // highlight the selected Item
@@ -1024,136 +1109,137 @@
             }
             var t = e;
             var o = t.props, l = o.disabled, i = o.value;
-            var u = rn.current === se;
-            rn.current += 1;
-            if (!u) {
+            if (l) {
                 return t;
             }
-            if (!l) {
-                nn.current = i;
+            var u = on.current === ue;
+            on.current += 1;
+            if (!u) {
+                return t;
             }
+            tn.current = i;
             var s =  (0, r.cloneElement)(t, {
                 active: u,
-                id: ln,
+                id: sn,
                 elementRef: function e(n) {
-                    Cn(n);
-                    ye(t.props.elementRef, n);
+                    Pn(n);
+                    Oe(t.props.elementRef, n);
                 }
             });
             return s;
         }));
-        var Nn = function e(n) {
+        var Bn = function e(n) {
             var r = n.anchorWidth, a = n.maxHeight, l = n.placement;
-            var i = Te({
+            var i = He({
                 anchorWidth: r,
                 maxHeight: a,
                 menuStyle: j
             });
             
-            return t().createElement(ee(), {
+            return t().createElement(Y(), {
                 focusMode: "never",
                 placement: l !== null && l !== void 0 ? l : undefined,
                 isLoading: C,
-                onScrollBottom: q ? pn : undefined,
-                noOptionsMessage: N,
+                onScrollBottom: q ? bn : undefined,
+                noOptionsMessage: x,
                 footerMessage: y,
                 animateLoading: o,
                 loadingMessage: P,
-                onScroll: I,
+                onScroll: A,
                 style: i
             }, Vn);
         };
-        var Bn = Le("".concat(Me.length * .8, "em"));
-        var Rn = Fe(Fe({}, G()(Z, (function(e, n) {
+        var Rn = _e("".concat(Me.length * .8, "em"));
+        var In = Fe(Fe({}, W()(Z, (function(e, n) {
             return n === "role" || n.indexOf("aria-") === 0;
         }))), {}, {
             "aria-describedby": v,
             "aria-labelledby": M,
             "aria-invalid": g || undefined
         });
-        var En = Fe({}, G()(Z, (function(e, n) {
+        var An = Fe({}, W()(Z, (function(e, n) {
             return n === "aria-label" || n === "aria-describedby";
         })));
         
-        return t().createElement(t().Fragment, null,  t().createElement(ve, Oe({
+        return t().createElement(t().Fragment, null,  t().createElement(fe, Se({
             key: "control",
             $append: l,
             "data-test-values": JSON.stringify(Je),
             "data-test-disabled": b ? "disabled" : undefined,
             inline: O,
-            $hasFocus: Ve
-        }, W().apply(void 0, [ Z ].concat(we(T()(Rn)))), {
-            onClick: b ? undefined : cn,
+            $hasFocus: Ee
+        }, z().apply(void 0, [ Z ].concat(Ce(T()(In)))), {
+            onClick: b ? undefined : fn,
             $disabled: b,
             $error: g,
-            "data-test-popover-id": un,
+            "data-test-popover-id": cn,
             $popoverOpen: Ie,
-            $prepend: z,
+            $prepend: $,
             flex: true,
-            elementRef: wn,
+            ref: Cn,
             role: "group",
             "aria-disabled": b || undefined,
             "aria-labelledby": M
-        }, En),  t().createElement(be, {
+        }, An),  t().createElement(pe, {
             role: "listbox",
             "aria-invalid": g,
             "aria-multiselectable": "true"
-        }, Mn(Qe)), !b &&  t().createElement(me, Oe({
+        }, kn(Ze)), !b &&  t().createElement(ve, Se({
             role: "combobox",
             "data-test": "textbox",
             id: w,
-            ref: Sn,
-            onBlur: hn,
-            onFocus: bn,
-            onChange: gn,
-            onKeyDown: mn,
+            ref: Mn,
+            onBlur: wn,
+            onFocus: gn,
+            onChange: hn,
+            onKeyDown: yn,
             value: Me,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             spellCheck: false,
-            style: Bn,
-            placeholder: Je.length ? "" : $,
+            style: Rn,
+            placeholder: Je.length ? "" : H,
             required: K,
-            "aria-activedescendant": Ie && rn.current > 0 ? ln : undefined,
+            "aria-activedescendant": Ie && on.current > 0 ? sn : undefined,
             "aria-autocomplete": "list",
-            "aria-controls": Ie ? un : undefined,
-            "aria-owns": Ie ? un : undefined,
+            "aria-controls": Ie ? cn : undefined,
+            "aria-owns": Ie ? cn : undefined,
             "aria-expanded": Ie,
             "aria-haspopup": true
-        }, Rn)),  t().createElement(Y(), {
-            open: Ie && !!pe,
+        }, In)),  t().createElement(J(), {
+            open: Ie && !!me,
             autoCloseWhenOffScreen: true,
-            anchor: pe,
-            onRequestClose: On,
+            anchor: me,
+            onRequestClose: Sn,
             canCoverAnchor: false,
             defaultPlacement: f,
             repositionMode: U,
-            id: un
-        }, Nn)),  t().createElement(re(), {
+            id: cn
+        }, Bn)),  t().createElement(ee(), {
             role: "status",
             "aria-relevant": "text"
-        }, Ge),  t().createElement(re(), {
+        }, Ge),  t().createElement(ee(), {
             role: "alert",
             "aria-relevant": "additions"
-        }, Pn(Qe)));
+        }, jn(Ze)));
     }
-    ze.propTypes = De;
-    ze.Option = h;
-    ze.Divider = u.Divider;
-    ze.Heading = u.Heading;
-    /* harmony default export */    const Ke = ze;
+    We.propTypes = Te;
+    We.Option = h;
+    We.Divider = u.Divider;
+    We.Heading = u.Heading;
+    /* harmony default export */    const Ue = We;
     // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
-    function We(e) {
+    function Ge(e) {
         "@babel/helpers - typeof";
-        return We = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Ge = "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);
+        }, Ge(e);
     }
-    function Ue() {
-        return Ue = Object.assign ? Object.assign.bind() : function(e) {
+    function Xe() {
+        return Xe = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -1161,9 +1247,9 @@
                 }
             }
             return e;
-        }, Ue.apply(null, arguments);
+        }, Xe.apply(null, arguments);
     }
-    function Ge(e, n) {
+    function Je(e, n) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -1173,42 +1259,42 @@
         }
         return r;
     }
-    function Xe(e) {
+    function Qe(e) {
         for (var n = 1; n < arguments.length; n++) {
             var r = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Ge(Object(r), !0).forEach((function(n) {
-                Je(e, n, r[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ge(Object(r)).forEach((function(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) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function Je(e, n, r) {
-        return (n = Qe(n)) in e ? Object.defineProperty(e, n, {
+    function Ye(e, n, r) {
+        return (n = Ze(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function Qe(e) {
-        var n = Ye(e, "string");
-        return "symbol" == We(n) ? n : n + "";
+    function Ze(e) {
+        var n = en(e, "string");
+        return "symbol" == Ge(n) ? n : n + "";
     }
-    function Ye(e, n) {
-        if ("object" != We(e) || !e) return e;
+    function en(e, n) {
+        if ("object" != Ge(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" != Ge(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function Ze(e, n) {
+    function nn(e, n) {
         if (null == e) return {};
-        var r, t, o = en(e, n);
+        var r, t, o = rn(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -1217,7 +1303,7 @@
         }
         return o;
     }
-    function en(e, n) {
+    function rn(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -1230,7 +1316,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var nn = {
+    /** @public */    var tn = {
         allowNewValues: i().bool,
         animateLoading: i().bool,
         append: i().bool,
@@ -1272,10 +1358,10 @@
         /** @private */
         virtualization: i().number
     };
-    var rn = (0, d._)("No matches");
-    var tn = (0, d._)("Select...");
-    function on(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, x = j === void 0 ? rn : j, V = e.onChange, N = e.onClose, B = e.onFilterChange, E = e.onOpen, F = e.onScroll, I = e.onScrollBottom, A = e.placeholder, q = A === void 0 ? tn : A, 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 = Ze(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 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" ]);
         // @docs-props-type MultiselectPropsBase
                 var U = c()({
             componentName: "Multiselect",
@@ -1294,7 +1380,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 = Xe({
+        var J = Qe({
             allowNewValues: n,
             animateLoading: o,
             append: a,
@@ -1314,13 +1400,13 @@
             loadingMessage: M,
             menuStyle: P,
             name: k,
-            noOptionsMessage: x,
-            onClose: N,
-            onChange: V,
-            onFilterChange: B,
-            onOpen: E,
-            onScroll: F,
-            onScrollBottom: I,
+            noOptionsMessage: N,
+            onClose: x,
+            onChange: E,
+            onFilterChange: V,
+            onOpen: R,
+            onScroll: I,
+            onScrollBottom: A,
             placeholder: q,
             prepend: D,
             repositionMode: T,
@@ -1349,22 +1435,22 @@
         };
         if (l) {
             
-            return t().createElement(R, Ue({
+            return t().createElement(B, Xe({
                 "data-test": "multiselect"
             }, Z, ee, J));
         }
         
-        return t().createElement(Ke, Ue({
+        return t().createElement(Ue, Xe({
             "data-test": "multiselect"
         }, Z, J));
     }
     // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
-        on.componentType = "Multiselect";
-    on.Option = h;
-    on.Heading = u.Heading;
-    on.Divider = u.Divider;
-    on.propTypes = nn;
-    /* harmony default export */    const an = on;
+        ln.componentType = "Multiselect";
+    ln.Option = h;
+    ln.Heading = u.Heading;
+    ln.Divider = u.Divider;
+    ln.propTypes = tn;
+    /* harmony default export */    const un = ln;
     // CONCATENATED MODULE: ./src/Multiselect/index.ts
     module.exports = n;
     /******/})();