@splunk/react-ui 5.4.0 → 5.5.0

package/SelectBase.js

@@ -0,0 +1,1681 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
+                        enumerable: true,
+                        get: t[r]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var n = {};
+    // ESM COMPAT FLAG
+        e.r(n);
+    // EXPORTS
+        e.d(n, {
+        Controls: () => /* reexport */ hn,
+        Divider: () => /* reexport */ I.Divider,
+        Heading: () => /* reexport */ I.Heading,
+        Option: () => /* reexport */ le,
+        SelectAllOption: () => /* reexport */ me,
+        default: () => /* reexport */ wn,
+        isOption: () => /* reexport */ pn
+    });
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var r =  e.n(t);
+    // CONCATENATED MODULE: external "lodash/castArray"
+    const l = require("lodash/castArray");
+    var a =  e.n(l);
+    // CONCATENATED MODULE: external "lodash/find"
+    const o = require("lodash/find");
+    var i =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/forEachRight"
+    const u = require("lodash/forEachRight");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "lodash/has"
+    const s = require("lodash/has");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/includes"
+    const d = require("lodash/includes");
+    var p =  e.n(d);
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const v = require("lodash/memoize");
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const m = require("lodash/pick");
+    var y =  e.n(m);
+    // CONCATENATED MODULE: external "lodash/uniq"
+    const g = require("lodash/uniq");
+    var h =  e.n(g);
+    // CONCATENATED MODULE: external "lodash/without"
+    const O = require("lodash/without");
+    var S =  e.n(O);
+    // CONCATENATED MODULE: external "prop-types"
+    const C = require("prop-types");
+    var w =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const k = require("@splunk/react-icons/CaretSmallDown");
+    var x =  e.n(k);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const j = require("@splunk/react-icons/Magnifier");
+    var P =  e.n(j);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const E = require("@splunk/react-ui/Dropdown");
+    var A =  e.n(E);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const q = require("@splunk/react-ui/Link");
+    var R =  e.n(q);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const I = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const T = require("@splunk/react-ui/ResultsMenu");
+    var D =  e.n(T);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const L = require("@splunk/react-ui/ScreenReaderContent");
+    var M =  e.n(L);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const _ = require("@splunk/react-ui/Text");
+    var B =  e.n(_);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const N = require("@splunk/react-ui/useControlled");
+    var V =  e.n(N);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const F = require("@splunk/react-ui/usePrevious");
+    var K =  e.n(F);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const H = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const z = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const W = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+    const $ = require("@splunk/ui-utils/scroll");
+    // CONCATENATED MODULE: ./src/SelectBase/OptionBase.tsx
+    function X(e) {
+        "@babel/helpers - typeof";
+        return X = "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;
+        }, X(e);
+    }
+    function U() {
+        return U = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
+            }
+            return e;
+        }, U.apply(null, arguments);
+    }
+    function J(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
+        }
+        return t;
+    }
+    function G(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? J(Object(t), !0).forEach((function(n) {
+                Q(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : J(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
+        }
+        return e;
+    }
+    function Q(e, n, t) {
+        return (n = Y(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function Y(e) {
+        var n = Z(e, "string");
+        return "symbol" == X(n) ? n : n + "";
+    }
+    function Z(e, n) {
+        if ("object" != X(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != X(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === n ? String : Number)(e);
+    }
+    function ee(e, n) {
+        if (null == e) return {};
+        var t, r, l = ne(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < a.length; r++) {
+                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function ne(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
+            }
+        }
+        return t;
+    }
+    var te = {
+        /** @private */
+        active: w().bool,
+        children: w().node,
+        description: w().string,
+        descriptionPosition: w().oneOf([ "right", "bottom" ]),
+        disabled: w().bool,
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        endAdornment: w().node,
+        hidden: w().bool,
+        icon: w().node,
+        label: w().string.isRequired,
+        /**
+   * @private Passed down from <BaseSelect>
+   */
+        multiple: w().bool,
+        matchRanges: w().arrayOf(w().shape({
+            start: w().number.isRequired,
+            end: w().number.isRequired
+        })),
+        /** @private */
+        onClick: w().func,
+        /** @private */
+        role: w().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: w().oneOfType([ w().bool, w().oneOf([ "some" ]) ]),
+        truncate: w().bool,
+        value: w().oneOfType([ w().string, w().number, w().bool ]).isRequired
+    };
+    /**
+ * An option within a `Multiselect`.
+ */    function re(e) {
+        var n = e.children, l = e.descriptionPosition, a = l === void 0 ? "bottom" : l, o = e.disabled, i = e.elementRef, u = e.endAdornment, c = e.icon, s = e.label, f = e.multiple, d = e.onClick, p = e.role, v = p === void 0 ? "option" : p, b = e.value, m = ee(e, [ "children", "descriptionPosition", "disabled", "elementRef", "endAdornment", "icon", "label", "multiple", "onClick", "role", "value" ]);
+        // @docs-props-type OptionPropsBase
+                var y = (0, t.useCallback)((function(e) {
+            if (!o) {
+                d === null || d === void 0 ? void 0 : d(e, {
+                    value: b
+                });
+            }
+        }), [ o, d, b ]);
+        var g = b.toString();
+        var h = G({
+            descriptionPosition: a,
+            disabled: o ? "disabled" : undefined
+        }, m);
+        
+        return r().createElement(I.Item, U({
+            "data-test-value": b,
+            "data-test": "option",
+            elementRef: i,
+            endAdornment: u
+        }, h, {
+            selectable: true,
+            selectableAppearance: f ? "checkbox" : "checkmark",
+            startAdornment: c,
+            onClick: y,
+            role: v,
+            value: g
+        }), n || s);
+    }
+    re.propTypes = te;
+    re.type = I.Item;
+ // For components to distinguish if their children are Options or Headings/Dividers
+    /* harmony default export */    const le = re;
+    // CONCATENATED MODULE: ./src/SelectBase/SelectAllOption.tsx
+    function ae(e) {
+        "@babel/helpers - typeof";
+        return ae = "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;
+        }, ae(e);
+    }
+    function oe() {
+        return oe = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
+            }
+            return e;
+        }, oe.apply(null, arguments);
+    }
+    function ie(e, n) {
+        if (null == e) return {};
+        var t, r, l = ue(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < a.length; r++) {
+                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function ue(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
+            }
+        }
+        return t;
+    }
+    function ce(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
+        }
+        return t;
+    }
+    function se(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? ce(Object(t), !0).forEach((function(n) {
+                fe(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ce(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
+        }
+        return e;
+    }
+    function fe(e, n, t) {
+        return (n = de(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function de(e) {
+        var n = pe(e, "string");
+        return "symbol" == ae(n) ? n : n + "";
+    }
+    function pe(e, n) {
+        if ("object" != ae(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != ae(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === n ? String : Number)(e);
+    }
+    var ve = se(se({}, le.propTypes), {}, {
+        totalCount: w().number,
+        // unlike OptionBase, there's a default value for this prop
+        value: w().string
+    });
+    function be(e) {
+        var n = e.active, t = e.elementRef, l = e.id, a = e.label, o = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ie(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
+        // @docs-props-type SelectAllOptionPropsBase
+        // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
+                var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
+        
+        return r().createElement(le, oe({
+            active: n,
+            elementRef: t,
+            "aria-keyshortcuts": "Control+A",
+            "data-test": "select-all",
+            description: "".concat(d, " Ctrl-a"),
+            descriptionPosition: "right",
+            id: l,
+            key: "selectAll",
+            multiple: true,
+            label: a,
+            onClick: o,
+            selected: i,
+            role: "menuitemcheckbox",
+            value: s
+        }, f));
+    }
+    be.propTypes = ve;
+    /* harmony default export */    const me = be;
+    // CONCATENATED MODULE: external "styled-components"
+    const ye = require("styled-components");
+    var ge =  e.n(ye);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const he = require("@splunk/react-ui/Button");
+    var Oe =  e.n(he);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const Se = require("@splunk/react-ui/Divider");
+    var Ce =  e.n(Se);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const we = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/SelectBase/SelectBaseStyles.ts
+    var ke = ge()(Oe()).withConfig({
+        displayName: "SelectBaseStyles__StyledButton",
+        componentId: "sc-1lmonqb-0"
+    })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
+        var n = e.$multiple;
+        return n ? "400px" : "auto";
+    }), (function(e) {
+        var n = e.$multiple;
+        return !n && "flex-grow: 0;";
+    }));
+    var xe = ge().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkIcon",
+        componentId: "sc-1lmonqb-1"
+    })([ "padding-right:", ";" ], we.variables.spacingXSmall);
+    var je = ge().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkCaret",
+        componentId: "sc-1lmonqb-2"
+    })([ "padding-left:", ";" ], we.variables.spacingXSmall);
+    var Pe = ge().div.withConfig({
+        displayName: "SelectBaseStyles__StyledFilter",
+        componentId: "sc-1lmonqb-3"
+    })([ "padding:", " ", " ", ";min-width:160px;" ], we.variables.spacingLarge, we.variables.spacingLarge, we.variables.spacingSmall);
+    var Ee = ge().span.withConfig({
+        displayName: "SelectBaseStyles__StyledCount",
+        componentId: "sc-1lmonqb-4"
+    })([ "padding-right:", ";" ], we.variables.spacingXSmall);
+    var Ae = ge()(R()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsLink",
+        componentId: "sc-1lmonqb-5"
+    })([ "", ";" ], (function(e) {
+        var n = e.$disabled;
+        return n && (0, ye.css)([ "color:", ";" ], we.variables.contentColorDisabled);
+    }));
+    var qe = ge().div.withConfig({
+        displayName: "SelectBaseStyles__StyledToggleAllControls",
+        componentId: "sc-1lmonqb-6"
+    })([ "", ";gap:", ";padding:", " ", " ", ";" ], we.mixins.reset("flex"), we.variables.spacingMedium, we.variables.spacingXSmall, we.variables.spacingLarge, we.variables.spacingSmall);
+    var Re = ge()(Ce()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsDivider",
+        componentId: "sc-1lmonqb-7"
+    })([ "border-color:", ";" ], we.variables.borderColor);
+    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+    // A utility for matching keyboard characters to list values
+    var Ie = function e(n, t) {
+        return n ? n.label.charAt(t).toLowerCase() : "";
+    };
+    var Te = function e(n, t) {
+        if (!n.length) {
+            return n;
+        }
+        var r = null;
+        var l = false;
+        var a = n.filter((function(e) {
+            var n = Ie(e, t.index);
+            if (n === t.value) {
+                l = true;
+                return true;
+            }
+            // If we haven't found a match yet, keep track of the next closest match.
+            // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
+                        if (!l) {
+                var a = Ie(r, t.index);
+                if (!a) {
+                    r = e;
+                } else if (n > t.value) {
+                    if (a < t.value) {
+                        r = e;
+                    } else if (a > n) {
+                        r = e;
+                    }
+                } else if (n > a) {
+                    r = e;
+                }
+            }
+            return false;
+        }));
+        return a.length === 0 && r ? [ r ] : a;
+    };
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var De = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function Le() {
+        var e = typeof document !== "undefined" ? document : De;
+        return e;
+    }
+    var Me = Le();
+    /* harmony default export */    const _e = /* unused pure expression or super */ null && Me;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var Be = {
+        document: De,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                n();
+                return null;
+            }
+            return setTimeout(n, 0);
+        },
+        cancelAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(n);
+        }
+    };
+    function Ne() {
+        var e = typeof window !== "undefined" ? window : Be;
+        return e;
+    }
+    var Ve = Ne();
+    /* harmony default export */    const Fe = /* unused pure expression or super */ null && Ve;
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+    function Ke(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                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 = n;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
+    }
+    // CONCATENATED MODULE: ./src/SelectBase/SelectBase.tsx
+    function He(e) {
+        return $e(e) || We(e) || Ge(e) || ze();
+    }
+    function ze() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function We(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function $e(e) {
+        if (Array.isArray(e)) return Qe(e);
+    }
+    function Xe() {
+        return Xe = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
+            }
+            return e;
+        }, Xe.apply(null, arguments);
+    }
+    function Ue(e, n) {
+        return Ze(e) || Ye(e, n) || Ge(e, n) || Je();
+    }
+    function Je() {
+        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 Ge(e, n) {
+        if (e) {
+            if ("string" == typeof e) return Qe(e, n);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Qe(e, n) : void 0;
+        }
+    }
+    function Qe(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
+        }
+        return r;
+    }
+    function Ye(e, n) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var r, l, a, o, i = [], u = !0, c = !1;
+            try {
+                if (a = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (r = a.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                }
+            } catch (e) {
+                c = !0, l = e;
+            } finally {
+                try {
+                    if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
+                } finally {
+                    if (c) throw l;
+                }
+            }
+            return i;
+        }
+    }
+    function Ze(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function en(e, n) {
+        if (null == e) return {};
+        var t, r, l = nn(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < a.length; r++) {
+                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function nn(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (-1 !== n.indexOf(r)) continue;
+                t[r] = e[r];
+            }
+        }
+        return t;
+    }
+    function tn(e) {
+        "@babel/helpers - typeof";
+        return tn = "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;
+        }, tn(e);
+    }
+    function rn(e, n) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), t.push.apply(t, r);
+        }
+        return t;
+    }
+    function ln(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? rn(Object(t), !0).forEach((function(n) {
+                an(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : rn(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+            }));
+        }
+        return e;
+    }
+    function an(e, n, t) {
+        return (n = on(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = t, e;
+    }
+    function on(e) {
+        var n = un(e, "string");
+        return "symbol" == tn(n) ? n : n + "";
+    }
+    function un(e, n) {
+        if ("object" != tn(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != tn(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === n ? String : Number)(e);
+    }
+    var cn = {
+        allowKeyMatching: w().bool,
+        allowNewValues: w().bool,
+        animateLoading: w().bool,
+        appearance: w().oneOf([ "default", "link", "subtle" ]),
+        append: w().bool,
+        children: w().node,
+        defaultPlacement: w().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: w().array,
+        describedBy: w().string,
+        disabled: w().bool,
+        elementRef: w().oneOfType([ w().func, w().object ]),
+        error: w().bool,
+        filter: w().oneOf([ false, true, "controlled" ]),
+        footerMessage: w().node,
+        inline: w().bool,
+        inputId: w().string,
+        inputRef: w().oneOfType([ w().func, w().object ]),
+        isLoadingOptions: w().bool,
+        labelledBy: w().string,
+        labelText: w().string,
+        loadingMessage: w().node,
+        menuStyle: w().object,
+        multiple: w().bool,
+        name: w().string,
+        noOptionsMessage: w().node,
+        onChange: w().func,
+        onClick: w().func,
+        onClose: w().func,
+        onFilterChange: w().func,
+        onOpen: w().func,
+        onScroll: w().func,
+        onScrollBottom: w().func,
+        /** @private. */
+        required: w().bool,
+        placeholder: w().string,
+        prefixLabel: w().string,
+        prepend: w().bool,
+        repositionMode: w().oneOf([ "none", "flip" ]),
+        selectAllAppearance: w().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: w().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: w().string,
+        tabConfirmsNewValue: w().bool,
+        toggle: w().node,
+        toggleContent: w().oneOf([ "optionChildren", "optionLabel" ]),
+        values: w().array,
+        /** @private. */
+        virtualization: w().number
+    };
+    var sn = b()((function(e) {
+        return [ e ];
+    }));
+    // preserve separate widths for single vs. multi mode
+        var fn = b()((function(e) {
+        var n = e.anchorWidth, t = e.isMultiple, r = e.maxHeight, l = e.menuStyle;
+        return t ? ln({
+            width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
+            maxHeight: r
+        }, l) : ln({
+            minWidth: n !== null && n !== void 0 ? n : undefined,
+            maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
+            maxHeight: r
+        }, l);
+    }));
+    var dn = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function pn(e) {
+        return e && f()(e.props, "value");
+    }
+    function vn(e, n) {
+        return "".concat(tn(e), "-").concat(e, "-").concat(n);
+    }
+    var bn = [ "append", "error", "prepend" ];
+    var mn = (0, z._)("No matches");
+    var yn = (0, z._)("Select...");
+    var gn =  r().createElement(P(), null);
+    var hn = function e(n) {
+        var t = n.activeItemId, l = n.filterA11yId, a = n.filterKeyword, o = n.hasChildren, i = n.inputId, u = n.inputRef, c = n.menuListboxId, s = n.multiple, f = n.onClearAll, d = n.onSelectAll, p = n.onTextBlur, v = n.onTextChange, b = n.onTextFocus, m = n.onTextKeyDown, y = n.optionSelection, g = n.placement, h = n.selectAllAppearance, O = n.textHasFocus;
+        var S = (0, z._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+        var C = (0, z._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
+        // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+                var w =  r().createElement(qe, {
+            key: "selectAll"
+        },  r().createElement(Ae, {
+            disabled: y.current === "all",
+            appearance: "standalone",
+            "aria-label": S,
+            onClick: d,
+            "data-test": "select-all",
+            tag: "button"
+        }, a ? (0, z._)("Select all Matches") : (0, z._)("Select all")),  r().createElement(Ae, {
+            disabled: y.current === "none",
+            appearance: "standalone",
+            "aria-label": C,
+            onClick: f,
+            "data-test": "clear-all",
+            tag: "button"
+        }, a ? (0, z._)("Clear all Matches") : (0, z._)("Clear all")));
+        
+        return r().createElement("div", {
+            key: "controls"
+        }, l &&  r().createElement(M(), {
+            id: l
+        }, (0, z._)("Type to filter")), g === "above" &&  r().createElement(Re, null),  r().createElement(Pe, {
+            key: "filter",
+            "data-test": "filter"
+        },  r().createElement(B(), {
+            value: a,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            spellCheck: false,
+            onChange: v,
+            onKeyDown: m,
+            onFocus: b,
+            onBlur: p,
+            placeholder: (0, z._)("Filter"),
+            role: "combobox",
+            "aria-expanded": "true",
+            "aria-controls": c,
+            "aria-owns": O && o ? t : undefined,
+            "aria-label": (0, z._)("Filter"),
+            "aria-autocomplete": "list",
+            "aria-activedescendant": O && o ? t : undefined,
+            inputRef: u,
+            inputId: i,
+            canClear: true,
+            startAdornment: gn
+        })), s && o && h === "buttongroup" && w, g === "below" &&  r().createElement(Re, null));
+    };
+    var On = function e(n) {
+        var t = n.prefixLabel, r = n.label, l = n.suffixLabel;
+        var o = r;
+        if (t) {
+            o = [ "".concat(t, ": ") ].concat(o);
+        }
+        if (l) {
+            o = a()(o).concat(" ".concat(l));
+        }
+        return o;
+    };
+    var Sn =  r().forwardRef((function(e, n) {
+        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, u = e.children, c = e.currentValues, s = c === void 0 ? [] : c, f = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, b = e.inline, m = e.labelText, g = e.labelledBy, h = e.multiple, O = e.onClick, S = e.placeholder, C = e.prefixLabel, w = e.prepend, k = e.required, j = e.suffixLabel, P = e.toggle, E = e.toggleContent, A = en(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
+        var q;
+        var I;
+        var T = [];
+        // Generate buttonLabels
+                var D = t.Children.toArray(u);
+        var L = s.reduce((function(e, n, t, r) {
+            var l = i()(D, (function(e) {
+                return pn(e) && e.props.value === n;
+            }));
+            if (l) {
+                var a = l.props, o = a.children, u = a.icon, c = a.label;
+                var f = E !== "optionLabel" && o ? o : c;
+                e.push(f);
+                T.push(c);
+                // if not in multiple mode, add the icon
+                                if (!h && s.length === 1) {
+                    q = u;
+                }
+            } else if (h) {
+                // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                e.push(n);
+                T.push(n.toString());
+            }
+            if (t < r.length - 1) {
+                e.push((0, z._)(", "));
+                T.push((0, z._)(", "));
+            }
+            return e;
+        }), []);
+        I = L;
+        // only apply prefix / suffix if the label is not empty
+                if (I.length > 0) {
+            // If there's more than one item selected, read out the selected total
+            // rather than reading out each selected item
+            T = On({
+                prefixLabel: C,
+                label: I.length > 1 ? [ "".concat(s.length, " items selected") ] : T,
+                suffixLabel: j
+            });
+            I = On({
+                prefixLabel: C,
+                label: I,
+                suffixLabel: j
+            });
+        }
+        // single <Select> behaviour is to show the placeholder if all parts of the label
+        // are empty strings so we replicate this behaviour here
+                if (I.length === 0 || !h && I.every((function(e) {
+            return e === "";
+        }))) {
+            I = sn(S);
+            T = I;
+        }
+        var M = Object.keys(A).includes("aria-labelledby");
+        var _ = ln({
+            "aria-describedby": f,
+            "aria-label": g || M ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(T.join("")),
+            // aria-labelledby takes precedence over aria-label, so existence of both is redundant
+            "aria-labelledby": g,
+            "aria-required": k,
+            "data-select-appearance": a,
+            append: o,
+            prepend: w,
+            onClick: O,
+            role: "combobox",
+            disabled: d ? "disabled" : undefined,
+            elementRef: p,
+            error: v,
+            ref: n
+        }, A);
+        if (h) {
+            _["data-test-values"] = JSON.stringify(s);
+        } else {
+            var B = Ue(s, 1), N = B[0];
+            _["data-test-value"] = N;
+        }
+        if (P) {
+            
+            return (0, t.cloneElement)(P, _);
+        }
+        if (a === "link") {
+            
+            return r().createElement(R(), Xe({
+                tag: "button",
+                appearance: "standalone"
+            }, _, {
+                "data-select-appearance": "link"
+            }), !!q &&  r().createElement(xe, null, q), I || S,  r().createElement(je, null,  r().createElement(x(), null)));
+        }
+        // Using Button's secondary appearance as Select's default appearance.
+                var V = a === "default" ? "secondary" : a;
+        
+        return r().createElement(ke, Xe({}, _, {
+            $multiple: h,
+            appearance: V,
+            label: I,
+            error: v,
+            icon: q,
+            inline: b,
+            isMenu: true,
+            onClick: O
+        }, y()(A, bn)), !!s.length && h &&  r().createElement(Ee, {
+            "data-role": "count"
+        }, "(", s.length, ")"));
+    }));
+    function Cn(e) {
+        var n = e.allowKeyMatching, l = n === void 0 ? true : n, a = e.animateLoading, o = e.appearance, u = o === void 0 ? "default" : o, s = e.append, f = e.allowNewValues, d = e.children, v = e.defaultPlacement, b = v === void 0 ? "vertical" : v, m = e.defaultValues, y = e.describedBy, g = e.disabled, O = e.elementRef, C = e.error, w = e.filter, k = e.footerMessage, x = e.inline, j = e.inputId, P = e.inputRef, E = e.isLoadingOptions, q = e.labelledBy, R = e.labelText, L = e.loadingMessage, M = e.menuStyle, _ = M === void 0 ? {} : M, B = e.multiple, N = e.name, F = e.noOptionsMessage, X = F === void 0 ? mn : F, U = e.onChange, J = e.onScroll, G = e.onScrollBottom, Q = e.onFilterChange, Y = e.onClick, Z = e.onClose, ee = e.onOpen, ne = e.required, te = e.placeholder, re = te === void 0 ? yn : te, ae = e.prefixLabel, oe = e.prepend, ie = e.repositionMode, ue = ie === void 0 ? "flip" : ie, ce = e.selectAllAppearance, se = ce === void 0 ? "buttongroup" : ce, fe = e.showSelectedValuesFirst, de = e.suffixLabel, pe = e.tabConfirmsNewValue, ve = e.values, be = e.virtualization, ye = e.toggle, ge = e.toggleContent, he = ge === void 0 ? "optionChildren" : ge, Oe = en(e, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
+        // @docs-props-type SelectBasePropsBase
+                var Se = V()({
+            componentName: "SelectBase",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0],
+            // see SUI-7028
+            defaultValuePropName: "defaultValues",
+            valuePropName: "values"
+        });
+        // states
+                var Ce = (0, t.useState)((function() {
+            return {
+                activeItemId: (0, W.createDOMID)("active-item"),
+                menuListboxId: (0, W.createDOMID)("menu-listbox")
+            };
+        })), we = Ue(Ce, 1), ke = we[0], xe = ke.activeItemId, je = ke.menuListboxId;
+        var Pe = (0, t.useState)(0), Ee = Ue(Pe, 2), Ae = Ee[0], qe = Ee[1];
+        var Re = (0, t.useState)(""), Ie = Ue(Re, 2), De = Ie[0], Le = Ie[1];
+        var Me = (0, t.useState)(false), _e = Ue(Me, 2), Be = _e[0], Ve = _e[1];
+        var Fe = (0, t.useState)(false), ze = Ue(Fe, 2), We = ze[0], $e = ze[1];
+        var Je = (0, t.useState)([]), Ge = Ue(Je, 2), Qe = Ge[0], Ye = Ge[1];
+        var Ze = (0, t.useState)(m || []), nn = Ue(Ze, 2), tn = nn[0], rn = nn[1];
+ // previous state
+                var ln = K()(Ae);
+        // refs
+                var an = (0, t.useRef)(null);
+        var on = (0, t.useRef)(null);
+        var un = (0, t.useRef)(null);
+        var cn = (0, t.useRef)([]);
+        var sn = (0, t.useRef)([]);
+        var bn = (0, t.useRef)(ln);
+        var gn = (0, t.useRef)();
+        var On = (0, t.useRef)({});
+        var Cn = (0, t.useRef)(0);
+        var wn = (0, t.useRef)([]);
+        var kn = (0, t.useRef)(null);
+        var xn = (0, t.useRef)();
+        var jn = (0, t.useRef)(0);
+        var Pn = (0, t.useRef)("none");
+        var En = (0, t.useState)(w ? (0, W.createDOMID)("filter") : undefined), An = Ue(En, 1), qn = An[0];
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ u, s, C, oe ]);
+        var Rn = (0, t.useCallback)((function() {
+            var e = Se ? ve : tn;
+            return B || e == null ? e : e.slice(0, 1);
+        }), [ Se, B, ve, tn ]);
+        var In = (0, t.useCallback)((function() {
+            var e;
+            // in non-multiple mode, don't move values to the top of the list
+                        return B && fe !== "never" ? (e = Rn()) !== null && e !== void 0 ? e : [] : [];
+        }), [ Rn, B, fe ]);
+        var Tn = (0, t.useCallback)((function(e) {
+            var n = De;
+            Ve(true);
+            Ye(In());
+            // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                        if (B) {
+                Le("");
+            }
+            if (n !== De) {
+                Q === null || Q === void 0 ? void 0 : Q(e, {
+                    keyword: De
+                });
+            }
+        }), [ De, In, B, Q ]);
+        (0, t.useEffect)((function() {
+            if (Be) {
+                ee === null || ee === void 0 ? void 0 : ee();
+                if (kn.current && !w) {
+                    kn.current.focus();
+                } else {
+                    var e;
+                    qe((e = xn.current) !== null && e !== void 0 ? e : 0);
+                }
+            }
+        }), [ ee, Be, Qe, De, w ]);
+        var Dn = (0, t.useCallback)((function() {
+            Ve(false);
+            qe(0);
+            bn.current = null;
+            Z === null || Z === void 0 ? void 0 : Z();
+        }), [ Z ]);
+        var Ln = (0, t.useCallback)((function(e, n) {
+            var t;
+            var r = (t = Rn()) !== null && t !== void 0 ? t : [];
+            var l = r.indexOf(n);
+            var a;
+            if (B) {
+                if (l >= 0) {
+                    a = [].concat(He(r.slice(0, l)), He(r.slice(l + 1)));
+                } else {
+                    a = r.concat([ n ]);
+                }
+            } else {
+                // non-multiple mode must always have a value
+                a = [ n ];
+            }
+            var o = !Se;
+            if (o) {
+                rn(a);
+            }
+            if (B) {
+                // in uncontrolled multiple mode, keep the menu open
+                if (o) {
+                    Ve(true);
+                }
+            } else {
+                var i;
+                // non-multiple mode only supports a single selection
+                // so close the menu once a selection is made
+                                Dn({
+                    reason: "contentClick"
+                });
+                (i = an.current) === null || i === void 0 ? void 0 : i.focus();
+            }
+            U === null || U === void 0 ? void 0 : U(e, {
+                values: a,
+                name: N,
+                reason: "valueToggle"
+            });
+        }), [ Rn, Dn, Se, B, N, U ]);
+        var Mn = function e() {
+            on.current = null;
+            cn.current = [];
+            if (un.current) {
+                clearTimeout(un.current);
+            }
+        };
+        var _n = (0, t.useCallback)((function(e) {
+            var n;
+            // this doesn't make sense if we can't select multiple values
+                        if (!B) {
+                return;
+            }
+            var t = (n = Rn()) !== null && n !== void 0 ? n : [];
+            var l = h()(t.concat(wn.current));
+            l = r().Children.toArray(d).filter((function(e) {
+                return pn(e) && p()(l, e.props.value) && (!e.props.disabled || p()(t, e.props.value));
+            })).map((function(e) {
+                return e.props.value;
+            }));
+            if (!Se) {
+                rn(l);
+            }
+            U === null || U === void 0 ? void 0 : U(e, {
+                values: l,
+                name: N,
+                reason: "selectAll"
+            });
+        }), [ d, Rn, Se, B, N, U ]);
+        var Bn = (0, t.useCallback)((function(e) {
+            var n;
+            // this doesn't make sense if we can't select multiple values
+                        if (!B) {
+                return;
+            }
+            var t = (n = Rn()) !== null && n !== void 0 ? n : [];
+            var l = S().apply(void 0, [ t ].concat(He(wn.current)));
+            // this will unselect all selected values unless those values are disabled or hidden by the filter
+                        var a = r().Children.toArray(d).filter((function(e) {
+                return pn(e) && (p()(t, e.props.value) && e.props.disabled || p()(l, e.props.value));
+            })).map((function(e) {
+                return e.props.value;
+            }));
+            if (!Se) {
+                rn(a);
+            }
+            U === null || U === void 0 ? void 0 : U(e, {
+                values: a,
+                name: N,
+                reason: "clearAll"
+            });
+        }), [ d, Rn, Se, B, N, U ]);
+        var Nn = (0, t.useCallback)((function(e) {
+            if (Be && !E) {
+                G === null || G === void 0 ? void 0 : G(e);
+            }
+        }), [ Be, E, G ]);
+        var Vn = (0, t.useCallback)((function(e) {
+            var n = e.key;
+            if (n === "Tab") {
+                if (pe && gn.current && Cn.current <= 1) {
+                    e.preventDefault();
+                    Ln(e, gn.current);
+                }
+            }
+            if (e.shiftKey || e.metaKey || e.ctrlKey) {
+                if (n === "a" && (e.ctrlKey || e.metaKey)) {
+                    // handle control + A
+                    if (Pn.current === "all") {
+                        Bn(e);
+                    } else {
+                        _n(e);
+                    }
+                }
+                return;
+            }
+            if (n === "ArrowDown") {
+                e.preventDefault();
+                qe(Math.min(Ae + 1, se === "checkbox" ? Cn.current : Cn.current - 1));
+                if (d && G) {
+                    var r;
+                    var l = t.Children.toArray(d).length - (2 + ((r = Rn()) !== null && r !== void 0 ? r : []).length);
+                    if (Ae === l) {
+                        Nn(e);
+                    }
+                }
+            }
+            if (n === "ArrowUp") {
+                e.preventDefault();
+                qe(Math.max(Ae - 1, 0));
+            }
+            if (n === "Enter" && gn.current && Be) {
+                if (gn.current === "selectAll") {
+                    if (Pn.current === "all") {
+                        Bn(e);
+                    } else {
+                        _n(e);
+                    }
+                } else {
+                    e.preventDefault();
+                    Ln(e, gn.current);
+                }
+            }
+        }), [ Ae, d, Rn, Bn, Nn, _n, G, Be, se, pe, Ln ]);
+        var Fn = (0, t.useCallback)((function(e, n) {
+            var t = n.value;
+            e.preventDefault();
+            if (!Be) {
+                return;
+            }
+            Ln(e, t);
+        }), [ Be, Ln ]);
+        var Kn = (0, t.useCallback)((function(e, n) {
+            var t = e.nativeEvent.key;
+            // Checking for a single character to avoid complications from double-byte languages and emojis.
+                        if (t.length === 1) {
+                var r = [];
+                var l = {
+                    index: 0,
+                    value: t
+                };
+                if (!on.current) {
+                    if (t === " ") {
+                        Mn();
+                        return;
+                    }
+                    r = Te(sn.current, l);
+                } else if (cn.current.length > 1) {
+                    l.index = on.current.index + 1;
+                    r = Te(cn.current, l);
+                }
+                if (r.length) {
+                    var a;
+                    var o = 0;
+                    // If the active option is a first character match, cycle to the next matching option.
+                                        if (l.index === 0 && r.length > 1) {
+                        var i = r.indexOf(sn.current[n]);
+                        if (i >= 0) {
+                            o = i === r.length - 1 ? 0 : i + 1;
+                        }
+                    }
+                    var u = r[o];
+                    var c = u.value, s = u.label;
+                    var f = On.current[vn(c, s)];
+                    f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
+                }
+                cn.current = r;
+                on.current = l;
+                if (un.current) {
+                    clearTimeout(un.current);
+                }
+                un.current = setTimeout(Mn, 500);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }), []);
+        var Hn = (0, t.useCallback)((function(e, n) {
+            var t = n.value;
+            Le(t);
+            Ve(true);
+            qe(0);
+            Q === null || Q === void 0 ? void 0 : Q(e, {
+                keyword: t
+            });
+        }), [ Q ]);
+        var zn = (0, t.useCallback)((function() {
+            $e(true);
+        }), []);
+        var Wn = (0, t.useCallback)((function() {
+            $e(false);
+        }), []);
+        var $n = (0, t.useCallback)((function(e) {
+            if (bn.current !== Ae) {
+                (0, $.scrollIntoViewIfNeeded)(e);
+            }
+        }), [ Ae ]);
+        var Xn = (0, t.useCallback)((function(e, n, t) {
+            if (t) {
+                kn.current = e;
+            }
+            if (e == null) {
+                delete On.current[n];
+            } else {
+                On.current[n] = e;
+            }
+        }), [ On ]);
+        var Un = (0, t.useCallback)((function(e) {
+            an.current = e;
+            Ke(O, e);
+        }), [ O, an ]);
+        var Jn = (0, t.useMemo)((function() {
+            var e;
+            return (e = Rn()) !== null && e !== void 0 ? e : [];
+        }), [ Rn ]);
+        var Gn = t.Children.toArray(d);
+        var Qn = Jn.some((function(e) {
+            var n = i()(Gn, (function(n) {
+                return pn(n) && n.props.value === e;
+            }));
+            return n && !n.props.disabled;
+        }));
+        var Yn = fe === "immediately" ? In() : Qe;
+        var Zn = (0, t.useMemo)((function() {
+            Cn.current = 0;
+            xn.current = undefined;
+            jn.current = 0;
+            gn.current = undefined;
+            sn.current = [];
+            var e = function e(n, t) {
+                return function(e) {
+                    return Xn(e, n, t);
+                };
+            };
+            var n;
+            var a = 0;
+            var o = false;
+            // used to avoid overwriting the selected item ref in multiple mode
+                        var u;
+            var s = t.Children.toArray(d).reduce((function(i, c, s) {
+                // ignore Headings and Dividers
+                if (!pn(c)) {
+                    i.push(c);
+                    return i;
+                }
+                var f = c.props, d = f.disabled, p = f.hidden, v = f.label, b = f.value;
+ // Find out if the search string exactly matches a value
+                                if (b === De) {
+                    n = true;
+                }
+                var m = Jn && Jn.indexOf(b) >= 0;
+                var y = !!m && !d && !u;
+                var g = l && !B && !w && !E && !G;
+                var h = vn(b, v);
+                var O = -1;
+                if (g && !d && !p) {
+                    sn.current.push({
+                        label: v,
+                        value: b
+                    });
+                    O = sn.current.length - 1;
+                }
+                // Format the Menu.Item
+                                var S =  (0, t.cloneElement)(c, {
+                    elementRef: e(h, y),
+                    key: c.key || s,
+                    onClick: Fn,
+                    onKeyDown: g ? function(e) {
+                        return Kn(e, O);
+                    } : undefined,
+                    selected: m,
+                    multiple: B,
+                    role: "option"
+                });
+                if (y) {
+                    u = true;
+                }
+                if (Yn && Yn.indexOf(b) >= 0) {
+                    if (a === 0) {
+                        i.splice(a, 0,  r().createElement(I.Divider, {
+                            key: "topDivider"
+                        }));
+                        o = true;
+                    }
+                    i.splice(a, 0, S);
+                    a += 1;
+                } else {
+                    i.push(S);
+                }
+                return i;
+            }), []);
+            // In multiple mode, add missing items
+                        if (B) {
+                c()(Jn, (function(t) {
+                    var l = i()(s, (function(e) {
+                        return pn(e) && e.props && e.props.value === t;
+                    }));
+                    if (!l) {
+                        if (t === De) {
+                            n = true;
+                        }
+                        var u = Yn && Yn.indexOf(t) >= 0;
+                        var c = Yn.length;
+                        if (a === 0) {
+                            s.splice(0, 0,  r().createElement(I.Divider, {
+                                key: "topDivider"
+                            }));
+                            a += 1;
+                            o = true;
+                        }
+                        var f = String(t);
+                        var d = vn(t, f);
+                        s.splice(u ? 0 : c + 1, 0,  r().createElement(le, {
+                            elementRef: e(d),
+                            label: f,
+                            value: t,
+                            key: "missing-value-".concat(t),
+                            onClick: Fn,
+                            multiple: B,
+                            selected: true
+                        }));
+                        if (u) {
+                            a += 1;
+                        }
+                    }
+                }));
+            }
+            var p = w === "controlled";
+            // Filter the items
+                        var v = (0, H.stringToKeywords)(De);
+            s = p ? s : s.filter((function(e) {
+                if (pn(e)) {
+                    return (0, H.testPhrase)(e.props.label, v);
+                }
+                return true;
+ // Keep all headers and non-interactive options
+                        })).map((function(e) {
+                if (!pn(e)) {
+                    return e;
+                }
+                // highlight matched text
+                                var n = v && (0, H.keywordLocations)(e.props.label, v);
+                
+                return (0, t.cloneElement)(e, {
+                    matchRanges: n || undefined
+                });
+            }));
+            // Add the option to add the new value
+                        if (f && !n && De) {
+                var b = o ? a + 1 : a;
+                var m = "".concat(De, " (new value)");
+                var y = vn(De, m);
+                s.splice(b, 0,  r().createElement(le, {
+                    elementRef: e(y),
+                    label: m,
+                    value: De,
+                    key: "newValue",
+                    multiple: B,
+                    onClick: Fn
+                }));
+            }
+            // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                        var g = se === "checkbox" && B && s.length > 1 ? 1 : 0;
+            var h = true;
+            // Highlight the selected Items and remove hidden
+                        s = s.reduce((function(e, n) {
+                // ignore Dividers & Headings
+                if (!pn(n)) {
+                    e.push(n);
+                    return e;
+                }
+                // Ignore any hidden items
+                                if (n.props && n.props.hidden) {
+                    return e;
+                }
+                if (n.props.selected && !n.props.disabled && xn.current == null) {
+                    xn.current = Cn.current;
+                }
+                var r = g === Ae;
+                g += 1;
+                Cn.current += 1;
+                jn.current += n.props.selected ? 1 : 0;
+                if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
+                    h = false;
+                }
+                if (!r || !We) {
+                    e.push(n);
+                    return e;
+                }
+                if (!n.props.disabled) {
+                    gn.current = n.props.value;
+                }
+                var l =  (0, t.cloneElement)(n, {
+                    active: r,
+                    elementRef: $n,
+                    id: xe
+                });
+                e.push(l);
+                return e;
+            }), []);
+            Pn.current = jn.current === 0 && "none" || h && "all" || "some";
+            // add select all option
+                        if (se === "checkbox" && B && Cn.current > 0) {
+                var O = Ae === 0 && !!w;
+                var S;
+                if (Pn.current === "all") {
+                    if (De === "") {
+                        S = (0, z._)("Clear all");
+                    } else {
+                        S = (0, z._)("Clear all matches");
+                    }
+                } else if (De === "") {
+                    S = (0, z._)("Select all");
+                } else {
+                    S = (0, z._)("Select all matches");
+                }
+                if (O) {
+                    gn.current = "selectAll";
+                }
+                s.unshift( r().createElement(me, {
+                    key: "select-all-option",
+                    active: O,
+                    elementRef: $n,
+                    id: O ? xe : undefined,
+                    onClick: Pn.current === "all" ? Bn : _n,
+                    label: S,
+                    selected: Pn.current === "all" || Pn.current !== "none" && "some",
+                    totalCount: !!ye && Jn.length || undefined,
+                    tabIndex: w ? -1 : undefined
+                }),  r().createElement(I.Divider, {
+                    key: "selectAllDivider"
+                }));
+            }
+            wn.current = s.reduce((function(e, n) {
+                if (pn(n)) {
+                    e.push(n.props.value);
+                }
+                return e;
+            }), []);
+            return s;
+        }), [ Ae, xe, l, f, d, Jn, w, De, $n, Bn, Fn, Kn, Xn, _n, E, B, Yn, G, se, We, ye ]);
+        var et = function e(n) {
+            var t = n.anchorWidth, l = n.maxHeight, o = n.placement, i = n.toggleId;
+            var u = fn({
+                anchorWidth: t,
+                isMultiple: B,
+                maxHeight: l,
+                menuStyle: _
+            });
+            var c = Jn.length > 0 && !Qn && !w ? 0 : undefined;
+            var s = {
+                "aria-multiselectable": B || undefined,
+                childrenStart: !!w &&  r().createElement(hn, {
+                    activeItemId: xe,
+                    filterA11yId: qn,
+                    filterKeyword: De,
+                    hasChildren: Zn.some((function(e) {
+                        return pn(e);
+                    })),
+                    inputId: j,
+                    inputRef: P,
+                    menuListboxId: je,
+                    multiple: B,
+                    onClearAll: Bn,
+                    onSelectAll: _n,
+                    onTextBlur: Wn,
+                    onTextChange: Hn,
+                    onTextFocus: zn,
+                    onTextKeyDown: Vn,
+                    optionSelection: Pn,
+                    placement: o,
+                    selectAllAppearance: se,
+                    textHasFocus: We
+                }),
+                focusMode: w ? "never" : undefined,
+                isLoading: E,
+                labelledBy: "".concat(qn !== null && qn !== void 0 ? qn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
+                menuId: je,
+                onScrollBottom: G ? Nn : undefined,
+                placement: o !== null && o !== void 0 ? o : undefined,
+                noOptionsMessage: X,
+                footerMessage: k,
+                animateLoading: a,
+                loadingMessage: L,
+                onScroll: J,
+                style: u,
+                tabIndex: c
+            };
+            if (be) {
+                
+                return r().createElement(T.VirtualizedResultsMenu, Xe({
+                    virtualization: be
+                }, s), Zn);
+            }
+            
+            return r().createElement(D(), s, Zn);
+        };
+        var nt = (0, t.useMemo)((function() {
+            
+            return r().createElement(Sn, Xe({
+                appearance: u,
+                append: s,
+                currentValues: Rn(),
+                "data-test": B ? "multiselect" : "select",
+                describedBy: y,
+                disabled: g,
+                elementRef: Un,
+                error: C,
+                inline: x,
+                labelText: R,
+                labelledBy: q,
+                multiple: B,
+                onClick: Y,
+                placeholder: re,
+                prefixLabel: ae,
+                prepend: oe,
+                required: ne,
+                suffixLabel: de,
+                toggle: ye,
+                toggleContent: he
+            }, Oe), d);
+        }), [ u, s, Rn, B, y, g, C, Un, x, R, q, Y, re, ae, oe, ne, de, ye, he, Oe, d ]);
+        
+        return r().createElement(A(), {
+            closeReasons: dn,
+            inputId: j,
+            "aria-labelledby": qn,
+            toggle: nt,
+            onRequestOpen: Tn,
+            onRequestClose: Dn,
+            open: Be,
+            openWithArrowKeys: true,
+            repositionMode: ue,
+            defaultPlacement: b,
+            canCoverAnchor: Ne().innerHeight < 500,
+            retainFocus: false,
+            takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!w
+        }, et);
+    }
+    Cn.propTypes = cn;
+    Cn.componentType = "SelectBase";
+    Cn.Option = le;
+    Cn.Divider = I.Divider;
+    Cn.Heading = I.Heading;
+    /* harmony default export */    const wn = Cn;
+    // CONCATENATED MODULE: ./src/SelectBase/index.ts
+    module.exports = n;
+    /******/})();