@splunk/react-ui 4.23.0 → 4.25.0

package/Color.js

@@ -668,6 +668,8 @@
         palette: o().array,
         prepend: o().bool,
         /** @private */
+        required: o().bool,
+        /** @private */
         splunkTheme: o().object,
         value: o().string
     };
@@ -957,17 +959,17 @@
             key: "renderInput",
             value: function e(t) {
                 var a = t.textAppend, o = t.textPrepend, l = t.textInline, i = t.inDropdown;
-                var s = this.props.splunkTheme;
-                var u = this.state.displayValue;
-                var c = s.isPrisma;
-                var p = r.hasTransparent(this.props.palette) && g()(u) === "transparent";
-                var d = g()(u) === Fe;
-                var f = u;
-                if (!y()(u, "#")) {
-                    f = "#".concat(u);
+                var s = this.props, u = s.splunkTheme, c = s.required;
+                var p = this.state.displayValue;
+                var d = u.isPrisma;
+                var f = r.hasTransparent(this.props.palette) && g()(p) === "transparent";
+                var v = g()(p) === Fe;
+                var h = p;
+                if (!y()(p, "#")) {
+                    h = "#".concat(p);
                 }
-                f = p ? "transparent" : f;
-                f = d ? null : f;
+                h = f ? "transparent" : h;
+                h = v ? null : h;
                 
                 return n().createElement(Y, {
                     $inDropdown: i
@@ -977,17 +979,18 @@
                     autoCapitalize: "off",
                     autoComplete: "off",
                     autoCorrect: "off",
-                    spellCheck: false,
                     "aria-label": (0, _._)("Hexadecimal color value"),
-                    prepend: o,
                     inline: l,
+                    prepend: o,
                     onKeyDown: this.handleTextKeyDown,
                     onChange: this.handleTextChange,
-                    value: u
-                }), !c &&  n().createElement(J, {
+                    required: c,
+                    spellCheck: false,
+                    value: p
+                }), !d &&  n().createElement(J, {
                     "data-test": "textbox-swatch",
                     onClick: this.handleButtonClick,
-                    value: f,
+                    value: h,
                     tabIndex: -1,
                     style: {
                         marginLeft: "1px"

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,