@splunk/react-ui 5.9.0 → 5.9.1

package/Menu.js

@@ -121,7 +121,7 @@
     var C = u()(y()).withConfig({
         displayName: "ItemStyles__StyledClickable",
         componentId: "sc-4kc053-5"
-    })([ "line-height:", ";display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;box-shadow:", ";background:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], v.variables.lineHeightSpacious, v.variables.contentColorActive, v.variables.inputHeight, v.variables.spacingXSmall, v.variables.spacingLarge, (function(e) {
+    })([ "line-height:", ";display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;min-height:", ";padding:", " ", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}&:active{background:", ";}", "}&:focus{outline:0;background:", ";box-shadow:", ";}&[disabled],&[aria-disabled='true']{color:", ";", ",", ",", ",", "{color:", ";}}" ], v.variables.lineHeightSpacious, v.variables.contentColorActive, v.variables.inputHeight, v.variables.spacingXSmall, v.variables.spacingLarge, (function(e) {
         var t = e.$active, r = e.$preventFocus;
         return t && !r && (0, c.css)([ "box-shadow:", ";" ], v.variables.focusShadowInset);
     }), (function(e) {
@@ -139,7 +139,7 @@
         var t = e.$selected, r = e.$active;
         return t && (0, c.css)([ "font-weight:", ";", "" ], v.variables.fontWeightSemiBold, r && (0, 
         c.css)([ "font-weight:", ";" ], v.variables.fontWeightBold));
-    }), v.variables.focusShadowInset, v.variables.interactiveColorOverlayHover, v.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ w, /* sc-sel */ k, v.variables.contentColorDisabled);
+    }), v.variables.interactiveColorOverlayHover, v.variables.focusShadowInset, v.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ w, /* sc-sel */ k, v.variables.contentColorDisabled);
     var j = u().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"

package/Multiselect.js

@@ -212,9 +212,9 @@
             return e;
         }, M.apply(null, arguments);
     }
