@splunk/react-ui 4.37.0 → 4.38.0

package/Search.js

@@ -106,23 +106,23 @@
     var k =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
     const C = require("@splunk/react-ui/Text");
-    var I =  e.n(C);
+    var R =  e.n(C);
     // CONCATENATED MODULE: ./src/Search/Option.tsx
-    function M(e) {
+    function I(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            M = function e(r) {
+            I = function e(r) {
                 return typeof r;
             };
         } else {
-            M = function e(r) {
+            I = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return M(e);
+        return I(e);
     }
-    function R() {
-        R = Object.assign || function(e) {
+    function M() {
+        M = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -133,11 +133,11 @@
             }
             return e;
         };
-        return R.apply(this, arguments);
+        return M.apply(this, arguments);
     }
     function D(e, r) {
         if (e == null) return {};
-        var n = x(e, r);
+        var n = q(e, r);
         var t, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -150,7 +150,7 @@
         }
         return n;
     }
-    function x(e, r) {
+    function q(e, r) {
         if (e == null) return {};
         var n = {};
         var t = Object.keys(e);
@@ -162,12 +162,12 @@
         }
         return n;
     }
-    function E(e, r) {
+    function x(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function q(e, r) {
+    function E(e, r) {
         for (var n = 0; n < r.length; n++) {
             var t = r[n];
             t.enumerable = t.enumerable || false;
@@ -177,8 +177,8 @@
         }
     }
     function _(e, r, n) {
-        if (r) q(e.prototype, r);
-        if (n) q(e, n);
+        if (r) E(e.prototype, r);
+        if (n) E(e, n);
         return e;
     }
     function A(e, r) {
@@ -215,7 +215,7 @@
         };
     }
     function H(e, r) {
-        if (r && (M(r) === "object" || typeof r === "function")) {
+        if (r && (I(r) === "object" || typeof r === "function")) {
             return r;
         }
         return L(e);
@@ -264,6 +264,10 @@
         disabled: i().bool,
         icon: i().node,
         label: i().string,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
+        })),
         onClick: i().func,
         truncate: i().bool,
         value: i().string.isRequired
@@ -283,7 +287,7 @@
         var r = T(n);
         function n() {
             var e;
-            E(this, n);
+            x(this, n);
             for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++) {
                 o[i] = arguments[i];
             }
@@ -313,7 +317,7 @@
                 var n = this.props, o = n.value, i = n.label, a = D(n, [ "value", "label" ]);
                 var u = i === undefined ? o : i;
                 
-                return t().createElement(g.Item, R({
+                return t().createElement(g.Item, M({
                     ref: function e(n) {
                         r.item = n;
                     },
@@ -321,8 +325,7 @@
                     "data-test-value": o
                 }, a, {
                     onClick: this.handleClick,
-                    role: "option",
-                    "aria-selected": false
+                    role: "option"
                 }), u);
             }
         } ]);
@@ -524,10 +527,10 @@
         }, t);
     }));
     function ce(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, D = e.labelledBy, x = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
+        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, I = e.isLoadingOptions, M = I === void 0 ? false : I, D = e.labelledBy, q = e.loadingMessage, x = e.menuStyle, E = x === void 0 ? {} : x, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
         m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
         // @docs-props-type SearchPropsBase
-                var z = !!i || R;
+                var z = !!i || M;
  // state
                 var U = (0, n.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
         var ee = (0, n.useState)(false), re = Q(ee, 2), ne = re[0], te = re[1];
@@ -548,9 +551,9 @@
         var Pe = (0, n.useRef)(W !== undefined && W !== null);
         var ke = (0, n.useRef)(false);
         var Ce = (0, n.useRef)([]);
-        var Ie = (0, n.useRef)(je);
-        var Me = (0, n.useRef)(undefined);
-        var Re = function e(r) {
+        var Re = (0, n.useRef)(je);
+        var Ie = (0, n.useRef)(undefined);
+        var Me = function e(r) {
             X(we, r);
             X(d, r);
         };
@@ -558,11 +561,11 @@
             X(Se, r);
             X(C, r);
         };
-        var xe = function e() {
+        var qe = function e() {
             return Pe.current ? W : ve;
         };
-        var Ee = function e() {
-            var r = xe();
+        var xe = function e() {
+            var r = qe();
             var t = n.Children.toArray(i).filter(n.isValidElement);
             var o = !ce && t.find((function(e) {
                 return e.props.label !== undefined && e.props.value === r;
@@ -572,14 +575,14 @@
             }
             return r;
         };
-        var qe = function e() {
+        var Ee = function e() {
             te(true);
             Z(-1);
             V === null || V === void 0 ? void 0 : V();
         };
         var _e = function e() {
             te(false);
-            Ie.current = null;
+            Re.current = null;
             T === null || T === void 0 ? void 0 : T();
         };
         var Ae = function e() {
@@ -593,7 +596,7 @@
             if (ke.current) {
                 ke.current = false;
             } else {
-                qe();
+                Ee();
             }
             H === null || H === void 0 ? void 0 : H(r, n);
         };
@@ -647,13 +650,13 @@
                                 }
             } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
             t === "enter" || t === "backspace" || t === "down" || t === "up") {
-                qe();
+                Ee();
             }
             L === null || L === void 0 ? void 0 : L(r);
         };
         var Ve = function e() {
             if (!ne && !s) {
-                qe();
+                Ee();
             }
         };
         var Ke = function e(r) {
@@ -664,7 +667,7 @@
             }
         };
         var Fe = function e(r) {
-            if (Ie.current !== J) {
+            if (Re.current !== J) {
                 r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
             }
         };
@@ -672,7 +675,7 @@
             var a = r.anchorWidth, u = r.maxHeight;
             var l = n.Children.toArray(i).filter(n.isValidElement);
  // Highlight Active
-                        Me.current = undefined;
+                        Ie.current = undefined;
  // Only update the menu options if they are valid and the dropdown is open.
             // This is necessary to handle the outro animation of the dropdown.
                         if (z && ne) {
@@ -690,7 +693,7 @@
                     }
                     if (r === J) {
                         if (!e.props.disabled) {
-                            Me.current = e.props.value;
+                            Ie.current = e.props.value;
                         }
                         
                         return (0, n.cloneElement)(e, {
@@ -709,23 +712,23 @@
             var f = le({
                 anchorWidth: a,
                 maxHeight: u,
-                menuStyle: q
+                menuStyle: E
             });
             
             return t().createElement(k(), Y({
                 style: f,
                 focusMode: "never",
-                isLoading: R
+                isLoading: M
             }, b()(N, "onScroll"), {
                 noOptionsMessage: A,
                 footerMessage: O,
                 animateLoading: o,
-                loadingMessage: x,
+                loadingMessage: q,
                 menuId: ge
             }), Ce.current);
         };
-        var Ne = xe();
-        var ze = Ee();
+        var Ne = qe();
+        var ze = xe();
         var Ue = ne && !!we.current && z;
         var Xe = z ? "combobox" : "searchbox";
         var Ye = {
@@ -734,7 +737,7 @@
             "aria-controls": Ue ? ge : undefined
         };
         
-        return t().createElement(I(), Y({
+        return t().createElement(R(), Y({
             "data-test": "search"
         }, v()(N, "onScroll"), {
             appearance: "search",
@@ -747,7 +750,7 @@
             "data-test-open": Ue,
             describedBy: l,
             disabled: s,
-            elementRef: Re,
+            elementRef: Me,
             error: g,
             inline: P,
             inputRef: De,