@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Search.js

@@ -157,7 +157,7 @@
         }
         return r;
     }
-    var q = {
+    var A = {
         /** @private */
         active: a().bool,
         description: a().string,
@@ -179,7 +179,7 @@
     };
     /**
  * An option within a `Search`.
- */    function A(e) {
+ */    function q(e) {
         var n = e.active, o = e.description, a = e.descriptionPosition, i = a === void 0 ? "bottom" : a, l = e.disabled, u = e.elementRef, c = e.endAdornment, s = e.label, f = e.matchRanges, d = e.onClick, v = e.openInNewContext, b = e.startAdornment, m = e.to, y = e.truncate, g = e.value, h = M(e, [ "active", "description", "descriptionPosition", "disabled", "elementRef", "endAdornment", "label", "matchRanges", "onClick", "openInNewContext", "startAdornment", "to", "truncate", "value" ]);
         // @docs-props-type OptionPropsBase
                 var O = (0, r.useCallback)((function(e) {
@@ -214,9 +214,9 @@
             role: "option"
         }), w);
     }
-    A.propTypes = q;
-    A.as = "Item";
-    /* harmony default export */    const D = A;
+    q.propTypes = A;
+    q.as = "Item";
+    /* harmony default export */    const D = q;
     // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
     // A utility that attempts to move an element into view by scrolling it's derived parent.
     var E = function e(n) {
@@ -239,12 +239,12 @@
     const T = require("styled-components");
     var x =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const H = require("@splunk/react-icons/Magnifier");
-    var B =  e.n(H);
+    const B = require("@splunk/react-icons/Magnifier");
+    var H =  e.n(B);
     // CONCATENATED MODULE: external "@splunk/themes"
     const L = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Search/SearchStyles.ts
-    var _ = x()(B()).withConfig({
+    var _ = x()(H()).withConfig({
         displayName: "SearchStyles__StyledSearchIcon",
         componentId: "sc-1bohk7c-0"
     })([ "color:", ";pointer-events:none;", "" ], L.variables.contentColorMuted, (function(e) {
@@ -293,18 +293,18 @@
         return e;
     }
     function W(e, n, r) {
-        return (n = $(n)) in e ? Object.defineProperty(e, n, {
+        return (n = U(n)) in e ? Object.defineProperty(e, n, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = r, e;
     }
-    function $(e) {
-        var n = z(e, "string");
+    function U(e) {
+        var n = $(e, "string");
         return "symbol" == N(n) ? n : n + "";
     }
-    function z(e, n) {
+    function $(e, n) {
         if ("object" != N(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
@@ -314,7 +314,7 @@
         }
         return ("string" === n ? String : Number)(e);
     }
-    function U(e, n) {
+    function z(e, n) {
         return Q(e) || J(e, n) || Y(e, n) || X();
     }
     function X() {
@@ -427,22 +427,22 @@
     }));
     var oe = (0, j._)("Search");
     function ae(e) {
-        var n = e.animateLoading, o = n === void 0 ? false : n, a = e.children, i = e.defaultPlacement, l = e.defaultValue, u = e.describedBy, c = e.disabled, s = c === void 0 ? false : c, d = e.elementRef, p = e.error, b = p === void 0 ? false : p, y = e.footerMessage, h = e.inline, S = h === void 0 ? false : h, R = e.inputRef, M = e.isLoadingOptions, I = M === void 0 ? false : M, q = e.labelledBy, A = e.loadingMessage, D = e.menuStyle, T = D === void 0 ? {} : D, x = e.name, H = e.noOptionsMessage, B = e.onChange, L = e.onClose, N = e.onFocus, V = e.onKeyDown, W = e.onOpen, $ = e.placeholder, z = $ === void 0 ? (0, 
-        j._)("Search...") : $, X = e.value, Y = Z(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" ]);
+        var n = e.animateLoading, o = n === void 0 ? false : n, a = e.children, i = e.defaultPlacement, l = e.defaultValue, u = e.describedBy, c = e.disabled, s = c === void 0 ? false : c, d = e.elementRef, p = e.error, b = p === void 0 ? false : p, y = e.footerMessage, h = e.inline, S = h === void 0 ? false : h, R = e.inputRef, M = e.isLoadingOptions, I = M === void 0 ? false : M, A = e.labelledBy, q = e.loadingMessage, D = e.menuStyle, T = D === void 0 ? {} : D, x = e.name, B = e.noOptionsMessage, H = e.onChange, L = e.onClose, N = e.onFocus, V = e.onKeyDown, W = e.onOpen, U = e.placeholder, $ = U === void 0 ? (0, 
+        j._)("Search...") : U, X = e.value, Y = Z(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 G = !!a || I;
         // state
-                var J = (0, r.useState)(0), Q = U(J, 2), ee = Q[0], ne = Q[1];
-        var ae = (0, r.useState)(false), ie = U(ae, 2), le = ie[0], ue = ie[1];
-        var ce = (0, r.useState)(undefined), se = U(ce, 2), fe = se[0], de = se[1];
-        var ve = (0, r.useState)(l || ""), pe = U(ve, 2), be = pe[0], me = pe[1];
+                var J = (0, r.useState)(0), Q = z(J, 2), ee = Q[0], ne = Q[1];
+        var ae = (0, r.useState)(false), ie = z(ae, 2), le = ie[0], ue = ie[1];
+        var ce = (0, r.useState)(undefined), se = z(ce, 2), fe = se[0], de = se[1];
+        var ve = (0, r.useState)(l || ""), pe = z(ve, 2), be = pe[0], me = pe[1];
         var ye = (0, r.useState)((function() {
             return {
                 popoverId: (0, C.createDOMID)("popover"),
                 menuId: (0, C.createDOMID)("menu"),
                 activeItemId: (0, C.createDOMID)("active-item")
             };
-        })), ge = U(ye, 1), he = ge[0], Oe = he.popoverId, Se = he.menuId, we = he.activeItemId;
+        })), ge = z(ye, 1), he = ge[0], Oe = he.popoverId, Se = he.menuId, we = he.activeItemId;
  // previous state
                 var Ce = w()(ee);
         // refs
@@ -452,11 +452,11 @@
         var Re = (0, r.useRef)([]);
         var Me = (0, r.useRef)(Ce);
         var Ie = (0, r.useRef)(undefined);
-        var qe = function e(n) {
+        var Ae = function e(n) {
             k(je, n);
             k(d, n);
         };
-        var Ae = function e(n) {
+        var qe = function e(n) {
             k(Pe, n);
             k(R, n);
         };
@@ -484,11 +484,11 @@
             Me.current = null;
             L === null || L === void 0 ? void 0 : L();
         };
-        var He = function e() {
+        var Be = function e() {
             var n;
             (n = Pe.current) === null || n === void 0 ? void 0 : n.focus();
         };
-        var Be = function e(n, r) {
+        var He = function e(n, r) {
             Te();
             N === null || N === void 0 ? void 0 : N(n, r);
         };
@@ -499,22 +499,22 @@
             }
             ne(-1);
             de(t);
-            B === null || B === void 0 ? void 0 : B(n, {
+            H === null || H === void 0 ? void 0 : H(n, {
                 value: t,
                 name: x
             });
         };
         var _e = function e(n, r) {
             Le(n, F({}, r));
-            He();
+            Be();
             xe();
         };
         var Ne = function e(n) {
             var r = Re.current.length;
-            var t = (0, P.keycode)(n.nativeEvent);
+            var t = n.key;
             if (le) {
                 switch (t) {
-                  case "enter":
+                  case "Enter":
                     {
                         var o;
                         // triggering onClick so that links can be activated with the keyboard
@@ -524,15 +524,15 @@
                         break;
                     }
 
-                  case "tab":
+                  case "Tab":
                     xe();
                     break;
 
-                  case "down":
+                  case "ArrowDown":
                     ne(Math.min(ee + 1, r - 1));
                     break;
 
-                  case "up":
+                  case "ArrowUp":
                     ne(Math.max(ee - 1, 0));
                     break;
 
@@ -541,7 +541,7 @@
                                 }
             } else if ((0, P.addsCharacter)(n.nativeEvent) !== false || 
             // Safari 9.0 returns undefined
-            t === "enter" || t === "backspace" || t === "down" || t === "up") {
+            t === "Enter" || t === "Backspace" || t === "ArrowDown" || t === "ArrowUp") {
                 Te();
             }
             V === null || V === void 0 ? void 0 : V(n);
@@ -614,21 +614,21 @@
                 focusMode: "never",
                 isLoading: I
             }, v()(Y, "onScroll"), {
-                noOptionsMessage: H,
+                noOptionsMessage: B,
                 footerMessage: y,
                 animateLoading: o,
-                loadingMessage: A,
+                loadingMessage: q,
                 menuId: Se
             }), Re.current);
         };
-        var $e = De();
-        var ze = Ee();
-        var Ue = le && !!je.current && G;
+        var Ue = De();
+        var $e = Ee();
+        var ze = le && !!je.current && G;
         var Xe = G ? "combobox" : "searchbox";
         var Ye = {
-            "aria-activedescendant": Ue && ee > -1 ? we : undefined,
+            "aria-activedescendant": ze && ee > -1 ? we : undefined,
             "aria-expanded": G ? le && !!je.current : undefined,
-            "aria-controls": Ue ? Se : undefined
+            "aria-controls": ze ? Se : undefined
         };
         var Ge =  t().createElement(_, {
             $disabled: s,
@@ -644,25 +644,25 @@
             autoCorrect: "off",
             canClear: true,
             "data-test-popover-id": Oe,
-            "data-test-label": ze,
-            "data-test-value": $e,
-            "data-test-open": Ue,
+            "data-test-label": $e,
+            "data-test-value": Ue,
+            "data-test-open": ze,
             describedBy: u,
             disabled: s,
-            elementRef: qe,
+            elementRef: Ae,
             error: b,
             inline: S,
-            inputRef: Ae,
-            labelledBy: q,
+            inputRef: qe,
+            labelledBy: A,
             name: x,
-            onFocus: Be,
+            onFocus: He,
             onClick: Ke,
             onChange: Le,
             onKeyDown: Ne,
-            placeholder: z,
+            placeholder: $,
             spellCheck: false,
             startAdornment: Ge,
-            value: ze,
+            value: $e,
             role: Xe
         }, Ye),  t().createElement(m(), {
             anchor: function() {
@@ -673,7 +673,7 @@
             defaultPlacement: i,
             id: Oe,
             onRequestClose: Ve,
-            open: Ue,
+            open: ze,
             repositionMode: "flip"
         }, We));
     }