-    function P(e, n) {
+    function k(e, n) {
         if (null == e) return {};
-        var r, t, o = k(e, n);
+        var r, t, o = P(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -223,7 +223,7 @@
         }
         return o;
     }
-    function k(e, n) {
+    function P(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -280,7 +280,7 @@
     var E = (0, d._)("No matches");
     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" ]);
+        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, P = 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, X = U === void 0 ? "nextOpen" : U, G = e.tabConfirmsNewValue, J = e.values, Q = e.virtualization, Y = k(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",
@@ -334,7 +334,7 @@
             inputId: O,
             inputRef: w,
             isLoadingOptions: S,
-            labelledBy: k,
+            labelledBy: P,
             loadingMessage: j,
             menuStyle: B,
             name: R,
@@ -349,8 +349,8 @@
             prepend: z,
             repositionMode: K,
             selectAllAppearance: W,
-            showSelectedValuesFirst: G,
-            tabConfirmsNewValue: X,
+            showSelectedValuesFirst: X,
+            tabConfirmsNewValue: G,
             virtualization: Q
         }, Y, ee, {
             multiple: true
@@ -384,10 +384,10 @@
     var W =  e.n(K);
     // CONCATENATED MODULE: external "lodash/without"
     const U = require("lodash/without");
-    var G =  e.n(U);
+    var X =  e.n(U);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const X = require("@splunk/react-ui/Popover");
-    var J =  e.n(X);
+    const G = require("@splunk/react-ui/Popover");
+    var J =  e.n(G);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
     const Q = require("@splunk/react-ui/ResultsMenu");
     var Y =  e.n(Q);
@@ -417,7 +417,7 @@
     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;}" ], de.variables.spacingXSmall, de.variables.borderRadius, de.variables.inputHeight, de.variables.inputBorderWidth, de.variables.interactiveColorBorder, de.variables.spacingXSmall, de.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:", ";padding-block:calc(", " - ", ");", " ", " ", " ", " ", " ", " ", " &[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, de.variables.spacingXSmall, de.variables.inputBorderWidth, (function(e) {
         var n = e.$append;
         return n && (0, ae.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;" ]);
     }), (function(e) {
@@ -446,7 +446,7 @@
     var ve = le().input.withConfig({
         displayName: "NormalStyles__StyledInput",
         componentId: "sc-1uwwpco-2"
-    })([ "", ";flex:1 0 auto;max-width:100%;" ], de.mixins.reset("block"));
+    })([ "", ";flex:1 0 auto;max-width:100%;line-height:", ";" ], de.mixins.reset("block"), de.variables.lineHeightSpacious);
     var be = le()(ce()).withConfig({
         displayName: "NormalStyles__StyledChip",
         componentId: "sc-1uwwpco-3"
@@ -598,12 +598,12 @@
         }, Ce.apply(null, arguments);
     }
     function Me(e) {
-        return je(e) || ke(e) || Ne(e) || Pe();
+        return je(e) || Pe(e) || Ne(e) || ke();
     }
-    function Pe() {
+    function ke() {
         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 ke(e) {
+    function Pe(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function je(e) {
@@ -778,8 +778,8 @@
         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" ]);
+    function Xe(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, k = e.loadingMessage, P = e.menuStyle, j = P === void 0 ? ze : P, 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, G = 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",
@@ -792,13 +792,13 @@
         if (false) {}
         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 Oe = (0, r.useState)(""), Se = Ve(Oe, 2), ke = Se[0], Pe = 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 Xe = (0, r.useState)(""), Ge = Ve(Xe, 2), Je = Ge[0], Qe = Ge[1];
         var Ye = ae && Q ? Q : Te;
-        var Ze = Ye.indexOf(Pe) >= 0;
+        var Ze = Ye.indexOf(ke) >= 0;
         var en = me(b, "disabled"), nn = en.isDisabled, rn = en.disabledValue;
         var tn = (0, r.useMemo)((function() {
             return r.Children.toArray(i);
@@ -847,7 +847,7 @@
         })), gn = Ve(mn, 1), yn = gn[0], hn = yn.activeItemId, On = yn.popoverId;
         (0, r.useEffect)((function() {
             if (ae) {
-                ke("");
+                Pe("");
                 se(0);
             }
         }), [ Q, ae ]);
@@ -858,7 +858,7 @@
         var wn = (0, r.useCallback)((function(e) {
             var n = e.resetFilterKeyword;
             if (!Fe) {
-                ke((function(e) {
+                Pe((function(e) {
                     return n ? "" : e;
                 }));
                 xe(true);
@@ -885,7 +885,7 @@
                 _e(r);
                 se(0);
                 qe(true);
-                ke("");
+                Pe("");
             }
             x === null || x === void 0 ? void 0 : x(e, {
                 values: r,
@@ -893,7 +893,7 @@
             });
         }), [ Fe, nn, Ye, ae, x, V ]);
         var Mn = (0, r.useCallback)((function(e, n) {
-            var r = G()(Ye, n);
+            var r = X()(Ye, n);
             if (!ae) {
                 _e(r);
             }
@@ -902,13 +902,13 @@
                 name: V
             });
         }), [ Ye, ae, V, x ]);
-        var Pn = (0, r.useCallback)((function(e) {
+        var kn = (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"));
             }
         }), [ Fe, C, A ]);
-        var kn = (0, r.useCallback)((function(e, n) {
+        var Pn = (0, r.useCallback)((function(e, n) {
             var r = n.value;
             I()((function() {
                 return Mn(e, r);
@@ -919,7 +919,7 @@
             if (nn) {
                 return;
             }
-            if (Pe !== "") {
+            if (ke !== "") {
                 R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
@@ -927,7 +927,7 @@
             wn({
                 resetFilterKeyword: true
             });
-        }), [ nn, Pe, R, wn ]);
+        }), [ nn, ke, R, wn ]);
         var Vn = (0, r.useCallback)((function(e) {
             var n;
             var r = bn.current;
@@ -938,7 +938,7 @@
             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) {
+                if (!a && G && vn.current !== undefined && bn.current <= 1) {
                     var l;
                     e.preventDefault();
                     Cn(e, vn.current);
@@ -975,7 +975,7 @@
                 if (i && A) {
                     var u = tn.length - (2 + ((Ye === null || Ye === void 0 ? void 0 : Ye.length) || 0));
                     if (ue === u) {
-                        Pn(e);
+                        kn(e);
                     }
                 }
             }
@@ -1007,9 +1007,9 @@
                     Mn(e, s);
                 }
             }
-        }), [ nn, Fe, Ye, X, Cn, i, un, tn, A, ue, Pn, dn, Mn ]);
+        }), [ nn, Fe, Ye, G, Cn, i, un, tn, A, ue, kn, dn, Mn ]);
         var En = (0, r.useCallback)((function(e) {
-            ke(e.target.value);
+            Pe(e.target.value);
             qe(true);
             se(0);
             R === null || R === void 0 ? void 0 : R(e, {
@@ -1038,14 +1038,14 @@
  // IE11 doesn't support relatedTarget but sets activeElement
                         var o = r && t && r.contains(t);
  // TS: target as Node is an unsafe assumption
-                        ke(o ? Pe : "");
+                        Pe(o ? ke : "");
             xe(false);
             if (!nn && !o) {
                 R === null || R === void 0 ? void 0 : R(e, {
                     keyword: ""
                 });
             }
-        }), [ nn, Pe, R, On ]);
+        }), [ nn, ke, 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 && !(ge === null || ge === void 0 ? void 0 : ge.contains(r.target))) {
@@ -1086,7 +1086,7 @@
                         icon: a,
                         key: c.toString(),
                         "data-test": "selected-option",
-                        onRequestRemove: kn,
+                        onRequestRemove: Pn,
                         role: "option",
                         value: c,
                         appearance: i,
@@ -1100,12 +1100,12 @@
                     disabled: nn,
                     key: (0, te.createGUID)(),
                     "data-test": "selected-option",
-                    onRequestRemove: kn,
+                    onRequestRemove: Pn,
                     role: "option",
                     value: n
                 }, n);
             }));
-        }), [ nn, kn ]);
+        }), [ nn, Pn ]);
         var An = function e(n) {
             return n.map((function(e) {
                 var n = e;
@@ -1124,7 +1124,7 @@
             }));
         };
         // Filter the items
