@splunk/react-ui 4.28.2 → 4.30.0

package/Search.js

@@ -71,10 +71,10 @@
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var a =  e.n(o);
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/extend"
-    const i = require("lodash/extend");
-    var u =  e.n(i);
+    const a = require("lodash/extend");
+    var u =  e.n(a);
     // CONCATENATED MODULE: external "lodash/has"
     const l = require("lodash/has");
     var c =  e.n(l);
@@ -90,9 +90,9 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const y = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const h = require("@splunk/ui-utils/i18n");
+    const m = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const m = require("@splunk/ui-utils/keyboard");
+    const h = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
     const g = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
@@ -106,7 +106,7 @@
     var k =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
     const C = require("@splunk/react-ui/Text");
-    var R =  e.n(C);
+    var I =  e.n(C);
     // CONCATENATED MODULE: ./src/Search/Option.tsx
     function M(e) {
         "@babel/helpers - typeof";
@@ -121,8 +121,8 @@
         }
         return M(e);
     }
-    function E() {
-        E = Object.assign || function(e) {
+    function R() {
+        R = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -133,16 +133,16 @@
             }
             return e;
         };
-        return E.apply(this, arguments);
+        return R.apply(this, arguments);
     }
     function x(e, r) {
         if (e == null) return {};
         var t = D(e, r);
         var n, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                n = i[o];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -154,20 +154,20 @@
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, a;
-        for (a = 0; a < n.length; a++) {
-            o = n[a];
+        var o, i;
+        for (i = 0; i < n.length; i++) {
+            o = n[i];
             if (r.indexOf(o) >= 0) continue;
             t[o] = e[o];
         }
         return t;
     }
-    function q(e, r) {
+    function E(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function I(e, r) {
+    function q(e, r) {
         for (var t = 0; t < r.length; t++) {
             var n = r[t];
             n.enumerable = n.enumerable || false;
@@ -177,8 +177,8 @@
         }
     }
     function _(e, r, t) {
-        if (r) I(e.prototype, r);
-        if (t) I(e, t);
+        if (r) q(e.prototype, r);
+        if (t) q(e, t);
         return e;
     }
     function A(e, r) {
@@ -192,22 +192,22 @@
                 configurable: true
             }
         });
-        if (r) T(e, r);
+        if (r) B(e, r);
     }
-    function T(e, r) {
-        T = Object.setPrototypeOf || function e(r, t) {
+    function B(e, r) {
+        B = Object.setPrototypeOf || function e(r, t) {
             r.__proto__ = t;
             return r;
         };
-        return T(e, r);
+        return B(e, r);
     }
-    function B(e) {
+    function T(e) {
         var r = L();
         return function t() {
             var n = K(e), o;
             if (r) {
-                var a = K(this).constructor;
-                o = Reflect.construct(n, arguments, a);
+                var i = K(this).constructor;
+                o = Reflect.construct(n, arguments, i);
             } else {
                 o = n.apply(this, arguments);
             }
@@ -243,7 +243,7 @@
         };
         return K(e);
     }
-    function N(e, r, t) {
+    function F(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -256,20 +256,20 @@
         }
         return e;
     }
-    var F = {
+    var W = {
         /** @private */
-        active: a().bool,
-        description: a().string,
-        descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().bool,
-        icon: a().node,
-        label: a().string,
+        active: i().bool,
+        description: i().string,
+        descriptionPosition: i().oneOf([ "right", "bottom" ]),
+        disabled: i().bool,
+        icon: i().node,
+        label: i().string,
         /** @private */
-        onClick: a().func,
-        truncate: a().bool,
-        value: a().string.isRequired
+        onClick: i().func,
+        truncate: i().bool,
+        value: i().string.isRequired
     };
-    var W = {
+    var N = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -281,20 +281,20 @@
  * so any elements passed to it must also be pure.
  */    var z =  function(e) {
         A(t, e);
-        var r = B(t);
+        var r = T(t);
         function t() {
             var e;
-            q(this, t);
-            for (var n = arguments.length, o = new Array(n), a = 0; a < n; a++) {
-                o[a] = arguments[a];
+            E(this, t);
+            for (var n = arguments.length, o = new Array(n), i = 0; i < n; i++) {
+                o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            N(H(e), "item", null);
-            N(H(e), "handleClick", (function(r) {
-                var t = e.props, n = t.disabled, o = t.onClick, a = t.value;
+            F(H(e), "item", null);
+            F(H(e), "handleClick", (function(r) {
+                var t = e.props, n = t.disabled, o = t.onClick, i = t.value;
                 if (!n) {
                     o === null || o === void 0 ? void 0 : o(r, {
-                        value: a
+                        value: i
                     });
                 }
             }));
@@ -311,16 +311,16 @@
             value: function e() {
                 var r = this;
                 // eslint-disable-next-line no-unused-vars
-                                var t = this.props, o = t.value, a = t.label, i = x(t, [ "value", "label" ]);
-                var u = a === undefined ? o : a;
+                                var t = this.props, o = t.value, i = t.label, a = x(t, [ "value", "label" ]);
+                var u = i === undefined ? o : i;
                 
-                return n().createElement(g.Item, E({
+                return n().createElement(g.Item, R({
                     ref: function e(t) {
                         r.item = t;
                     },
                     "data-test": "search-option",
                     "data-test-value": o
-                }, i, {
+                }, a, {
                     onClick: this.handleClick,
                     role: "option",
                     "aria-selected": false
@@ -329,9 +329,9 @@
         } ]);
         return t;
     }(t.PureComponent);
-    N(z, "propTypes", F);
-    N(z, "defaultProps", W);
-    N(z, "type", g.Item);
+    F(z, "propTypes", W);
+    F(z, "defaultProps", N);
+    F(z, "type", g.Item);
     /* harmony default export */    const U = z;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -434,20 +434,20 @@
         var t = [];
         var n = true;
         var o = false;
-        var a = undefined;
+        var i = undefined;
         try {
-            for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
+            for (var a = e[Symbol.iterator](), u; !(n = (u = a.next()).done); n = true) {
                 t.push(u.value);
                 if (r && t.length === r) break;
             }
         } catch (e) {
             o = true;
-            a = e;
+            i = e;
         } finally {
             try {
-                if (!n && i["return"] != null) i["return"]();
+                if (!n && a["return"] != null) a["return"]();
             } finally {
-                if (o) throw a;
+                if (o) throw i;
             }
         }
         return t;
@@ -457,12 +457,12 @@
     }
     function oe(e, r) {
         if (e == null) return {};
-        var t = ae(e, r);
+        var t = ie(e, r);
         var n, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                n = i[o];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -470,49 +470,51 @@
         }
         return t;
     }
-    function ae(e, r) {
+    function ie(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, a;
-        for (a = 0; a < n.length; a++) {
-            o = n[a];
+        var o, i;
+        for (i = 0; i < n.length; i++) {
+            o = n[i];
             if (r.indexOf(o) >= 0) continue;
             t[o] = e[o];
         }
         return t;
     }
-    var ie = {
-        animateLoading: a().bool,
-        children: a().node,
-        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: a().string,
-        describedBy: a().string,
-        disabled: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        error: a().bool,
-        footerMessage: a().node,
-        inline: a().bool,
-        inputRef: a().oneOfType([ a().func, a().object ]),
-        isLoadingOptions: a().bool,
-        labelledBy: a().string,
-        loadingMessage: a().node,
-        menuStyle: a().object,
-        name: a().string,
-        noOptionsMessage: a().node,
-        onChange: a().func,
-        onClose: a().func,
-        onFocus: a().func,
-        onKeyDown: a().func,
-        onOpen: a().func,
-        onScroll: a().func,
-        placeholder: a().string,
-        value: a().string
+    var ae = {
+        animateLoading: i().bool,
+        children: i().node,
+        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: i().string,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        footerMessage: i().node,
+        inline: i().bool,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        isLoadingOptions: i().bool,
+        labelledBy: i().string,
+        loadingMessage: i().node,
+        menuStyle: i().object,
+        name: i().string,
+        noOptionsMessage: i().node,
+        onBlur: i().func,
+        onChange: i().func,
+        onClose: i().func,
+        onFocus: i().func,
+        onKeyDown: i().func,
+        onOpen: i().func,
+        onScroll: i().func,
+        onSelect: i().func,
+        placeholder: i().string,
+        value: i().string
     };
     function ue(e, r) {
         var t = r.clientX, n = r.clientY;
-        var o = e.getBoundingClientRect(), a = o.top, i = o.left, u = o.bottom, l = o.right;
-        return t > i && t < l && n > a && n < u;
+        var o = e.getBoundingClientRect(), i = o.top, a = o.left, u = o.bottom, l = o.right;
+        return t > a && t < l && n > i && n < u;
     }
     var le = s()((function(e) {
         var r = e.anchorWidth, t = e.maxHeight, n = e.menuStyle;
@@ -523,41 +525,47 @@
         }, n);
     }));
     function ce(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, a = e.children, i = 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, E = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, q = e.menuStyle, I = q === void 0 ? {} : q, _ = e.name, A = e.noOptionsMessage, T = e.onChange, B = e.onClose, V = e.onFocus, H = e.onKeyDown, L = e.onOpen, K = e.placeholder, N = K === void 0 ? (0, 
-        h._)("Search...") : K, F = e.value, W = 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" ]);
+        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, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, V = e.onFocus, H = e.onKeyDown, L = 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
-        // state
-                var z = (0, t.useState)(0), U = Q(z, 2), $ = U[0], J = U[1];
-        var Z = (0, t.useState)(false), ee = Q(Z, 2), re = ee[0], te = ee[1];
-        var ne = (0, t.useState)(undefined), ae = Q(ne, 2), ie = ae[0], ce = ae[1];
-        var fe = (0, t.useState)(u || ""), se = Q(fe, 2), de = se[0], ve = se[1];
+                var z = !!i || R;
+ // state
+                var U = (0, t.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
+        var ee = (0, t.useState)(false), re = Q(ee, 2), te = re[0], ne = re[1];
+        var ie = (0, t.useState)(undefined), ae = Q(ie, 2), ce = ae[0], fe = ae[1];
+        var se = (0, t.useState)(u || ""), de = Q(se, 2), ve = de[0], pe = de[1];
+        var be = (0, t.useState)((function() {
+            return {
+                popoverId: (0, y.createDOMID)("popover"),
+                menuId: (0, y.createDOMID)("menu"),
+                activeItemId: (0, y.createDOMID)("active-item")
+            };
+        })), ye = Q(be, 1), me = ye[0], he = me.popoverId, ge = me.menuId, Oe = me.activeItemId;
  // previous state
-                var pe = j()($);
+                var je = j()(J);
  // refs
-                var be = (0, t.useRef)(null);
-        var ye = (0, t.useRef)(null);
-        var he = (0, t.useRef)(F !== undefined && F !== null);
-        var me = (0, t.useRef)(false);
-        var ge = (0, t.useRef)([]);
-        var Oe = (0, t.useRef)((0, y.createDOMID)("popover"));
-        var je = (0, t.useRef)(pe);
-        var we = (0, t.useRef)((0, y.createDOMID)("active-item"));
-        var Se = (0, t.useRef)(undefined);
-        var Pe = function e(r) {
-            X(be, r);
+                var we = (0, t.useRef)(null);
+        var Se = (0, t.useRef)(null);
+        var Pe = (0, t.useRef)(W !== undefined && W !== null);
+        var ke = (0, t.useRef)(false);
+        var Ce = (0, t.useRef)([]);
+        var Ie = (0, t.useRef)(je);
+        var Me = (0, t.useRef)(undefined);
+        var Re = function e(r) {
+            X(we, r);
             X(d, r);
         };
-        var ke = function e(r) {
-            X(ye, r);
+        var xe = function e(r) {
+            X(Se, r);
             X(C, r);
         };
-        var Ce = function e() {
-            return he.current ? F : de;
+        var De = function e() {
+            return Pe.current ? W : ve;
         };
-        var Re = function e() {
-            var r = Ce();
-            var n = t.Children.toArray(a).filter(t.isValidElement);
-            var o = !ie && n.find((function(e) {
+        var Ee = function e() {
+            var r = De();
+            var n = t.Children.toArray(i).filter(t.isValidElement);
+            var o = !ce && n.find((function(e) {
                 return e.props.label !== undefined && e.props.value === r;
             }));
             if (o) {
@@ -565,62 +573,59 @@
             }
             return r;
         };
-        var Me = function e() {
-            return !!a || E;
-        };
-        var Ee = function e() {
-            te(true);
-            J(-1);
+        var qe = function e() {
+            ne(true);
+            Z(-1);
             L === null || L === void 0 ? void 0 : L();
         };
-        var xe = function e() {
-            te(false);
-            je.current = null;
-            B === null || B === void 0 ? void 0 : B();
+        var _e = function e() {
+            ne(false);
+            Ie.current = null;
+            T === null || T === void 0 ? void 0 : T();
         };
-        var De = function e() {
+        var Ae = function e() {
             var r;
-            (r = ye.current) === null || r === void 0 ? void 0 : r.focus();
+            (r = Se.current) === null || r === void 0 ? void 0 : r.focus();
         };
-        var qe = function e(r, t) {
+        var Be = function e(r, t) {
             /* SUI-930 On IE 11 this handler is essentially deferred after calling
      * this.textInput.focus(). this.focusCalledInternally enables the focus event to be ignored
      * when the menu closes. */
-            if (me.current) {
-                me.current = false;
+            if (ke.current) {
+                ke.current = false;
             } else {
-                Ee();
+                qe();
             }
             V === null || V === void 0 ? void 0 : V(r, t);
         };
-        var Ie = function e(r, t) {
+        var Te = function e(r, t) {
             var n = t.value;
-            if (!he.current) {
-                ve(n);
+            if (!Pe.current) {
+                pe(n);
             }
-            J(-1);
-            ce(n);
-            T === null || T === void 0 ? void 0 : T(r, {
+            Z(-1);
+            fe(n);
+            B === null || B === void 0 ? void 0 : B(r, {
                 value: n,
                 name: _
             });
         };
-        var _e = function e(r, t) {
-            Ie(r, G({}, t));
-            me.current = true;
-            De();
-            xe();
+        var Ve = function e(r, t) {
+            Te(r, G({}, t));
+            ke.current = true;
+            Ae();
+            _e();
         };
-        var Ae = function e(r) {
-            var t = ge.current.length;
-            var n = Se.current;
-            var o = (0, m.keycode)(r.nativeEvent);
-            if (re) {
+        var He = function e(r) {
+            var t = Ce.current.length;
+            var n = Me.current;
+            var o = (0, h.keycode)(r.nativeEvent);
+            if (te) {
                 switch (o) {
                   case "enter":
                     {
                         if (n) {
-                            _e(r, {
+                            Ve(r, {
                                 value: n
                             });
                         }
@@ -628,148 +633,150 @@
                     }
 
                   case "tab":
-                    xe();
+                    _e();
                     break;
 
                   case "down":
-                    J(Math.min($ + 1, t - 1));
+                    Z(Math.min(J + 1, t - 1));
                     break;
 
                   case "up":
-                    J(Math.max($ - 1, 0));
+                    Z(Math.max(J - 1, 0));
                     break;
 
                   default:
  // do nothing
                                 }
-            } else if ((0, m.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
+            } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
             o === "enter" || o === "backspace" || o === "down" || o === "up") {
-                Ee();
+                qe();
             }
             H === null || H === void 0 ? void 0 : H(r);
         };
-        var Te = function e() {
-            if (document.activeElement !== ye.current) {
-                me.current = true;
-                De();
+        var Le = function e() {
+            if (document.activeElement !== Se.current) {
+                ke.current = true;
+                Ae();
             }
-            if (!re && !s) {
-                Ee();
+            if (!te && !s) {
+                qe();
             }
         };
-        var Be = function e(r) {
+        var Ke = function e(r) {
             var t = r.event, n = r.reason;
-            var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && be.current && !ue(be.current, t);
+            var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && we.current && !ue(we.current, t);
             if (o) {
-                xe();
+                _e();
             }
         };
-        var Ve = function e(r) {
-            if (je.current !== $) {
+        var Fe = function e(r) {
+            if (Ie.current !== J) {
                 r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
             }
         };
-        var He = function e(r) {
-            var i = r.anchorWidth, u = r.maxHeight;
-            var l = t.Children.toArray(a).filter(t.isValidElement);
+        var We = function e(r) {
+            var a = r.anchorWidth, u = r.maxHeight;
+            var l = t.Children.toArray(i).filter(t.isValidElement);
  // Highlight Active
-                        Se.current = undefined;
- // Only update the menu options if they are valid and the drodown is open.
+                        Me.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 (Me() && re) {
-                ge.current = l.map((function(e, r) {
+                        if (z && te) {
+                Ce.current = l.map((function(e, r) {
                     if (!c()(e.props, "active")) {
                         // ignore Headings and Dividers
                         return e;
                     }
-                    if (r === $) {
+                    if (r === J) {
                         if (!e.props.disabled) {
-                            Se.current = e.props.value;
+                            Me.current = e.props.value;
                         }
                         
                         return (0, t.cloneElement)(e, {
-                            ref: Ve,
-                            id: we.current,
-                            onClick: _e,
+                            ref: Fe,
+                            id: Oe,
+                            onClick: Ve,
                             active: true
                         });
                     }
                     
                     return (0, t.cloneElement)(e, {
-                        onClick: _e
+                        onClick: Ve
                     });
                 }));
             }
             var f = le({
-                anchorWidth: i,
+                anchorWidth: a,
                 maxHeight: u,
-                menuStyle: I
+                menuStyle: q
             });
             
             return n().createElement(k(), Y({
                 style: f,
                 controlledExternally: true,
-                isLoading: E
-            }, b()(W, "className", "onScroll"), {
+                isLoading: R
+            }, b()(N, "onScroll"), {
                 noOptionsMessage: A,
                 footerMessage: O,
                 animateLoading: o,
-                loadingMessage: D
-            }), ge.current);
+                loadingMessage: D,
+                menuId: ge
+            }), Ce.current);
         };
-        var Le = Ce();
-        var Ke = Re();
-        var Ne = re && !!be.current && Me();
-        var Fe = {
-            "aria-activedescendant": we.current,
-            "aria-expanded": Ne,
-            "aria-haspopup": Me(),
-            "aria-controls": Ne ? Oe.current : undefined
+        var Ne = De();
+        var ze = Ee();
+        var Ue = te && !!we.current && z;
+        var Xe = z ? "combobox" : "textbox";
+        var Ye = {
+            "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
+            "aria-expanded": z ? te && !!we.current : undefined,
+            "aria-controls": Ue ? ge : undefined
         };
         if (!(x === null || x === void 0 ? void 0 : x.length)) {
-            Fe["aria-label"] = (0, h._)("Value input");
+            Ye["aria-label"] = (0, m._)("Value input");
         }
         
-        return n().createElement(R(), Y({
+        return n().createElement(I(), Y({
             "data-test": "search"
-        }, v()(W, "className", "onScroll"), {
+        }, v()(N, "onScroll"), {
             appearance: "search",
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
-            "data-test-popover-id": Oe.current,
-            "data-test-label": Ke,
-            "data-test-value": Le,
-            "data-test-open": Ne,
+            "data-test-popover-id": he,
+            "data-test-label": ze,
+            "data-test-value": Ne,
+            "data-test-open": Ue,
             describedBy: l,
             disabled: s,
-            elementRef: Pe,
+            elementRef: Re,
             error: g,
             inline: P,
-            inputRef: ke,
+            inputRef: xe,
             labelledBy: x,
             name: _,
-            onFocus: qe,
-            onClick: Te,
-            onChange: Ie,
-            onKeyDown: Ae,
-            placeholder: N,
+            onFocus: Be,
+            onClick: Le,
+            onChange: Te,
+            onKeyDown: He,
+            placeholder: F,
             spellCheck: false,
-            value: Ke
-        }, Fe),  n().createElement(S(), {
+            value: ze,
+            role: Xe
+        }, Ye),  n().createElement(S(), {
             anchor: function() {
-                return be.current;
+                return we.current;
             }(),
             autoCloseWhenOffScreen: true,
             canCoverAnchor: false,
-            defaultPlacement: i,
-            id: Oe.current,
-            onRequestClose: Be,
-            open: Ne,
+            defaultPlacement: a,
+            id: he,
+            onRequestClose: Ke,
+            open: Ue,
             repositionMode: "flip"
-        }, He));
+        }, We));
     }
-    ce.propTypes = ie;
+    ce.propTypes = ae;
     ce.Option = U;
     ce.Divider = g.Divider;
     ce.Heading = g.Heading;