@splunk/react-ui 4.22.1 → 4.24.0

package/ComboBox.js

@@ -206,9 +206,9 @@
     function T(e) {
         var t = H();
         return function n() {
-            var o = K(e), r;
+            var o = z(e), r;
             if (t) {
-                var i = K(this).constructor;
+                var i = z(this).constructor;
                 r = Reflect.construct(o, arguments, i);
             } else {
                 r = o.apply(this, arguments);
@@ -239,13 +239,13 @@
             return false;
         }
     }
-    function K(e) {
-        K = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function z(e) {
+        z = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return K(e);
+        return z(e);
     }
-    function N(e, t, n) {
+    function K(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -258,7 +258,7 @@
         }
         return e;
     }
-    var z = {
+    var N = {
         /** @private */
         active: i().bool,
         description: i().string,
@@ -295,8 +295,8 @@
                 r[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(r));
-            N(F(e), "item", null);
-            N(F(e), "handleClick", (function(t) {
+            K(F(e), "item", null);
+            K(F(e), "handleClick", (function(t) {
                 var n = e.props, o = n.disabled, r = n.onClick, i = n.value;
                 if (!o) {
                     r === null || r === void 0 ? void 0 : r(t, {
@@ -335,8 +335,8 @@
         } ]);
         return n;
     }(n.PureComponent);
-    N(U, "propTypes", z);
-    N(U, "defaultProps", W);
+    K(U, "propTypes", N);
+    K(U, "defaultProps", W);
     /* harmony default export */    const X = U;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -537,7 +537,9 @@
         placeholder: i().string,
         prepend: i().bool,
         size: i().oneOf([ "small", "medium", "large" ]),
-        value: i().string
+        value: i().string,
+        /** @private. */
+        virtualization: i().number
     };
     var fe = {
         animateLoading: false,
@@ -614,6 +616,7 @@
             ce(ae(i), "handleChange", (function(e, t) {
                 var n, o;
                 var r = t.value, a = t.selectedOption;
+                e.stopPropagation();
                 var l = i.props.name;
                 var u = a ? undefined : r;
                 if (i.isControlled()) {
@@ -713,41 +716,41 @@
             }));
             ce(ae(i), "renderMenu", (function(e) {
                 var t = e.anchorWidth, r = e.maxHeight;
-                var a = i.props, l = a.children, u = a.controlledFilter, s = a.isLoadingOptions, f = a.menuStyle, p = a.onScrollBottom;
-                var d = i.state, v = d.activeIndex, y = d.typedValue;
-                var g = i.getValue();
-                var S = n.Children.toArray(l).filter(n.isValidElement);
-                var C = b()(S, (function(e) {
+                var a = i.props, l = a.children, u = a.controlledFilter, s = a.isLoadingOptions, f = a.menuStyle, p = a.onScrollBottom, d = a.virtualization;
+                var v = i.state, y = v.activeIndex, g = v.typedValue;
+                var S = i.getValue();
+                var C = n.Children.toArray(l).filter(n.isValidElement);
+                var w = b()(C, (function(e) {
                     if (e.type === I.Heading) {
                         return false;
                     }
                     if (e.props.label === undefined) {
-                        return e.props.value === g;
+                        return e.props.value === S;
                     }
-                    if (e.props.label !== undefined && y !== undefined) {
-                        return e.props.label === g;
+                    if (e.props.label !== undefined && g !== undefined) {
+                        return e.props.label === S;
                     }
-                    return e.props.value === g;
+                    return e.props.value === S;
                 }));
-                if (!C && g) {
-                    S.unshift( o().createElement(X, {
+                if (!w && S) {
+                    C.unshift( o().createElement(X, {
                         description: (0, O._)("(New value)"),
                         descriptionPosition: "right",
                         key: "currentValueOption",
-                        value: g,
-                        "data-test-current-value-option": g
+                        value: S,
+                        "data-test-current-value-option": S
                     }));
                 }
  // Highlight Active
                                 i.availableOptionCount = 0;
                 i.activeValue = undefined;
-                var w = (0, m.stringToKeywords)(y ? g : i.getDisplayValue());
-                i.options = (u ? S : S.filter((function(e) {
+                var j = (0, m.stringToKeywords)(g ? S : i.getDisplayValue());
+                i.options = (u ? C : C.filter((function(e) {
                     if (e.props.label !== undefined) {
-                        return (0, m.testPhrase)(e.props.label, w);
+                        return (0, m.testPhrase)(e.props.label, j);
                     }
                     if (e.props.value !== undefined) {
-                        return (0, m.testPhrase)(e.props.value, w);
+                        return (0, m.testPhrase)(e.props.value, j);
                     }
                     return true;
  // Keep all headers and non-interactive options
@@ -756,13 +759,15 @@
                         // ignore Headings and Dividers
                         return e;
                     }
-                    var o = i.availableOptionCount === v;
+                    var o = i.availableOptionCount === y;
                     i.availableOptionCount += 1;
                     var r = e.props.label !== undefined ? e.props.label : e.props.value;
                     var a = e.props.matchRanges;
-                    var l = !u && g && (C || t > 0) ? (0, m.keywordLocations)(r, w) || undefined : undefined;
+                    var l = !u && S && (w || t > 0) ? (0, m.keywordLocations)(r, j) || undefined : undefined;
                     if (o) {
-                        i.activeValue = e.props.value;
+                        if (!e.props.disabled) {
+                            i.activeValue = e.props.value;
+                        }
                         
                         return (0, n.cloneElement)(e, {
                             ref: i.handleActiveOptionMount,
@@ -778,18 +783,25 @@
                         matchRanges: a || l
                     });
                 }));
-                var k = de({
+                var x = de({
                     anchorWidth: t,
                     maxHeight: r,
                     menuStyle: f
                 });
-                
-                return o().createElement(P(), J({
-                    style: k,
+                var R = Z({
+                    style: x,
                     controlledExternally: true,
                     onScrollBottom: p ? i.handleScrollBottom : undefined,
                     isLoading: s
-                }, h()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), i.options);
+                }, h()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"));
+                if (d) {
+                    
+                    return o().createElement(k.VirtualizedResultsMenu, J({
+                        virtualization: d
+                    }, R), i.options);
+                }
+                
+                return o().createElement(P(), R, i.options);
             }));
             i.state = {
                 activeIndex: 0,

package/DualListbox.js

@@ -574,7 +574,7 @@
         },  n().createElement(m(), {
             "aria-hidden": true,
             id: f.current
-        }, (0, d.sprintf)((0, l._)("Select All %(listName)s Options"), {
+        }, (0, d.sprintf)((0, l._)("Select all %(listName)s Options"), {
             listName: c
         })),  n().createElement(U(), {
             appearance: "checkbox",
@@ -589,7 +589,7 @@
             htmlFor: i
         }, c),  n().createElement("span", {
             "aria-hidden": true
-        }, "".concat(C, "/").concat(x, " Selected"))));
+        }, "".concat(C, "/").concat(x, " selected"))));
     }
     ce.propTypes = ue;
     /* harmony default export */    const se = ce;

package/File.js

@@ -101,8 +101,8 @@
     const w = require("@splunk/react-icons/enterprise/Close");
     var L =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-    const S = require("@splunk/react-ui/Progress");
-    var O =  e.n(S);
+    const O = require("@splunk/react-ui/Progress");
+    var S =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
     const I = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: ./src/File/FileContext.tsx
@@ -426,7 +426,7 @@
                 index: c
             });
         }
-        var S = (0, t.useContext)(_), E = S.onRequestRetry;
+        var O = (0, t.useContext)(_), E = O.onRequestRetry;
         function R(e) {
             e.preventDefault();
             E === null || E === void 0 ? void 0 : E({
@@ -502,7 +502,7 @@
             "aria-valuenow": p,
             "aria-valuemin": 0,
             "aria-valuemax": 100
-        }) :  a().createElement(O(), {
+        }) :  a().createElement(S(), {
             style: {
                 position: "absolute",
                 left: 0,
@@ -756,12 +756,12 @@
             Object.defineProperty(e, a.key, a);
         }
     }
-    function Se(e, r, t) {
+    function Oe(e, r, t) {
         if (r) Le(e.prototype, r);
         if (t) Le(e, t);
         return e;
     }
-    function Oe(e, r) {
+    function Se(e, r) {
         if (typeof r !== "function" && r !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -867,7 +867,7 @@
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */    var $e =  function(e) {
-        Oe(n, e);
+        Se(n, e);
         var r = _e(n);
         // @docs-props-type FilePropsBase
                 function n(e) {
@@ -919,7 +919,7 @@
             t.handleDragLeave = l()(t.handleDragLeave, 300);
             return t;
         }
-        Se(n, [ {
+        Oe(n, [ {
             key: "addFiles",
             value: function e(r) {
                 var t = this.props.name;
@@ -943,7 +943,7 @@
                 var r = this.props, n = r.accept, i = r.allowMultiple, o = r.children, l = r.disabled, s = r.dropAnywhere, p = r.error, u = r.fullscreen, f = r.help, b = r.name, y = r.onRequestRemove, g = r.onRequestRetry, C = r.required, x = r.splunkTheme, k = xe(r, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "required", "splunkTheme" ]);
                 var w = x.isPrisma;
                 var L = 0;
-                var S = t.Children.toArray(o).filter(t.isValidElement).map((function(e, r) {
+                var O = t.Children.toArray(o).filter(t.isValidElement).map((function(e, r) {
                     L += 1;
                     
                     return (0, t.cloneElement)(e, {
@@ -951,9 +951,9 @@
                         key: e.key || e.props.itemId || "item-".concat(r)
                     });
                 }));
-                var O = u || s;
-                var I = O || l;
-                var _ = O && !l;
+                var S = u || s;
+                var I = S || l;
+                var _ = S && !l;
                 var R = u ? ye : he;
                 var D = u ? ve : ue;
                 var q = u ? pe : ce;
@@ -1010,8 +1010,8 @@
                     $error: p
                 }), " ",  a().createElement("span", {
                     "data-test": "file-label"
-                }, !O && !l && (0, h._)("Drop your file here or"), _ && (0, h._)("Drop your file anywhere or"), " ", L === 0 && l && (0, 
-                h._)("No Files Selected"),  a().createElement(de, {
+                }, !S && !l && (0, h._)("Drop your file here or"), _ && (0, h._)("Drop your file anywhere or"), " ", L === 0 && l && (0, 
+                h._)("No files selected"),  a().createElement(de, {
                     htmlFor: this.inputId,
                     "data-test": "file-link",
                     "data-focused": this.state.focusedInput || null
@@ -1046,7 +1046,7 @@
                         onRequestRemove: y ? $ : undefined,
                         onRequestRetry: g ? T : undefined
                     }
-                }, S));
+                }, O));
             }
         } ]);
         return n;