@splunk/react-ui 4.37.0 → 4.39.0

package/Search.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var n = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(n, {
-                a: n
+            e.d(r, {
+                a: r
             });
-            /******/            return n;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, n) => {
-            /******/ for (var t in n) {
-                /******/ if (e.o(n, t) && !e.o(r, t)) {
-                    /******/ Object.defineProperty(r, t, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: n[t]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,19 +56,19 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(r);
+        e.r(n);
     // EXPORTS
-        e.d(r, {
+        e.d(n, {
         Divider: () => /* reexport */ g.Divider,
         Heading: () => /* reexport */ g.Heading,
-        Option: () => /* reexport */ U,
-        default: () => /* reexport */ fe
+        Option: () => /* reexport */ Y,
+        default: () => /* reexport */ be
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var t =  e.n(n);
+    const r = require("react");
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var i =  e.n(o);
@@ -97,10 +97,10 @@
     const g = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
     const O = require("@splunk/react-ui/usePrevious");
-    var j =  e.n(O);
+    var w =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const w = require("@splunk/react-ui/Popover");
-    var S =  e.n(w);
+    const S = require("@splunk/react-ui/Popover");
+    var j =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
     const P = require("@splunk/react-ui/ResultsMenu");
     var k =  e.n(P);
@@ -110,165 +110,151 @@
     // CONCATENATED MODULE: ./src/Search/Option.tsx
     function M(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            M = function e(r) {
-                return typeof r;
-            };
-        } else {
-            M = function e(r) {
-                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-            };
-        }
-        return M(e);
+        return M = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, M(e);
     }
     function R() {
-        R = Object.assign || function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, t)) {
-                        e[t] = n[t];
-                    }
+        return R = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return R.apply(this, arguments);
+        }, R.apply(null, arguments);
     }
-    function D(e, r) {
-        if (e == null) return {};
-        var n = x(e, r);
-        var t, o;
+    function E(e, n) {
+        if (null == e) return {};
+        var r, t, o = q(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                t = i[o];
-                if (r.indexOf(t) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
-                n[t] = e[t];
+            for (t = 0; t < i.length; t++) {
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
-        return n;
-    }
-    function x(e, r) {
-        if (e == null) return {};
-        var n = {};
-        var t = Object.keys(e);
-        var o, i;
-        for (i = 0; i < t.length; i++) {
-            o = t[i];
-            if (r.indexOf(o) >= 0) continue;
-            n[o] = e[o];
-        }
-        return n;
+        return o;
     }
-    function E(e, r) {
-        if (!(e instanceof r)) {
-            throw new TypeError("Cannot call a class as a function");
+    function q(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
+        return r;
     }
-    function q(e, r) {
-        for (var n = 0; n < r.length; n++) {
-            var t = r[n];
-            t.enumerable = t.enumerable || false;
-            t.configurable = true;
-            if ("value" in t) t.writable = true;
-            Object.defineProperty(e, t.key, t);
+    function D(e, n) {
+        if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
+    }
+    function x(e, n) {
+        for (var r = 0; r < n.length; r++) {
+            var t = n[r];
+            t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), 
+            Object.defineProperty(e, F(t.key), t);
         }
     }
-    function _(e, r, n) {
-        if (r) q(e.prototype, r);
-        if (n) q(e, n);
-        return e;
+    function A(e, n, r) {
+        return n && x(e.prototype, n), r && x(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function A(e, r) {
-        if (typeof r !== "function" && r !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        e.prototype = Object.create(r && r.prototype, {
+    function B(e, n) {
+        if ("function" != typeof n && null !== n) throw new TypeError("Super expression must either be null or a function");
+        e.prototype = Object.create(n && n.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (r) B(e, r);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), n && T(e, n);
     }
-    function B(e, r) {
-        B = Object.setPrototypeOf || function e(r, n) {
-            r.__proto__ = n;
-            return r;
-        };
-        return B(e, r);
-    }
-    function T(e) {
-        var r = V();
-        return function n() {
-            var t = K(e), o;
-            if (r) {
-                var i = K(this).constructor;
-                o = Reflect.construct(t, arguments, i);
-            } else {
-                o = t.apply(this, arguments);
-            }
-            return H(this, o);
+    function T(e, n) {
+        return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
+            return e.__proto__ = n, e;
+        }, T(e, n);
+    }
+    function _(e) {
+        var n = V();
+        return function() {
+            var r, t = K(e);
+            if (n) {
+                var o = K(this).constructor;
+                r = Reflect.construct(t, arguments, o);
+            } else r = t.apply(this, arguments);
+            return H(this, r);
         };
     }
-    function H(e, r) {
-        if (r && (M(r) === "object" || typeof r === "function")) {
-            return r;
-        }
+    function H(e, n) {
+        if (n && ("object" == M(n) || "function" == typeof n)) return n;
+        if (void 0 !== n) throw new TypeError("Derived constructors may only return object or undefined");
         return L(e);
     }
     function L(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function V() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (V = function n() {
+            return !!e;
+        })();
     }
     function K(e) {
-        K = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
-            return r.__proto__ || Object.getPrototypeOf(r);
-        };
-        return K(e);
-    }
-    function F(e, r, n) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = n;
+        return K = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, K(e);
+    }
+    function N(e, n, r) {
+        return (n = F(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
+    }
+    function F(e) {
+        var n = W(e, "string");
+        return "symbol" == M(n) ? n : n + "";
+    }
+    function W(e, n) {
+        if ("object" != M(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != M(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === n ? String : Number)(e);
     }
-    var W = {
+    var z = {
         /** @private */
         active: i().bool,
         description: i().string,
         descriptionPosition: i().oneOf([ "right", "bottom" ]),
         disabled: i().bool,
+        endAdornment: i().node,
         icon: i().node,
         label: i().string,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
+        })),
         onClick: i().func,
+        startAdornment: i().node,
         truncate: i().bool,
         value: i().string.isRequired
     };
-    var N = {
+    var U = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -278,21 +264,21 @@
  * An option within a `Search`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var z =  function(e) {
-        A(n, e);
-        var r = T(n);
-        function n() {
+ */    var X =  function(e) {
+        B(r, e);
+        var n = _(r);
+        function r() {
             var e;
-            E(this, n);
+            D(this, r);
             for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++) {
                 o[i] = arguments[i];
             }
-            e = r.call.apply(r, [ this ].concat(o));
-            F(L(e), "item", null);
-            F(L(e), "handleClick", (function(r) {
-                var n = e.props, t = n.disabled, o = n.onClick, i = n.to, a = n.value;
+            e = n.call.apply(n, [ this ].concat(o));
+            N(L(e), "item", null);
+            N(L(e), "handleClick", (function(n) {
+                var r = e.props, t = r.disabled, o = r.onClick, i = r.to, a = r.value;
                 if (!t) {
-                    o === null || o === void 0 ? void 0 : o(r, {
+                    o === null || o === void 0 ? void 0 : o(n, {
                         to: i,
                         value: a
                     });
@@ -300,38 +286,40 @@
             }));
             return e;
         }
-        _(n, [ {
+ // @docs-props-type OptionPropsBase
+        // TODO:(SUI-2802) This component remains a class instead of functional because of the Menu's `scrollIntoViewIfNeeded` behavior.
+                A(r, [ {
             key: "scrollIntoViewIfNeeded",
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
-                var r;
-                (r = this.item) === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
+                var n;
+                (n = this.item) === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
             }
         }, {
             key: "render",
             value: function e() {
-                var r = this;
-                var n = this.props, o = n.value, i = n.label, a = D(n, [ "value", "label" ]);
+                var n = this;
+                var r = this.props, o = r.value, i = r.label, a = E(r, [ "value", "label" ]);
                 var u = i === undefined ? o : i;
                 
                 return t().createElement(g.Item, R({
-                    ref: function e(n) {
-                        r.item = n;
+                    ref: function e(r) {
+                        n.item = r;
                     },
                     "data-test": "search-option",
                     "data-test-value": o
                 }, a, {
                     onClick: this.handleClick,
-                    role: "option",
-                    "aria-selected": false
+                    role: "option"
                 }), u);
             }
         } ]);
-        return n;
-    }(n.PureComponent);
-    F(z, "propTypes", W);
-    F(z, "defaultProps", N);
-    F(z, "type", g.Item);
-    /* harmony default export */    const U = z;
+        return r;
+    }(r.PureComponent);
+    N(X, "propTypes", z);
+    N(X, "defaultProps", U);
+    N(X, "type", g.Item);
+    /* harmony default export */    const Y = X;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -339,149 +327,151 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function X(e, r) {
+    function $(e, n) {
         if (e) {
             if (typeof e === "function") {
-                e(r);
+                e(n);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = r;
+                e.current = n;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/Search/Search.tsx
-    function Y() {
-        Y = Object.assign || function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, t)) {
-                        e[t] = n[t];
-                    }
+    function G(e) {
+        "@babel/helpers - typeof";
+        return G = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, G(e);
+    }
+    function J() {
+        return J = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        };
-        return Y.apply(this, arguments);
+        }, J.apply(null, arguments);
     }
-    function $(e, r) {
-        var n = Object.keys(e);
+    function Q(e, n) {
+        var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            if (r) t = t.filter((function(r) {
-                return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }));
-            n.push.apply(n, t);
+            n && (t = t.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), r.push.apply(r, t);
         }
-        return n;
+        return r;
     }
-    function G(e) {
-        for (var r = 1; r < arguments.length; r++) {
-            var n = arguments[r] != null ? arguments[r] : {};
-            if (r % 2) {
-                $(Object(n), true).forEach((function(r) {
-                    J(e, r, n[r]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
-            } else {
-                $(Object(n)).forEach((function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
-                }));
-            }
+    function Z(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? Q(Object(r), !0).forEach((function(n) {
+                ee(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Q(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+            }));
         }
         return e;
     }
-    function J(e, r, n) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = n;
+    function ee(e, n, r) {
+        return (n = ne(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
+    }
+    function ne(e) {
+        var n = re(e, "string");
+        return "symbol" == G(n) ? n : n + "";
+    }
+    function re(e, n) {
+        if ("object" != G(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != G(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === n ? String : Number)(e);
     }
-    function Q(e, r) {
-        return te(e) || ne(e, r) || ee(e, r) || Z();
+    function te(e, n) {
+        return le(e) || ue(e, n) || ie(e, n) || oe();
     }
-    function Z() {
+    function oe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function ee(e, r) {
-        if (!e) return;
-        if (typeof e === "string") return re(e, r);
-        var n = Object.prototype.toString.call(e).slice(8, -1);
-        if (n === "Object" && e.constructor) n = e.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return re(e, r);
-    }
-    function re(e, r) {
-        if (r == null || r > e.length) r = e.length;
-        for (var n = 0, t = new Array(r); n < r; n++) {
-            t[n] = e[n];
+    function ie(e, n) {
+        if (e) {
+            if ("string" == typeof e) return ae(e, n);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ae(e, n) : void 0;
+        }
+    }
+    function ae(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var r = 0, t = Array(n); r < n; r++) {
+            t[r] = e[r];
         }
         return t;
     }
-    function ne(e, r) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var n = [];
-        var t = true;
-        var o = false;
-        var i = undefined;
-        try {
-            for (var a = e[Symbol.iterator](), u; !(t = (u = a.next()).done); t = true) {
-                n.push(u.value);
-                if (r && n.length === r) break;
-            }
-        } catch (e) {
-            o = true;
-            i = e;
-        } finally {
+    function ue(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, o, i, a, u = [], l = !0, c = !1;
             try {
-                if (!t && a["return"] != null) a["return"]();
+                if (i = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
+                    l = !1;
+                } else for (;!(l = (t = i.call(r)).done) && (u.push(t.value), u.length !== n); l = !0) {
+                }
+            } catch (e) {
+                c = !0, o = e;
             } finally {
-                if (o) throw i;
+                try {
+                    if (!l && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                } finally {
+                    if (c) throw o;
+                }
             }
+            return u;
         }
-        return n;
     }
-    function te(e) {
+    function le(e) {
         if (Array.isArray(e)) return e;
     }
-    function oe(e, r) {
-        if (e == null) return {};
-        var n = ie(e, r);
-        var t, o;
+    function ce(e, n) {
+        if (null == e) return {};
+        var r, t, o = fe(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                t = i[o];
-                if (r.indexOf(t) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
-                n[t] = e[t];
+            for (t = 0; t < i.length; t++) {
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
-        return n;
-    }
-    function ie(e, r) {
-        if (e == null) return {};
-        var n = {};
-        var t = Object.keys(e);
-        var o, i;
-        for (i = 0; i < t.length; i++) {
-            o = t[i];
-            if (r.indexOf(o) >= 0) continue;
-            n[o] = e[o];
+        return o;
+    }
+    function fe(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
-        return n;
+        return r;
     }
-    var ae = {
+    /** @public */
+    /** @public */
+    /** @public */    var se = {
         animateLoading: i().bool,
         children: i().node,
         defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -510,114 +500,114 @@
         placeholder: i().string,
         value: i().string
     };
-    function ue(e, r) {
-        var n = r.clientX, t = r.clientY;
+    function de(e, n) {
+        var r = n.clientX, t = n.clientY;
         var o = e.getBoundingClientRect(), i = o.top, a = o.left, u = o.bottom, l = o.right;
-        return n > a && n < l && t > i && t < u;
+        return r > a && r < l && t > i && t < u;
     }
-    var le = s()((function(e) {
-        var r = e.anchorWidth, n = e.maxHeight, t = e.menuStyle;
+    var ve = s()((function(e) {
+        var n = e.anchorWidth, r = e.maxHeight, t = e.menuStyle;
         return u()({
-            maxHeight: n,
+            maxHeight: r,
             overflow: "auto",
-            width: Math.max(r !== null && r !== void 0 ? r : 0, 200)
+            width: Math.max(n !== null && n !== void 0 ? n : 0, 200)
         }, 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, 
-        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" ]);
+    function pe(e) {
+        var n = e.animateLoading, o = n === void 0 ? false : n, 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, S = e.inline, P = S === void 0 ? false : S, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, E = e.labelledBy, q = e.loadingMessage, D = e.menuStyle, x = D === void 0 ? {} : D, A = e.name, B = e.noOptionsMessage, T = e.onChange, _ = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, N = K === void 0 ? (0, 
+        m._)("Search...") : K, F = e.value, W = ce(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;
- // 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];
-        var ie = (0, n.useState)(undefined), ae = Q(ie, 2), ce = ae[0], fe = ae[1];
-        var se = (0, n.useState)(u || ""), de = Q(se, 2), ve = de[0], pe = de[1];
-        var be = (0, n.useState)((function() {
+        // state
+                var U = (0, r.useState)(0), X = te(U, 2), Y = X[0], G = X[1];
+        var Q = (0, r.useState)(false), ee = te(Q, 2), ne = ee[0], re = ee[1];
+        var oe = (0, r.useState)(undefined), ie = te(oe, 2), ae = ie[0], ue = ie[1];
+        var le = (0, r.useState)(u || ""), fe = te(le, 2), se = fe[0], pe = fe[1];
+        var be = (0, r.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;
+        })), ye = te(be, 1), me = ye[0], he = me.popoverId, ge = me.menuId, Oe = me.activeItemId;
  // previous state
-                var je = j()(J);
- // refs
-                var we = (0, n.useRef)(null);
-        var Se = (0, n.useRef)(null);
-        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) {
-            X(we, r);
-            X(d, r);
+                var we = w()(Y);
+        // refs
+                var Se = (0, r.useRef)(null);
+        var je = (0, r.useRef)(null);
+        var Pe = (0, r.useRef)(F !== undefined && F !== null);
+        var ke = (0, r.useRef)(false);
+        var Ce = (0, r.useRef)([]);
+        var Ie = (0, r.useRef)(we);
+        var Me = (0, r.useRef)(undefined);
+        var Re = function e(n) {
+            $(Se, n);
+            $(d, n);
         };
-        var De = function e(r) {
-            X(Se, r);
-            X(C, r);
+        var Ee = function e(n) {
+            $(je, n);
+            $(C, n);
         };
-        var xe = function e() {
-            return Pe.current ? W : ve;
+        var qe = function e() {
+            return Pe.current ? F : se;
         };
-        var Ee = function e() {
-            var r = xe();
-            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;
+        var De = function e() {
+            var n = qe();
+            var t = r.Children.toArray(i).filter(r.isValidElement);
+            var o = !ae && t.find((function(e) {
+                return e.props.label !== undefined && e.props.value === n;
             }));
             if (o) {
                 return o === null || o === void 0 ? void 0 : o.props.label;
             }
-            return r;
+            return n;
         };
-        var qe = function e() {
-            te(true);
-            Z(-1);
+        var xe = function e() {
+            re(true);
+            G(-1);
             V === null || V === void 0 ? void 0 : V();
         };
-        var _e = function e() {
-            te(false);
+        var Ae = function e() {
+            re(false);
             Ie.current = null;
-            T === null || T === void 0 ? void 0 : T();
+            _ === null || _ === void 0 ? void 0 : _();
         };
-        var Ae = function e() {
-            var r;
-            (r = Se.current) === null || r === void 0 ? void 0 : r.focus();
+        var Be = function e() {
+            var n;
+            (n = je.current) === null || n === void 0 ? void 0 : n.focus();
         };
-        var Be = function e(r, n) {
+        var Te = function e(n, r) {
             /* 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 (ke.current) {
                 ke.current = false;
             } else {
-                qe();
+                xe();
             }
-            H === null || H === void 0 ? void 0 : H(r, n);
+            H === null || H === void 0 ? void 0 : H(n, r);
         };
-        var Te = function e(r, n) {
-            var t = n.value;
+        var _e = function e(n, r) {
+            var t = r.value;
             if (!Pe.current) {
                 pe(t);
             }
-            Z(-1);
-            fe(t);
-            B === null || B === void 0 ? void 0 : B(r, {
+            G(-1);
+            ue(t);
+            T === null || T === void 0 ? void 0 : T(n, {
                 value: t,
-                name: _
+                name: A
             });
         };
-        var He = function e(r, n) {
-            Te(r, G({}, n));
+        var He = function e(n, r) {
+            _e(n, Z({}, r));
             ke.current = true;
+            Be();
             Ae();
-            _e();
         };
-        var Le = function e(r) {
-            var n = Ce.current.length;
-            var t = (0, h.keycode)(r.nativeEvent);
+        var Le = function e(n) {
+            var r = Ce.current.length;
+            var t = (0, h.keycode)(n.nativeEvent);
             if (ne) {
                 switch (t) {
                   case "enter":
@@ -631,139 +621,140 @@
                     }
 
                   case "tab":
-                    _e();
+                    Ae();
                     break;
 
                   case "down":
-                    Z(Math.min(J + 1, n - 1));
+                    G(Math.min(Y + 1, r - 1));
                     break;
 
                   case "up":
-                    Z(Math.max(J - 1, 0));
+                    G(Math.max(Y - 1, 0));
                     break;
 
                   default:
  // do nothing
                                 }
-            } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
+            } else if ((0, h.addsCharacter)(n.nativeEvent) !== false || 
+            // Safari 9.0 returns undefined
             t === "enter" || t === "backspace" || t === "down" || t === "up") {
-                qe();
+                xe();
             }
-            L === null || L === void 0 ? void 0 : L(r);
+            L === null || L === void 0 ? void 0 : L(n);
         };
         var Ve = function e() {
             if (!ne && !s) {
-                qe();
+                xe();
             }
         };
-        var Ke = function e(r) {
-            var n = r.event, t = r.reason;
-            var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && we.current && !ue(we.current, n);
+        var Ke = function e(n) {
+            var r = n.event, t = n.reason;
+            var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && Se.current && !de(Se.current, r);
             if (o) {
-                _e();
+                Ae();
             }
         };
-        var Fe = function e(r) {
-            if (Ie.current !== J) {
-                r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
+        var Ne = function e(n) {
+            if (Ie.current !== Y) {
+                n === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
             }
         };
-        var We = function e(r) {
-            var a = r.anchorWidth, u = r.maxHeight;
-            var l = n.Children.toArray(i).filter(n.isValidElement);
- // Highlight Active
+        var Fe = function e(n) {
+            var a = n.anchorWidth, u = n.maxHeight;
+            var l = r.Children.toArray(i).filter(r.isValidElement);
+            // Highlight Active
                         Me.current = undefined;
- // Only update the menu options if they are valid and the dropdown is open.
+            // 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) {
-                Ce.current = l.map((function(e, r) {
-                    var t = function r(n, t) {
+                Ce.current = l.map((function(e, n) {
+                    var t = function n(r, t) {
                         var o, i;
-                        var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, n, t);
+                        var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, t);
                         if (a !== false) {
-                            He(n, t);
+                            He(r, t);
                         }
                     };
                     if (!c()(e.props, "active")) {
                         // ignore Headings and Dividers
                         return e;
                     }
-                    if (r === J) {
+                    if (n === Y) {
                         if (!e.props.disabled) {
                             Me.current = e.props.value;
                         }
                         
-                        return (0, n.cloneElement)(e, {
-                            ref: Fe,
+                        return (0, r.cloneElement)(e, {
+                            ref: Ne,
                             id: Oe,
                             onClick: t,
                             active: true
                         });
                     }
                     
-                    return (0, n.cloneElement)(e, {
+                    return (0, r.cloneElement)(e, {
                         onClick: t
                     });
                 }));
             }
-            var f = le({
+            var f = ve({
                 anchorWidth: a,
                 maxHeight: u,
-                menuStyle: q
+                menuStyle: x
             });
             
-            return t().createElement(k(), Y({
+            return t().createElement(k(), J({
                 style: f,
                 focusMode: "never",
                 isLoading: R
-            }, b()(N, "onScroll"), {
-                noOptionsMessage: A,
+            }, b()(W, "onScroll"), {
+                noOptionsMessage: B,
                 footerMessage: O,
                 animateLoading: o,
-                loadingMessage: x,
+                loadingMessage: q,
                 menuId: ge
             }), Ce.current);
         };
-        var Ne = xe();
-        var ze = Ee();
-        var Ue = ne && !!we.current && z;
+        var We = qe();
+        var ze = De();
+        var Ue = ne && !!Se.current && z;
         var Xe = z ? "combobox" : "searchbox";
         var Ye = {
-            "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
-            "aria-expanded": z ? ne && !!we.current : undefined,
+            "aria-activedescendant": Ue && Y > -1 ? Oe : undefined,
+            "aria-expanded": z ? ne && !!Se.current : undefined,
             "aria-controls": Ue ? ge : undefined
         };
         
-        return t().createElement(I(), Y({
+        return t().createElement(I(), J({
             "data-test": "search"
-        }, v()(N, "onScroll"), {
+        }, v()(W, "onScroll"), {
             appearance: "search",
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             "data-test-popover-id": he,
             "data-test-label": ze,
-            "data-test-value": Ne,
+            "data-test-value": We,
             "data-test-open": Ue,
             describedBy: l,
             disabled: s,
             elementRef: Re,
             error: g,
             inline: P,
-            inputRef: De,
-            labelledBy: D,
-            name: _,
-            onFocus: Be,
+            inputRef: Ee,
+            labelledBy: E,
+            name: A,
+            onFocus: Te,
             onClick: Ve,
-            onChange: Te,
+            onChange: _e,
             onKeyDown: Le,
-            placeholder: F,
+            placeholder: N,
             spellCheck: false,
             value: ze,
             role: Xe
-        }, Ye),  t().createElement(S(), {
+        }, Ye),  t().createElement(j(), {
             anchor: function() {
-                return we.current;
+                return Se.current;
             }(),
             autoCloseWhenOffScreen: true,
             canCoverAnchor: false,
@@ -772,13 +763,13 @@
             onRequestClose: Ke,
             open: Ue,
             repositionMode: "flip"
-        }, We));
+        }, Fe));
     }
-    ce.propTypes = ae;
-    ce.Option = U;
-    ce.Divider = g.Divider;
-    ce.Heading = g.Heading;
-    /* harmony default export */    const fe = ce;
+    pe.propTypes = se;
+    pe.Option = Y;
+    pe.Divider = g.Divider;
+    pe.Heading = g.Heading;
+    /* harmony default export */    const be = pe;
     // CONCATENATED MODULE: ./src/Search/index.ts
-    module.exports = r;
+    module.exports = n;
     /******/})();