@splunk/react-ui 5.5.0 → 5.7.0

package/Menu.js

@@ -103,11 +103,11 @@
         componentId: "sc-4kc053-1"
     })([ "", ";display:flex;align-self:flex-start;align-items:center;float:right;padding-left:", ";max-width:50%;min-height:20px;text-align:right;" ], y, p.variables.spacingLarge);
     var w = (0, c.css)([ "", " flex:0 0 auto;& > svg{height:20px;}" ], p.mixins.reset("inline-flex"));
-    var O = u().div.withConfig({
+    var k = u().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedAdornment",
         componentId: "sc-4kc053-2"
     })([ "", ";padding-left:", ";align-items:flex-start;color:", ";" ], w, p.variables.spacingLarge, p.variables.contentColorActive);
-    var k = u().span.withConfig({
+    var O = u().span.withConfig({
         displayName: "ItemStyles__StyledItemAdornment",
         componentId: "sc-4kc053-3"
     })([ "", ";", " padding-right:", ";align-items:center;color:", ";" ], w, (function(e) {
@@ -139,7 +139,7 @@
         var t = e.$selected, r = e.$active;
         return t && (0, c.css)([ "font-weight:", ";", "" ], p.variables.fontWeightSemiBold, r && (0, 
         c.css)([ "font-weight:", ";" ], p.variables.fontWeightBold));
-    }), p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, p.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ O, /* sc-sel */ k, p.variables.contentColorDisabled);
+    }), p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, p.variables.contentColorDisabled, /* sc-sel */ h, /* sc-sel */ S, /* sc-sel */ k, /* sc-sel */ O, p.variables.contentColorDisabled);
     var I = u().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
@@ -426,7 +426,7 @@
         openInNewContext: l().oneOfType([ l().bool, l().string ]),
         /** @private */
         preventFocus: l().bool,
-        role: l().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
+        role: l().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "link", "option" ]),
         selectable: l().bool,
         selectableAppearance: l().oneOf([ "checkmark", "checkbox" ]),
         selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
@@ -497,7 +497,7 @@
         }
         var Q = l && c === "right";
         var U = l && !Q;
-        var Y = q && N === "checkmark" &&  n().createElement(O, null,  n().createElement(ne(), {
+        var Y = q && N === "checkmark" &&  n().createElement(k, null,  n().createElement(ne(), {
             "data-test": "selected-checkmark",
             inline: true
         }));
@@ -531,7 +531,7 @@
             checked: q === "some" ? "indeterminate" : q,
             disabled: !!u,
             inert: true
-        }), $ &&  n().createElement(k, null, $),  n().createElement(E, {
+        }), $ &&  n().createElement(O, null, $),  n().createElement(E, {
             $descriptionBottom: !!U,
             $truncate: R !== null && R !== void 0 ? R : false
         },  n().createElement(_, {
@@ -541,7 +541,7 @@
             "data-test": "description"
         }, l), Q &&  n().createElement(S, {
             "data-test": "description"
-        }, l)), d &&  n().createElement(k, {
+        }, l)), d &&  n().createElement(O, {
             endAdornment: d
         }, d), Y));
     }
@@ -551,18 +551,18 @@
     // only for styled components using Item
         // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
     const we = require("@splunk/react-ui/Scroll");
-    var Oe =  e.n(we);
+    var ke =  e.n(we);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var ke = (0, c.css)([ "border-top:1px solid ", ";" ], p.variables.borderColor);
-    var xe = (0, c.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], p.mixins.reset("block"), p.variables.backgroundColorPopup, p.variables.borderRadius, p.variables.spacingSmall, p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, ke);
+    var Oe = (0, c.css)([ "border-top:1px solid ", ";" ], p.variables.borderColor);
+    var xe = (0, c.css)([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;padding:", " 0;&:focus{outline:0;box-shadow:", ";background:", ";}& + &{", "}" ], p.mixins.reset("block"), p.variables.backgroundColorPopup, p.variables.borderRadius, p.variables.spacingSmall, p.variables.focusShadowInset, p.variables.interactiveColorOverlayHover, Oe);
     var Ce = u().div.withConfig({
         displayName: "MenuStyles__Styled",
         componentId: "sc-1olffp9-0"
     })([ "", "" ], xe);
-    var Ie = u()(Oe()).withConfig({
+    var Ie = u()(ke()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " ", " + &,& + ", "{", "}" ], xe, /* sc-sel */ Ce, /* sc-sel */ Ce, ke);
+    })([ "", " ", " + &,& + ", "{", "}" ], xe, /* sc-sel */ Ce, /* sc-sel */ Ce, Oe);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.

package/Multiselect.js

@@ -130,6 +130,9 @@
         description: i().string,
         descriptionPosition: i().oneOf([ "right", "bottom" ]),
         disabled: i().bool,
+        /**
+   * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
+   */
         elementRef: i().oneOfType([ i().func, i().object ]),
         hidden: i().bool,
         icon: i().node,
@@ -251,6 +254,8 @@
         isLoadingOptions: i().bool,
         labelledBy: i().string,
         loadingMessage: i().node,
+        /** @private. */
+        maxLabelItems: i().number,
         menuStyle: i().object,
         name: i().string,
         noOptionsMessage: i().node,
@@ -271,11 +276,11 @@
         virtualization: i().number
     };
     // TS: not typed controlled/uncontrolled, handled by Multiselect wrapper component