-                var Dn = (0, ne.stringToKeywords)(Pe);
+                var Dn = (0, ne.stringToKeywords)(ke);
         var Ln = u ? tn : tn.filter((function(e) {
             if (q()(e, [ "props", "label" ], false)) {
                 return (0, ne.testPhrase)(e.props.label, Dn);
@@ -1143,7 +1143,7 @@
             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 === Pe) {
+                        if (d === ke) {
                 Ze = true;
             }
             // remove items that are already selected
@@ -1166,12 +1166,12 @@
             return e !== null;
         })) || [];
         // Add the option to add the new value
-                if (n && !Ze && Pe) {
+                if (n && !Ze && ke) {
             Tn.unshift( t().createElement(h, {
-                label: "".concat(Pe),
+                label: "".concat(ke),
                 description: (0, d._)("(New value)"),
                 descriptionPosition: "right",
-                value: Pe,
+                value: ke,
                 key: "newValue",
                 onClick: Nn
             }));
@@ -1217,16 +1217,16 @@
                 focusMode: "never",
                 placement: l !== null && l !== void 0 ? l : undefined,
                 isLoading: C,
-                onScrollBottom: A ? Pn : undefined,
+                onScrollBottom: A ? kn : undefined,
                 noOptionsMessage: N,
                 footerMessage: y,
                 animateLoading: o,
-                loadingMessage: P,
+                loadingMessage: k,
                 onScroll: F,
                 style: i
             }, _n);
         };
-        var $n = He("".concat(Pe.length * .8, "em"));
+        var $n = He("".concat(ke.length * .8, "em"));
         var zn = Ae(Ae({}, W()(Z, (function(e, n) {
             return n === "role" || n.indexOf("aria-") === 0;
         }))), {}, {
@@ -1270,7 +1270,7 @@
             onFocus: jn,
             onChange: nn ? undefined : En,
             onKeyDown: nn ? undefined : Vn,
-            value: Pe,
+            value: ke,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
@@ -1304,11 +1304,11 @@
             "aria-relevant": "additions"
         }, An(cn)));
     }
-    Ge.propTypes = _e;
-    Ge.Option = h;
-    Ge.Divider = u.Divider;
-    Ge.Heading = u.Heading;
-    /* harmony default export */    const Xe = Ge;
+    Xe.propTypes = _e;
+    Xe.Option = h;
+    Xe.Divider = u.Divider;
+    Xe.Heading = u.Heading;
+    /* harmony default export */    const Ge = Xe;
     // CONCATENATED MODULE: ./src/Multiselect/Multiselect.tsx
     function Je(e) {
         "@babel/helpers - typeof";
@@ -1441,7 +1441,7 @@
     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" ]);
+        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, k = e.menuStyle, P = 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",
@@ -1451,15 +1451,15 @@
             defaultValuePropName: "defaultValues",
             valuePropName: "values"
         });
-        /* eslint-disable-next-line prefer-rest-params */        var G = arguments[0];
+        /* eslint-disable-next-line prefer-rest-params */        var X = arguments[0];
         (0, r.useEffect)((function() {
             if (l !== true) {
                 if (false) {}
                 if (false) {}
             }
-        }), [ l, G ]);
+        }), [ l, X ]);
         // 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 G = !!h;
         var J = Ze({
             allowNewValues: n,
             animateLoading: o,
@@ -1472,14 +1472,14 @@
             elementRef: b,
             error: m,
             footerMessage: y,
-            inline: X,
+            inline: G,
             inputId: O,
             inputRef: w,
             isLoadingOptions: S,
             labelledBy: C,
             loadingMessage: M,
-            menuStyle: P,
-            name: k,
+            menuStyle: k,
+            name: P,
             noOptionsMessage: V,
             onClose: N,
             onChange: E,
@@ -1520,7 +1520,7 @@
             }, Z, ee, J));
         }
         
-        return t().createElement(Xe, Qe({
+        return t().createElement(Ge, Qe({
             "data-test": "multiselect"
         }, Z, J));
     }