@splunk/react-ui 4.22.1 → 4.24.0

package/Search.js

@@ -683,7 +683,9 @@
                         return e;
                     }
                     if (r === $) {
-                        Se.current = e.props.value;
+                        if (!e.props.disabled) {
+                            Se.current = e.props.value;
+                        }
                         
                         return (0, t.cloneElement)(e, {
                             ref: Ve,

package/Select.js

@@ -134,14 +134,14 @@
     const $ = require("@splunk/react-icons/CaretSmallDown");
     var H =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const W = require("@splunk/react-icons/enterprise/Caret");
-    var z =  e.n(W);
+    const z = require("@splunk/react-icons/enterprise/Caret");
+    var W =  e.n(z);
     // CONCATENATED MODULE: external "@splunk/themes"
     const U = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
     var G = function e() {
         var t = (0, U.useSplunkTheme)(), n = t.isEnterprise;
-        var o = n ?  r().createElement(z(), {
+        var o = n ?  r().createElement(W(), {
             screenReaderText: null,
             hideDefaultTooltip: true,
             size: .5
@@ -629,7 +629,7 @@
     };
     var Fe =  r().forwardRef((function(e, t) {
         var n = e.active, o = e.id, i = e.onClick, a = e.selectAllLabel, l = e.totalCount, s = e.changedToggle, u = e.selected;
-        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
+        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
                 var p = s ? " (".concat(l === null || l === void 0 ? void 0 : l.toString(), ")") : "";
         
         return r().createElement(Be, {
@@ -667,9 +667,9 @@
     /* harmony default export */    const $e = Fe;
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const He = require("@splunk/react-ui/Button");
-    var We =  e.n(He);
+    var ze =  e.n(He);
     // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-    var ze = we()(We()).withConfig({
+    var We = we()(ze()).withConfig({
         displayName: "SelectBaseStyles__StyledButton",
         componentId: "sc-16cj7sk-0"
     })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -1146,7 +1146,9 @@
         showSelectedValuesFirst: i().oneOf([ "nextOpen", "immediately", "never" ]),
         suffixLabel: i().string,
         tabConfirmsNewValue: i().bool,
-        values: i().array
+        values: i().array,
+        /** @private. */
+        virtualization: i().number
     };
     var Tt = {
         allowKeyMatching: true,
@@ -1552,7 +1554,7 @@
                     }), !!C &&  r().createElement(Ue, null, C), _ || g,  r().createElement(Ge, null,  r().createElement(J, null)));
                 }
                 
-                return r().createElement(ze, at({}, T, {
+                return r().createElement(We, at({}, T, {
                     $multiple: y,
                     appearance: l,
                     label: _,
@@ -1921,12 +1923,12 @@
                     "aria-label": f,
                     onClick: this.handleSelectAll,
                     "data-test": "select-all"
-                }, i ? (0, c._)("Select All Matches") : (0, c._)("Select All")),  r().createElement(Ye, {
+                }, i ? (0, c._)("Select all Matches") : (0, c._)("Select all")),  r().createElement(Ye, {
                     $disabled: this.optionSelection === "none",
                     "aria-label": d,
                     onClick: this.handleClearAll,
                     "data-test": "clear-all"
-                }, i ? (0, c._)("Clear All Matches") : (0, c._)("Clear All")));
+                }, i ? (0, c._)("Clear all Matches") : (0, c._)("Clear all")));
                 return this.hasFilter() &&  r().createElement("div", {
                     key: "controls"
                 },  r().createElement(Je, {
@@ -1957,19 +1959,19 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var i = this.props, a = i.children, l = i.defaultPlacement, c = i.inputId, s = i.multiple, u = i.repositionMode;
-                var p = this.hasFilter();
-                var d = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
-                var v = n.Children.toArray(a);
-                var h = d.some((function(e) {
-                    var t = f()(v, (function(t) {
+                var i = this.props, a = i.children, l = i.defaultPlacement, c = i.inputId, s = i.multiple, u = i.repositionMode, p = i.virtualization;
+                var d = this.hasFilter();
+                var v = (t = this.getCurrentValues()) !== null && t !== void 0 ? t : [];
+                var h = n.Children.toArray(a);
+                var b = v.some((function(e) {
+                    var t = f()(h, (function(t) {
                         return Dt(t) && t.props.value === e;
                     }));
                     return t && !t.props.disabled;
                 }));
-                var b = this.createChildren();
-                var m = this.createToggle();
-                var y = function e(t) {
+                var m = this.createChildren();
+                var y = this.createToggle();
+                var g = function e(t) {
                     var n = t.anchorWidth, i = t.maxHeight, a = t.placement;
                     var l = Vt({
                         anchorWidth: n,
@@ -1977,13 +1979,12 @@
                         maxHeight: i,
                         menuStyle: o.props.menuStyle
                     });
-                    var c = d.length > 0 && !h && !o.hasFilter() ? 0 : undefined;
-                    
-                    return r().createElement(B(), at({
+                    var c = v.length > 0 && !b && !o.hasFilter() ? 0 : undefined;
+                    var u = jt(jt({
                         "aria-multiselectable": s || undefined,
                         childrenStart: o.renderControls({
                             placement: a,
-                            hasChildren: !!b.length
+                            hasChildren: !!m.length
                         }),
                         controlledExternally: o.hasFilter(),
                         placement: a !== null && a !== void 0 ? a : undefined,
@@ -1991,27 +1992,35 @@
                         "data-test": "results-menu",
                         isLoading: o.props.isLoadingOptions,
                         id: o.menuId
-                    }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"), {
+                    }, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
                         style: l,
                         tabIndex: c
-                    }), b);
+                    });
+                    if (p) {
+                        
+                        return r().createElement(N.VirtualizedResultsMenu, at({
+                            virtualization: p
+                        }, u), m);
+                    }
+                    
+                    return r().createElement(B(), u, m);
                 };
                 
                 return r().createElement(V(), {
                     closeReasons: Rt,
                     inputId: c,
-                    toggle: m,
+                    toggle: y,
                     onRequestOpen: this.handleRequestOpen,
                     onRequestClose: this.handleRequestClose,
                     open: this.state.open,
                     openWithArrowKeys: true,
                     repositionMode: u,
-                    defaultPlacement: p ? l : undefined,
+                    defaultPlacement: d ? l : undefined,
                     canCoverAnchor: it().innerHeight < 500,
                     ref: this.handleDropdownMount,
                     retainFocus: false,
-                    takeFocus: d.length === 0 || d.length > 0 && !h || !!p
-                }, y);
+                    takeFocus: v.length === 0 || v.length > 0 && !b || !!d
+                }, g);
             }
         } ]);
         return o;
@@ -2070,7 +2079,7 @@
         if (n) $t(e, n);
         return e;
     }
-    function Wt(e, t) {
+    function zt(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -2081,14 +2090,14 @@
                 configurable: true
             }
         });
-        if (t) zt(e, t);
+        if (t) Wt(e, t);
     }
-    function zt(e, t) {
-        zt = Object.setPrototypeOf || function e(t, n) {
+    function Wt(e, t) {
+        Wt = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return zt(e, t);
+        return Wt(e, t);
     }
     function Ut(e) {
         var t = Qt();
@@ -2179,7 +2188,7 @@
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
  */    var tn =  function(e) {
-        Wt(n, e);
+        zt(n, e);
         var t = Ut(n);
         function n() {
             var e;
@@ -2407,7 +2416,9 @@
         prefixLabel: i().string,
         prepend: i().bool,
         suffixLabel: i().string,
-        value: i().oneOfType([ i().string, i().number, i().bool ])
+        value: i().oneOfType([ i().string, i().number, i().bool ]),
+        /** @private. */
+        virtualization: i().number
     };
     var On = {
         allowKeyMatching: true,

package/TabBar.js

@@ -110,7 +110,7 @@
     var m = c()(y()).withConfig({
         displayName: "TabStyles__StyledClickable",
         componentId: "sc-1ry8mzj-0"
-    })([ "flex:0 1 auto;display:block;position:relative;line-height:", ";text-align:center;white-space:nowrap;color:", ";&::after{display:block;content:attr(title);font-weight:", ";height:0;color:transparent;overflow:hidden;visibility:hidden;}", ";&[aria-selected='true']{cursor:default;", "}&[aria-selected='false']{box-shadow:none;font-weight:", ";&:hover:not([disabled]){", "}}&:focus{box-shadow:", ";", "}" ], (0, 
+    })([ "flex:0 1 auto;display:block;position:relative;line-height:", ";text-align:center;white-space:nowrap;color:", ";&::after{display:block;content:attr(data-title);font-weight:", ";height:0;color:transparent;overflow:hidden;visibility:hidden;}", ";&[aria-selected='true']{cursor:default;", "}&[aria-selected='false']{box-shadow:none;font-weight:", ";&:hover:not([disabled]){", "}}&:focus{box-shadow:", ";", "}" ], (0, 
     s.pick)({
         enterprise: "24px",
         prisma: "20px"
@@ -549,7 +549,7 @@
                     onMouseLeave: this.handleTooltipClose,
                     role: "tab",
                     tabIndex: r ? undefined : -1,
-                    title: W,
+                    "data-title": W,
                     to: f
                 }),  n().createElement(k, {
                     "data-test": "label",

package/Table.js

@@ -816,8 +816,8 @@
         }
     }), (0, P.pickVariant)("$appearance", {
         rowLink: {
-            enterprise: (0, j.css)([ "color:", ";*:hover > &{cursor:pointer;}" ], P.variables.linkColor),
-            prisma: (0, j.css)([ "color:", ";*:hover > &{cursor:pointer;}" ], P.variables.contentColorDefault)
+            enterprise: (0, j.css)([ "color:", ";*:hover > &&{cursor:pointer;}" ], P.variables.linkColor),
+            prisma: (0, j.css)([ "color:", ";*:hover > &&{cursor:pointer;}" ], P.variables.contentColorDefault)
         },
         link: {
             enterprise: (0, j.css)([ "color:", ";&:hover{cursor:pointer;color:{dark:variables.accentColorL20,light:variables.linkColor,};box-shadow:", ";}&:focus{color:{dark:variables.accentColorL20,light:variables.focusColor,};box-shadow:", ";}" ], P.variables.linkColor, P.variables.focusShadowInset, P.variables.focusShadowInset)