-        var V = {};
-    var x = (0, d._)("No matches");
+        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 ? V : B, E = e.name, F = e.noOptionsMessage, A = F === void 0 ? x : F, I = 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 = 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" ]);
         // @docs-props-type CompactPropsBase
                 C({
             componentName: "Multiselect",
@@ -290,22 +295,24 @@
         } else {
             Z = i ? "controlled" : true;
         }
-        var ee = {
-            children: r.Children.toArray(l).map((function(e) {
-                if ((0, f.isOption)(e)) {
-                    var n;
-                    var r = (n = e.key) !== null && n !== void 0 ? n : "".concat(e.props.label, "-").concat(e.props.value);
-                    
-                    return t().createElement(f.Option, M({
-                        key: r
-                    }, e.props, {
-                        multiple: true
-                    }));
-                }
-                return e;
-            })),
-            filter: Z
-        };
+        var ee = (0, r.useMemo)((function() {
+            return {
+                children: r.Children.toArray(l).map((function(e) {
+                    if ((0, f.isOption)(e)) {
+                        var n;
+                        var r = (n = e.key) !== null && n !== void 0 ? n : "".concat(e.props.label, "-").concat(e.props.value);
+                        
+                        return t().createElement(f.Option, M({
+                            key: r
+                        }, e.props, {
+                            multiple: true
+                        }));
+                    }
+                    return e;
+                })),
+                filter: Z
+            };
+        }), [ l, Z ]);
         if (c != null) {
             ee.defaultValues = c;
         }
@@ -331,8 +338,8 @@
             loadingMessage: j,
             menuStyle: R,
             name: E,
-            noOptionsMessage: A,
-            onChange: I,
+            noOptionsMessage: I,
+            onChange: A,
             onClose: q,
             onFilterChange: D,
             onOpen: L,
@@ -358,8 +365,8 @@
     const E = require("lodash/defer");
     var F =  e.n(E);
     // CONCATENATED MODULE: external "lodash/get"
-    const A = require("lodash/get");
-    var I =  e.n(A);
+    const I = require("lodash/get");
+    var A =  e.n(I);
     // CONCATENATED MODULE: external "lodash/isString"
     const q = require("lodash/isString");
     var D =  e.n(q);
@@ -499,29 +506,29 @@
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function Me(e) {
-        if (Array.isArray(e)) return Ve(e);
+        if (Array.isArray(e)) return xe(e);
     }
     function Pe(e, n) {
-        return Ne(e) || xe(e, n) || je(e, n) || ke();
+        return Ne(e) || Ve(e, n) || je(e, n) || ke();
     }
     function ke() {
         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) {
         if (e) {
-            if ("string" == typeof e) return Ve(e, n);
+            if ("string" == typeof e) return xe(e, n);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ve(e, n) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? xe(e, n) : void 0;
         }
     }
-    function Ve(e, n) {
+    function xe(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
         }
         return t;
     }
-    function xe(e, n) {
+    function Ve(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;
@@ -582,22 +589,22 @@
         for (var n = 1; n < arguments.length; n++) {
             var r = null != arguments[n] ? arguments[n] : {};
             n % 2 ? Ee(Object(r), !0).forEach((function(n) {
-                Ae(e, n, r[n]);
+                Ie(e, n, r[n]);
             })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ee(Object(r)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function Ae(e, n, r) {
-        return (n = Ie(n)) in e ? Object.defineProperty(e, n, {
+    function Ie(e, n, r) {
+        return (n = Ae(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function Ie(e) {
+    function Ae(e) {
         var n = qe(e, "string");
         return "symbol" == he(n) ? n : n + "";
     }
@@ -667,7 +674,7 @@
     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, V = e.name, x = e.noOptionsMessage, N = x === void 0 ? He : x, B = e.onChange, R = e.onClose, E = e.onFilterChange, A = 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 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" ]);
         // @docs-props-type NormalPropsBase
                 var ne = c()({
             componentName: "Multiselect",
@@ -681,8 +688,8 @@
         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), Ve = Pe(je, 2), xe = Ve[0], Ne = Ve[1];
-        var Re = (0, r.useState)(false), Ee = Pe(Re, 2), Ae = Ee[0], Ie = Ee[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;
@@ -710,17 +717,17 @@
         }), [ se ]);
         var sn = (0, r.useCallback)((function(e) {
             var n = e.resetFilterKeyword;
-            if (!Ae) {
+            if (!Ie) {
                 ke((function(e) {
                     return n ? "" : e;
                 }));
                 Ne(true);
-                Ie(true);
+                Ae(true);
                 L === null || L === void 0 ? void 0 : L();
             }
-        }), [ Ae, L ]);
+        }), [ Ie, L ]);
         var cn = (0, r.useCallback)((function() {
-            if (xe) {
+            if (Ve) {
                 sn({
                     resetFilterKeyword: false
                 });
@@ -728,23 +735,23 @@
                 var e;
                 (e = Ze.current) === null || e === void 0 ? void 0 : e.focus();
             }
-        }), [ xe, sn ]);
+        }), [ Ve, sn ]);
         var dn = (0, r.useCallback)((function(e, n) {
-            if (!Ae) {
+            if (!Ie) {
                 return;
             }
             var r = (Je || []).concat([ n ]);
             if (!ne) {
                 Ke(r);
                 ce(0);
-                Ie(true);
+                Ae(true);
                 ke("");
             }
             B === null || B === void 0 ? void 0 : B(e, {
                 values: r,
-                name: V
+                name: x
             });
-        }), [ Ae, Je, ne, B, V ]);
+        }), [ Ie, Je, ne, B, x ]);
         var fn = (0, r.useCallback)((function(e, n) {
             var r = J()(Je, n);
             if (!ne) {
@@ -752,15 +759,15 @@
             }
             B === null || B === void 0 ? void 0 : B(e, {
                 values: r,
-                name: V
+                name: x
             });
-        }), [ Je, ne, V, B ]);
+        }), [ Je, ne, x, B ]);
         var pn = (0, r.useCallback)((function(e) {
-            if (Ae && !C) {
+            if (Ie && !C) {
                 q === null || q === void 0 ? void 0 : q(e);
                 Xe("".concat(rn.current, " options, loading more options"));
             }
-        }), [ Ae, C, q ]);
+        }), [ Ie, C, q ]);
         var vn = (0, r.useCallback)((function(e, n) {
             var r = n.value;
             F()((function() {
@@ -780,36 +787,36 @@
         var mn = (0, r.useCallback)((function(e) {
             var n;
             var t = e.key;
-            if (t === "Tab" && Ae) {
+            if (t === "Tab" && Ie) {
                 if (X && nn.current !== undefined && rn.current <= 1) {
                     var o;
                     e.preventDefault();
                     dn(e, nn.current);
                     (o = Ze.current) === null || o === void 0 ? void 0 : o.focus();
                 } else {
-                    Ie(false);
+                    Ae(false);
                 }
             }
             if (e.shiftKey || e.metaKey || e.ctrlKey) {
                 return;
             }
-            if (t === "End" && Ae) {
+            if (t === "End" && Ie) {
                 e.preventDefault();
                 ce(rn.current - 1);
             }
-            if (t === "Home" && Ae) {
+            if (t === "Home" && Ie) {
                 e.preventDefault();
                 ce(0);
             }
             if (t === "ArrowDown") {
                 e.preventDefault();
-                if (Ae) {
+                if (Ie) {
                     ce((function(e) {
                         return Math.min(e + 1, rn.current - 1);
                     }));
                 } else {
                     ce(0);
-                    Ie(true);
+                    Ae(true);
                 }
                 if (i && q) {
                     var a = r.Children.toArray(i).length - (2 + ((Je === null || Je === void 0 ? void 0 : Je.length) || 0));
@@ -820,25 +827,25 @@
             }
             if (t === "ArrowUp") {
                 e.preventDefault();
-                if (Ae) {
+                if (Ie) {
                     ce((function(e) {
                         return Math.max(e - 1, 0);
                     }));
                 } else {
                     ce(0);
-                    Ie(true);
+                    Ae(true);
                 }
             }
-            if (t === "Enter" && nn.current !== undefined && Ae) {
+            if (t === "Enter" && nn.current !== undefined && Ie) {
                 dn(e, nn.current);
             }
             if (t === "Backspace" && ((n = Ze.current) === null || n === void 0 ? void 0 : n.value) === "" && Je.length) {
                 fn(e, H()(Je));
             }
-        }), [ Ae, Je, X, dn, i, q, se, pn, fn ]);
+        }), [ Ie, Je, X, dn, i, q, se, pn, fn ]);
         var gn = (0, r.useCallback)((function(e) {
             ke(e.target.value);
-            Ie(true);
+            Ae(true);
             ce(0);
             E === null || E === void 0 ? void 0 : E(e, {
                 keyword: e.target.value
@@ -868,7 +875,7 @@
         var On = (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))) {
-                Ie(false);
+                Ae(false);
                 en.current = null;
                 R === null || R === void 0 ? void 0 : R();
             }
@@ -958,7 +965,7 @@
         // Filter the items
                 var kn = (0, te.stringToKeywords)(Me);
         var jn = u ? r.Children.toArray(i) : r.Children.toArray(i).filter((function(e) {
-            if (I()(e, [ "props", "label" ], false)) {
+            if (A()(e, [ "props", "label" ], false)) {
                 return (0, te.testPhrase)(e.props.label, kn);
             }
             return true;
@@ -966,7 +973,7 @@
                 }));
         rn.current = 0;
         nn.current = undefined;
-        var Vn = r.Children.map(jn, (function(e, n) {
+        var xn = r.Children.map(jn, (function(e, n) {
             var t = e.props;
             if (!t || !a()(t, "value")) {
                 // ignore Headings and Dividers
@@ -999,7 +1006,7 @@
         })) || [];
         // Add the option to add the new value
                 if (n && !Ye && Me) {
-            Vn.unshift( t().createElement(h, {
+            xn.unshift( t().createElement(h, {
                 label: "".concat(Me),
                 description: (0, d._)("(New value)"),
                 descriptionPosition: "right",
@@ -1009,7 +1016,7 @@
             }));
         }
         // highlight the selected Item
-                var xn = r.Children.map(Vn, (function(e) {
+                var Vn = r.Children.map(xn, (function(e) {
             var n = e.props;
             if (!n || !a()(n, "value")) {
                 // ignore Headings and Dividers
@@ -1052,9 +1059,9 @@
                 footerMessage: y,
                 animateLoading: o,
                 loadingMessage: P,
-                onScroll: A,
+                onScroll: I,
                 style: i
-            }, xn);
+            }, Vn);
         };
         var Bn = Le("".concat(Me.length * .8, "em"));
         var Rn = Fe(Fe({}, G()(Z, (function(e, n) {
@@ -1074,13 +1081,13 @@
             "data-test-values": JSON.stringify(Je),
             "data-test-disabled": b ? "disabled" : undefined,
             inline: O,
-            $hasFocus: xe
+            $hasFocus: Ve
         }, W().apply(void 0, [ Z ].concat(we(T()(Rn)))), {
             onClick: b ? undefined : cn,
             $disabled: b,
             $error: g,
             "data-test-popover-id": un,
-            $popoverOpen: Ae,
+            $popoverOpen: Ie,
             $prepend: z,
             flex: true,
             elementRef: wn,
@@ -1108,14 +1115,14 @@
             style: Bn,
             placeholder: Je.length ? "" : $,
             required: K,
-            "aria-activedescendant": Ae && rn.current > 0 ? ln : undefined,
+            "aria-activedescendant": Ie && rn.current > 0 ? ln : undefined,
             "aria-autocomplete": "list",
-            "aria-controls": Ae ? un : undefined,
-            "aria-owns": Ae ? un : undefined,
-            "aria-expanded": Ae,
+            "aria-controls": Ie ? un : undefined,
+            "aria-owns": Ie ? un : undefined,
+            "aria-expanded": Ie,
             "aria-haspopup": true
         }, Rn)),  t().createElement(Y(), {
-            open: Ae && !!pe,
+            open: Ie && !!pe,
             autoCloseWhenOffScreen: true,
             anchor: pe,
             onRequestClose: On,
@@ -1244,6 +1251,8 @@
         isLoadingOptions: i().bool,
         labelledBy: i().string,
         loadingMessage: i().node,
+        /** @private. */
+        maxLabelItems: i().number,
         menuStyle: i().object,
         name: i().string,
         noOptionsMessage: i().node,
@@ -1266,7 +1275,7 @@
     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, V = j === void 0 ? rn : j, x = e.onChange, N = e.onClose, B = e.onFilterChange, E = e.onOpen, F = e.onScroll, A = e.onScrollBottom, I = e.placeholder, q = I === void 0 ? tn : I, 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 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" ]);
         // @docs-props-type MultiselectPropsBase
                 var U = c()({
             componentName: "Multiselect",
@@ -1305,13 +1314,13 @@
             loadingMessage: M,
             menuStyle: P,
             name: k,
-            noOptionsMessage: V,
+            noOptionsMessage: x,
             onClose: N,
-            onChange: x,
+            onChange: V,
             onFilterChange: B,
             onOpen: E,
             onScroll: F,
-            onScrollBottom: A,
+            onScrollBottom: I,
             placeholder: q,
             prepend: D,
             repositionMode: T,