@splunk/react-ui 5.4.0 → 5.6.0

package/SelectBase.js

@@ -0,0 +1,1714 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
+                        enumerable: true,
+                        get: t[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* 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 r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        Controls: () => /* reexport */ sr,
+        Divider: () => /* reexport */ w.Divider,
+        Heading: () => /* reexport */ w.Heading,
+        Option: () => /* reexport */ U,
+        SelectAllOption: () => /* reexport */ oe,
+        default: () => /* reexport */ mr,
+        isOption: () => /* reexport */ tr
+    });
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var n =  e.n(t);
+    // CONCATENATED MODULE: external "lodash/castArray"
+    const l = require("lodash/castArray");
+    var a =  e.n(l);
+    // CONCATENATED MODULE: external "lodash/has"
+    const o = require("lodash/has");
+    var i =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const u = require("lodash/memoize");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const s = require("lodash/pick");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "prop-types"
+    const d = require("prop-types");
+    var p =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const v = require("@splunk/react-icons/CaretSmallDown");
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const m = require("@splunk/react-icons/Magnifier");
+    var y =  e.n(m);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const g = require("@splunk/react-ui/Dropdown");
+    var h =  e.n(g);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const S = require("@splunk/react-ui/Link");
+    var O =  e.n(S);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const w = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const C = require("@splunk/react-ui/ResultsMenu");
+    var k =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const x = require("@splunk/react-ui/ScreenReaderContent");
+    var j =  e.n(x);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const P = require("@splunk/react-ui/Text");
+    var E =  e.n(P);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const A = require("@splunk/react-ui/useControlled");
+    var L =  e.n(A);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const I = require("@splunk/react-ui/usePrevious");
+    var R =  e.n(I);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const M = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const q = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const T = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
+    const D = require("@splunk/ui-utils/scroll");
+    // CONCATENATED MODULE: ./src/SelectBase/OptionBase.tsx
+    function _(e) {
+        "@babel/helpers - typeof";
+        return _ = "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;
+        }, _(e);
+    }
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+                }
+            }
+            return e;
+        }, B.apply(null, arguments);
+    }
+    function N(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
+        }
+        return t;
+    }
+    function V(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? N(Object(t), !0).forEach((function(r) {
+                F(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : N(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
+        }
+        return e;
+    }
+    function F(e, r, t) {
+        return (r = K(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
+    }
+    function K(e) {
+        var r = H(e, "string");
+        return "symbol" == _(r) ? r : r + "";
+    }
+    function H(e, r) {
+        if ("object" != _(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != _(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
+    }
+    function z(e, r) {
+        if (null == e) return {};
+        var t, n, l = W(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function W(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    var $ = {
+        /** @private */
+        active: p().bool,
+        children: p().node,
+        description: p().string,
+        descriptionPosition: p().oneOf([ "right", "bottom" ]),
+        disabled: p().bool,
+        elementRef: p().oneOfType([ p().func, p().object ]),
+        endAdornment: p().node,
+        hidden: p().bool,
+        icon: p().node,
+        label: p().string.isRequired,
+        /**
+   * @private Passed down from <BaseSelect>
+   */
+        multiple: p().bool,
+        matchRanges: p().arrayOf(p().shape({
+            start: p().number.isRequired,
+            end: p().number.isRequired
+        })),
+        /** @private */
+        onClick: p().func,
+        /** @private */
+        role: p().oneOf([ "menuitemcheckbox", "option" ]),
+        /** @private */
+        selected: p().oneOfType([ p().bool, p().oneOf([ "some" ]) ]),
+        truncate: p().bool,
+        value: p().oneOfType([ p().string, p().number, p().bool ]).isRequired
+    };
+    /**
+ * An option within a `Multiselect`.
+ */    function X(e) {
+        var r = 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 = z(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 = V({
+            descriptionPosition: a,
+            disabled: o ? "disabled" : undefined
+        }, m);
+        
+        return n().createElement(w.Item, B({
+            "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
+        }), r || s);
+    }
+    X.propTypes = $;
+    X.type = w.Item;
+ // For components to distinguish if their children are Options or Headings/Dividers
+    /* harmony default export */    const U = X;
+    // CONCATENATED MODULE: ./src/SelectBase/SelectAllOption.tsx
+    function J(e) {
+        "@babel/helpers - typeof";
+        return J = "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;
+        }, J(e);
+    }
+    function G() {
+        return G = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+                }
+            }
+            return e;
+        }, G.apply(null, arguments);
+    }
+    function Q(e, r) {
+        if (null == e) return {};
+        var t, n, l = Y(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function Y(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    function Z(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
+        }
+        return t;
+    }
+    function ee(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? Z(Object(t), !0).forEach((function(r) {
+                re(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Z(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
+        }
+        return e;
+    }
+    function re(e, r, t) {
+        return (r = te(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
+    }
+    function te(e) {
+        var r = ne(e, "string");
+        return "symbol" == J(r) ? r : r + "";
+    }
+    function ne(e, r) {
+        if ("object" != J(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != J(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
+    }
+    var le = ee(ee({}, U.propTypes), {}, {
+        totalCount: p().number,
+        // unlike OptionBase, there's a default value for this prop
+        value: p().string
+    });
+    function ae(e) {
+        var r = 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 = Q(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 n().createElement(U, G({
+            active: r,
+            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));
+    }
+    ae.propTypes = le;
+    /* harmony default export */    const oe = ae;
+    // CONCATENATED MODULE: external "styled-components"
+    const ie = require("styled-components");
+    var ue =  e.n(ie);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const ce = require("@splunk/react-ui/Button");
+    var se =  e.n(ce);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const fe = require("@splunk/react-ui/Divider");
+    var de =  e.n(fe);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const pe = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/SelectBase/SelectBaseStyles.ts
+    var ve = ue()(se()).withConfig({
+        displayName: "SelectBaseStyles__StyledButton",
+        componentId: "sc-1lmonqb-0"
+    })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
+        var r = e.$multiple;
+        return r ? "400px" : "auto";
+    }), (function(e) {
+        var r = e.$multiple;
+        return !r && "flex-grow: 0;";
+    }));
+    var be = ue().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkIcon",
+        componentId: "sc-1lmonqb-1"
+    })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
+    var me = ue().span.withConfig({
+        displayName: "SelectBaseStyles__StyledLinkCaret",
+        componentId: "sc-1lmonqb-2"
+    })([ "padding-left:", ";" ], pe.variables.spacingXSmall);
+    var ye = ue().div.withConfig({
+        displayName: "SelectBaseStyles__StyledFilter",
+        componentId: "sc-1lmonqb-3"
+    })([ "padding:", " ", " ", ";min-width:160px;" ], pe.variables.spacingLarge, pe.variables.spacingLarge, pe.variables.spacingSmall);
+    var ge = ue().span.withConfig({
+        displayName: "SelectBaseStyles__StyledCount",
+        componentId: "sc-1lmonqb-4"
+    })([ "padding-right:", ";" ], pe.variables.spacingXSmall);
+    var he = ue()(O()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsLink",
+        componentId: "sc-1lmonqb-5"
+    })([ "", ";" ], (function(e) {
+        var r = e.$disabled;
+        return r && (0, ie.css)([ "color:", ";" ], pe.variables.contentColorDisabled);
+    }));
+    var Se = ue().div.withConfig({
+        displayName: "SelectBaseStyles__StyledToggleAllControls",
+        componentId: "sc-1lmonqb-6"
+    })([ "", ";gap:", ";padding:", " ", " ", ";" ], pe.mixins.reset("flex"), pe.variables.spacingMedium, pe.variables.spacingXSmall, pe.variables.spacingLarge, pe.variables.spacingSmall);
+    var Oe = ue()(de()).withConfig({
+        displayName: "SelectBaseStyles__StyledControlsDivider",
+        componentId: "sc-1lmonqb-7"
+    })([ "border-color:", ";" ], pe.variables.borderColor);
+    // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+    // A utility for matching keyboard characters to list values
+    var we = function e(r, t) {
+        return r ? r.label.charAt(t).toLowerCase() : "";
+    };
+    var Ce = function e(r, t) {
+        if (!r.length) {
+            return r;
+        }
+        var n = null;
+        var l = false;
+        var a = r.filter((function(e) {
+            var r = we(e, t.index);
+            if (r === 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 = we(n, t.index);
+                if (!a) {
+                    n = e;
+                } else if (r > t.value) {
+                    if (a < t.value) {
+                        n = e;
+                    } else if (a > r) {
+                        n = e;
+                    }
+                } else if (r > a) {
+                    n = e;
+                }
+            }
+            return false;
+        }));
+        return a.length === 0 && n ? [ n ] : a;
+    };
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var ke = {
+        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 xe() {
+        var e = typeof document !== "undefined" ? document : ke;
+        return e;
+    }
+    var je = xe();
+    /* harmony default export */    const Pe = /* unused pure expression or super */ null && je;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var Ee = {
+        document: ke,
+        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(r) {
+            if (typeof setTimeout === "undefined") {
+                r();
+                return null;
+            }
+            return setTimeout(r, 0);
+        },
+        cancelAnimationFrame: function e(r) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(r);
+        }
+    };
+    function Ae() {
+        var e = typeof window !== "undefined" ? window : Ee;
+        return e;
+    }
+    var Le = Ae();
+    /* harmony default export */    const Ie = /* unused pure expression or super */ null && Le;
+    // 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 Re(e, r) {
+        if (e) {
+            if (typeof e === "function") {
+                e(r);
+            } 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;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
+    }
+    // CONCATENATED MODULE: ./src/SelectBase/SelectBase.tsx
+    function Me(e) {
+        return De(e) || Te(e) || Ve(e) || qe();
+    }
+    function qe() {
+        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 Te(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function De(e) {
+        if (Array.isArray(e)) return Fe(e);
+    }
+    function _e() {
+        return _e = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+                }
+            }
+            return e;
+        }, _e.apply(null, arguments);
+    }
+    function Be(e, r) {
+        return He(e) || Ke(e, r) || Ve(e, r) || Ne();
+    }
+    function Ne() {
+        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 Ve(e, r) {
+        if (e) {
+            if ("string" == typeof e) return Fe(e, r);
+            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) ? Fe(e, r) : void 0;
+        }
+    }
+    function Fe(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var t = 0, n = Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function Ke(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var n, l, a, o, i = [], u = !0, c = !1;
+            try {
+                if (a = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (n = a.call(t)).done) && (i.push(n.value), i.length !== r); 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 He(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function ze(e, r) {
+        if (null == e) return {};
+        var t, n, l = We(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            }
+        }
+        return l;
+    }
+    function We(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    function $e(e) {
+        "@babel/helpers - typeof";
+        return $e = "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;
+        }, $e(e);
+    }
+    function Xe(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
+        }
+        return t;
+    }
+    function Ue(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? Xe(Object(t), !0).forEach((function(r) {
+                Je(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Xe(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
+        }
+        return e;
+    }
+    function Je(e, r, t) {
+        return (r = Ge(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
+    }
+    function Ge(e) {
+        var r = Qe(e, "string");
+        return "symbol" == $e(r) ? r : r + "";
+    }
+    function Qe(e, r) {
+        if ("object" != $e(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != $e(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
+    }
+    var Ye = {
+        allowKeyMatching: p().bool,
+        allowNewValues: p().bool,
+        animateLoading: p().bool,
+        appearance: p().oneOf([ "default", "link", "subtle" ]),
+        append: p().bool,
+        children: p().node,
+        defaultPlacement: p().oneOf([ "above", "below", "vertical" ]),
+        defaultValues: p().array,
+        describedBy: p().string,
+        disabled: p().bool,
+        elementRef: p().oneOfType([ p().func, p().object ]),
+        error: p().bool,
+        filter: p().oneOf([ false, true, "controlled" ]),
+        footerMessage: p().node,
+        inline: p().bool,
+        inputId: p().string,
+        inputRef: p().oneOfType([ p().func, p().object ]),
+        isLoadingOptions: p().bool,
+        labelledBy: p().string,
+        labelText: p().string,
+        loadingMessage: p().node,
+        /** @private. */
+        maxLabelItems: p().number,
+        menuStyle: p().object,
+        multiple: p().bool,
+        name: p().string,
+        noOptionsMessage: p().node,
+        onChange: p().func,
+        onClick: p().func,
+        onClose: p().func,
+        onFilterChange: p().func,
+        onOpen: p().func,
+        onScroll: p().func,
+        onScrollBottom: p().func,
+        /** @private. */
+        required: p().bool,
+        placeholder: p().string,
+        prefixLabel: p().string,
+        prepend: p().bool,
+        repositionMode: p().oneOf([ "none", "flip" ]),
+        selectAllAppearance: p().oneOf([ "buttongroup", "checkbox", "none" ]),
+        showSelectedValuesFirst: p().oneOf([ "nextOpen", "immediately", "never" ]),
+        suffixLabel: p().string,
+        tabConfirmsNewValue: p().bool,
+        toggle: p().node,
+        toggleContent: p().oneOf([ "optionChildren", "optionLabel" ]),
+        values: p().array,
+        /** @private. */
+        virtualization: p().number
+    };
+    var Ze = c()((function(e) {
+        return [ e ];
+    }));
+    // preserve separate widths for single vs. multi mode
+        var er = c()((function(e) {
+        var r = e.anchorWidth, t = e.isMultiple, n = e.maxHeight, l = e.menuStyle;
+        return t ? Ue({
+            width: Math.max(r !== null && r !== void 0 ? r : 0, 200),
+            maxHeight: n
+        }, l) : Ue({
+            minWidth: r !== null && r !== void 0 ? r : undefined,
+            maxWidth: Math.max(r !== null && r !== void 0 ? r : 0, 300),
+            maxHeight: n
+        }, l);
+    }));
+    var rr = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    function tr(e) {
+        return e && i()(e.props, "value");
+    }
+    function nr(e, r) {
+        return "".concat($e(e), "-").concat(e, "-").concat(r);
+    }
+    var lr = [ "append", "error", "prepend" ];
+    var ar = (0, q._)("No matches");
+    var or = (0, q._)("Select...");
+    var ir = 30;
+    var ur = {};
+    var cr =  n().createElement(y(), null);
+    var sr = function e(r) {
+        var t = r.activeItemId, l = r.filterA11yId, a = r.filterKeyword, o = r.hasChildren, i = r.inputId, u = r.inputRef, c = r.menuListboxId, s = r.multiple, f = r.onClearAll, d = r.onSelectAll, p = r.onTextBlur, v = r.onTextChange, b = r.onTextFocus, m = r.onTextKeyDown, y = r.optionSelection, g = r.placement, h = r.selectAllAppearance, S = r.textHasFocus;
+        var O = (0, q._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
+        var w = (0, q._)("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 C =  n().createElement(Se, {
+            key: "selectAll"
+        },  n().createElement(he, {
+            disabled: y.current === "all",
+            appearance: "standalone",
+            "aria-label": O,
+            onClick: d,
+            "data-test": "select-all",
+            tag: "button"
+        }, a ? (0, q._)("Select all Matches") : (0, q._)("Select all")),  n().createElement(he, {
+            disabled: y.current === "none",
+            appearance: "standalone",
+            "aria-label": w,
+            onClick: f,
+            "data-test": "clear-all",
+            tag: "button"
+        }, a ? (0, q._)("Clear all Matches") : (0, q._)("Clear all")));
+        
+        return n().createElement("div", {
+            key: "controls"
+        }, l &&  n().createElement(j(), {
+            id: l
+        }, (0, q._)("Type to filter")), g === "above" &&  n().createElement(Oe, null),  n().createElement(ye, {
+            key: "filter",
+            "data-test": "filter"
+        },  n().createElement(E(), {
+            value: a,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            spellCheck: false,
+            onChange: v,
+            onKeyDown: m,
+            onFocus: b,
+            onBlur: p,
+            placeholder: (0, q._)("Filter"),
+            role: "combobox",
+            "aria-expanded": "true",
+            "aria-controls": c,
+            "aria-owns": S && o ? t : undefined,
+            "aria-label": (0, q._)("Filter"),
+            "aria-autocomplete": "list",
+            "aria-activedescendant": S && o ? t : undefined,
+            inputRef: u,
+            inputId: i,
+            canClear: true,
+            startAdornment: cr
+        })), s && o && h === "buttongroup" && C, g === "below" &&  n().createElement(Oe, null));
+    };
+    var fr = function e(r) {
+        var t = r.prefixLabel, n = r.label, l = r.suffixLabel;
+        var o = n;
+        if (t) {
+            o = [ "".concat(t, ": ") ].concat(o);
+        }
+        if (l) {
+            o = a()(o).concat(" ".concat(l));
+        }
+        return o;
+    };
+    var dr = [];
+    var pr =  n().forwardRef((function(e, r) {
+        var l = e.appearance, a = l === void 0 ? "default" : l, o = e.append, i = e.children, u = e.currentValues, c = u === void 0 ? dr : u, s = e.describedBy, d = e.disabled, p = e.elementRef, v = e.error, m = e.inline, y = e.labelText, g = e.labelledBy, h = e.multiple, S = e.onClick, w = e.placeholder, C = e.prefixLabel, k = e.prepend, x = e.required, j = e.suffixLabel, P = e.toggle, E = e.toggleContent, A = e.maxLabelItems, L = A === void 0 ? ir : A, I = ze(e, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent", "maxLabelItems" ]);
+        var R = (0, t.useMemo)((function() {
+            var e = t.Children.toArray(i);
+            var r = new Map;
+            for (var n = 0; n < e.length; n += 1) {
+                var l = e[n];
+                if (tr(l)) {
+                    r.set(l.props.value, l);
+                }
+            }
+            return r;
+        }), [ i ]);
+        var M = (0, t.useMemo)((function() {
+            var e = {
+                icon: null,
+                label: [],
+                ariaLabel: []
+            };
+            var r = h && c.length > L ? Math.max(1, L) : c.length;
+            for (var t = 0; t < r; t += 1) {
+                var n = c[t];
+                var l = R.get(n);
+                if (l) {
+                    var a = l.props, o = a.children, i = a.icon, u = a.label;
+                    var s = E !== "optionLabel" && o ? o : u;
+                    e.label.push(s);
+                    e.ariaLabel.push(u);
+                    // if not in multiple mode, add the icon
+                                        if (!h && c.length === 1) {
+                        e.icon = i;
+                    }
+                } else if (h) {
+                    // only add values that don't match an option in "multiple" mode to preserve old behaviour
+                    e.label.push(n);
+                    e.ariaLabel.push(n.toString());
+                }
+                if (t < r - 1) {
+                    e.label.push((0, q._)(", "));
+                    e.ariaLabel.push((0, q._)(", "));
+                }
+            }
+            if (h && c.length > r && e.label.length) {
+                // add visual ellipsis to ensure truncation is shown
+                e.label.push((0, q._)("..."));
+            }
+            // only apply prefix / suffix if the label is not empty
+                        if (e.label.length > 0) {
+                // If there's more than one item selected, read out the selected total
+                // rather than reading out each selected item
+                e.ariaLabel = fr({
+                    prefixLabel: C,
+                    label: e.label.length > 1 ? [ "".concat(c.length, " items selected") ] : e.ariaLabel,
+                    suffixLabel: j
+                });
+                e.label = fr({
+                    prefixLabel: C,
+                    label: e.label,
+                    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 (!e.label.length || !h && e.label.every((function(e) {
+                return e === "";
+            }))) {
+                e.label = Ze(w);
+                e.ariaLabel = e.label;
+            }
+            return e;
+        }), [ c, L, h, R, w, C, j, E ]), T = M.label, D = M.ariaLabel, _ = M.icon;
+        var B = "aria-labelledby" in I;
+        var N = Ue({
+            "aria-describedby": s,
+            "aria-label": g || B ? undefined : "".concat(y ? "".concat(y, ", ") : "").concat(D.join("")),
+            // aria-labelledby takes precedence over aria-label, so existence of both is redundant
+            "aria-labelledby": g,
+            "aria-required": x,
+            "data-select-appearance": a,
+            append: o,
+            prepend: k,
+            onClick: S,
+            role: "combobox",
+            disabled: d ? "disabled" : undefined,
+            elementRef: p,
+            error: v,
+            ref: r
+        }, I);
+        if (h) {
+            N["data-test-values"] = JSON.stringify(c);
+        } else {
+            var V = Be(c, 1), F = V[0];
+            N["data-test-value"] = F;
+        }
+        if (P) {
+            
+            return (0, t.cloneElement)(P, N);
+        }
+        if (a === "link") {
+            
+            return n().createElement(O(), _e({
+                tag: "button",
+                appearance: "standalone"
+            }, N, {
+                "data-select-appearance": "link"
+            }), !!_ &&  n().createElement(be, null, _), T || w,  n().createElement(me, null,  n().createElement(b(), null)));
+        }
+        // Using Button's secondary appearance as Select's default appearance.
+                var K = a === "default" ? "secondary" : a;
+        
+        return n().createElement(ve, _e({}, N, {
+            $multiple: h,
+            appearance: K,
+            label: T,
+            error: v,
+            icon: _,
+            inline: m,
+            isMenu: true,
+            onClick: S
+        }, f()(I, lr)), !!c.length && h &&  n().createElement(ge, {
+            "data-role": "count"
+        }, "(", c.length, ")"));
+    }));
+    function vr(e) {
+        var r = e.currentValues, t = e.multiple;
+        if (t || !(r === null || r === void 0 ? void 0 : r.length)) {
+            return r !== null && r !== void 0 ? r : [];
+        }
+        return [ r[0] ];
+    }
+    function br(e) {
+        var r = e.allowKeyMatching, l = r === void 0 ? true : r, a = e.animateLoading, o = e.appearance, i = o === void 0 ? "default" : o, u = e.append, c = e.allowNewValues, s = e.children, f = e.defaultPlacement, d = f === void 0 ? "vertical" : f, p = e.defaultValues, v = e.describedBy, b = e.disabled, m = e.elementRef, y = e.error, g = e.filter, S = e.footerMessage, O = e.inline, x = e.inputId, j = e.inputRef, P = e.isLoadingOptions, E = e.labelledBy, A = e.labelText, I = e.loadingMessage, _ = e.menuStyle, B = _ === void 0 ? ur : _, N = e.multiple, V = e.name, F = e.noOptionsMessage, K = F === void 0 ? ar : F, H = e.onChange, z = e.onScroll, W = e.onScrollBottom, $ = e.onFilterChange, X = e.onClick, J = e.onClose, G = e.onOpen, Q = e.required, Y = e.placeholder, Z = Y === void 0 ? or : Y, ee = e.prefixLabel, re = e.prepend, te = e.repositionMode, ne = te === void 0 ? "flip" : te, le = e.selectAllAppearance, ae = le === void 0 ? "buttongroup" : le, ie = e.showSelectedValuesFirst, ue = e.suffixLabel, ce = e.tabConfirmsNewValue, se = e.values, fe = e.virtualization, de = e.toggle, pe = e.toggleContent, ve = pe === void 0 ? "optionChildren" : pe, be = e.maxLabelItems, me = be === void 0 ? ir : be, ye = ze(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", "maxLabelItems" ]);
+        // @docs-props-type SelectBasePropsBase
+                var ge = L()({
+            componentName: "SelectBase",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0],
+            // see SUI-7028
+            defaultValuePropName: "defaultValues",
+            valuePropName: "values"
+        });
+        // states
+                var he = (0, t.useState)((function() {
+            return {
+                activeItemId: (0, T.createDOMID)("active-item"),
+                menuListboxId: (0, T.createDOMID)("menu-listbox")
+            };
+        })), Se = Be(he, 1), Oe = Se[0], we = Oe.activeItemId, ke = Oe.menuListboxId;
+        var xe = (0, t.useState)(0), je = Be(xe, 2), Pe = je[0], Ee = je[1];
+        var Le = (0, t.useState)(""), Ie = Be(Le, 2), qe = Ie[0], Te = Ie[1];
+        var De = (0, t.useState)(false), Ne = Be(De, 2), Ve = Ne[0], Fe = Ne[1];
+        var Ke = (0, t.useState)(false), He = Be(Ke, 2), We = He[0], $e = He[1];
+        var Xe = (0, t.useState)([]), Ue = Be(Xe, 2), Je = Ue[0], Ge = Ue[1];
+        var Qe = (0, t.useState)(p || []), Ye = Be(Qe, 2), Ze = Ye[0], lr = Ye[1];
+ // previous state
+                var cr = R()(Pe);
+        // refs
+                var fr = (0, t.useRef)(null);
+        var dr = (0, t.useRef)(null);
+        var br = (0, t.useRef)(null);
+        var mr = (0, t.useRef)([]);
+        var yr = (0, t.useRef)([]);
+        var gr = (0, t.useRef)(cr);
+        var hr = (0, t.useRef)();
+        var Sr = (0, t.useRef)({});
+        var Or = (0, t.useRef)(0);
+        var wr = (0, t.useRef)([]);
+        var Cr = (0, t.useRef)(null);
+        var kr = (0, t.useRef)();
+        var xr = (0, t.useRef)(0);
+        var jr = (0, t.useRef)("none");
+        var Pr = (0, t.useState)(g ? (0, T.createDOMID)("filter") : undefined), Er = Be(Pr, 1), Ar = Er[0];
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ i, u, y, re ]);
+        var Lr = (0, t.useMemo)((function() {
+            var e = n().Children.toArray(s);
+            var r = new Map;
+            for (var t = 0; t < e.length; t += 1) {
+                var l = e[t];
+                if (tr(l)) {
+                    r.set(l.props.value, l);
+                }
+            }
+            return [ e, r ];
+        }), [ s ]), Ir = Be(Lr, 2), Rr = Ir[0], Mr = Ir[1];
+        var qr = vr({
+            currentValues: ge ? se : Ze,
+            multiple: N
+        });
+        // mutable object reference to currentValues to permit idempotent callbacks
+                var Tr = (0, t.useRef)(null);
+        Tr.current = qr;
+        var Dr = (0, t.useCallback)((function() {
+            // in non-multiple mode, don't move values to the top of the list
+            return N && ie !== "never" ? Tr.current : [];
+        }), [ N, ie ]);
+        var _r = (0, t.useCallback)((function(e) {
+            var r = qe;
+            Fe(true);
+            Ge(Dr());
+            // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
+                        if (N) {
+                Te("");
+            }
+            if (r !== qe) {
+                $ === null || $ === void 0 ? void 0 : $(e, {
+                    keyword: qe
+                });
+            }
+        }), [ qe, Dr, N, $ ]);
+        (0, t.useEffect)((function() {
+            if (Ve) {
+                G === null || G === void 0 ? void 0 : G();
+                if (Cr.current && !g) {
+                    Cr.current.focus();
+                } else {
+                    var e;
+                    Ee((e = kr.current) !== null && e !== void 0 ? e : 0);
+                }
+            }
+        }), [ G, Ve, Je, qe, g ]);
+        var Br = (0, t.useCallback)((function() {
+            Fe(false);
+            Ee(0);
+            gr.current = null;
+            J === null || J === void 0 ? void 0 : J();
+        }), [ J ]);
+        var Nr = (0, t.useCallback)((function(e, r) {
+            var t = new Set(Tr.current);
+            var n;
+            if (N) {
+                if (t.has(r)) {
+                    t["delete"](r);
+                } else {
+                    t.add(r);
+                }
+                n = Array.from(t);
+            } else {
+                // non-multiple mode must always have a value
+                n = [ r ];
+            }
+            var l = !ge;
+            if (l) {
+                lr(n);
+            }
+            if (N) {
+                // in uncontrolled multiple mode, keep the menu open
+                if (l) {
+                    Fe(true);
+                }
+            } else {
+                var a;
+                // non-multiple mode only supports a single selection
+                // so close the menu once a selection is made
+                                Br({
+                    reason: "contentClick"
+                });
+                (a = fr.current) === null || a === void 0 ? void 0 : a.focus();
+            }
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: n,
+                name: V,
+                reason: "valueToggle"
+            });
+        }), [ Br, ge, N, V, H ]);
+        var Vr = function e() {
+            dr.current = null;
+            mr.current = [];
+            if (br.current) {
+                clearTimeout(br.current);
+            }
+        };
+        var Fr = (0, t.useCallback)((function(e) {
+            // this doesn't make sense if we can't select multiple values
+            if (!N) {
+                return;
+            }
+            var r = Tr.current;
+            var t = new Set(r);
+            var n = new Set([].concat(Me(r), Me(wr.current)));
+            // to keep track of custom values we create a copy of selected values and remove
+            // items as they are accounted for in children, leaving only custom values
+                        var l = new Set(n);
+            var a = new Set;
+            Rr.forEach((function(e) {
+                if (tr(e)) {
+                    // this value is being represented in children so it is not custom
+                    l["delete"](e.props.value);
+                }
+                if (tr(e) && n.has(e.props.value) && (!e.props.disabled || t.has(e.props.value))) {
+                    a.add(e.props.value);
+                }
+            }));
+            var o = [].concat(Me(Array.from(l)), Me(Array.from(a)));
+            if (!ge) {
+                lr(o);
+            }
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: o,
+                name: V,
+                reason: "selectAll"
+            });
+        }), [ Rr, ge, N, V, H ]);
+        var Kr = (0, t.useCallback)((function(e) {
+            // this doesn't make sense if we can't select multiple values
+            if (!N) {
+                return;
+            }
+            var r = new Set(Tr.current);
+            var t = new Set(Tr.current);
+            for (var n = 0; n < wr.current.length; n += 1) {
+                t["delete"](wr.current[n]);
+            }
+            var l = new Set;
+            for (var a = 0; a < Rr.length; a += 1) {
+                var o = Rr[a];
+                // this will unselect all selected values unless those values are disabled or hidden by the filter
+                                if (tr(o) && (r.has(o.props.value) && o.props.disabled || t.has(o.props.value))) {
+                    l.add(o.props.value);
+                }
+            }
+            var i = Array.from(l);
+            if (!ge) {
+                lr(i);
+            }
+            H === null || H === void 0 ? void 0 : H(e, {
+                values: i,
+                name: V,
+                reason: "clearAll"
+            });
+        }), [ Rr, ge, N, V, H ]);
+        var Hr = (0, t.useCallback)((function(e) {
+            if (Ve && !P) {
+                W === null || W === void 0 ? void 0 : W(e);
+            }
+        }), [ Ve, P, W ]);
+        var zr = (0, t.useCallback)((function(e) {
+            var r = e.key;
+            if (r === "Tab") {
+                if (ce && hr.current && Or.current <= 1) {
+                    e.preventDefault();
+                    Nr(e, hr.current);
+                }
+            }
+            if (e.shiftKey || e.metaKey || e.ctrlKey) {
+                if (r === "a" && (e.ctrlKey || e.metaKey)) {
+                    // handle control + A
+                    if (jr.current === "all") {
+                        Kr(e);
+                    } else {
+                        Fr(e);
+                    }
+                }
+                return;
+            }
+            if (r === "ArrowDown") {
+                e.preventDefault();
+                Ee(Math.min(Pe + 1, ae === "checkbox" ? Or.current : Or.current - 1));
+                if (s && W) {
+                    var n = t.Children.toArray(s).length - (2 + Tr.current.length);
+                    if (Pe === n) {
+                        Hr(e);
+                    }
+                }
+            }
+            if (r === "ArrowUp") {
+                e.preventDefault();
+                Ee(Math.max(Pe - 1, 0));
+            }
+            if (r === "Enter" && hr.current && Ve) {
+                if (hr.current === "selectAll") {
+                    if (jr.current === "all") {
+                        Kr(e);
+                    } else {
+                        Fr(e);
+                    }
+                } else {
+                    e.preventDefault();
+                    Nr(e, hr.current);
+                }
+            }
+        }), [ Pe, s, Kr, Hr, Fr, W, Ve, ae, ce, Nr ]);
+        var Wr = (0, t.useCallback)((function(e, r) {
+            var t = r.value;
+            e.preventDefault();
+            if (!Ve) {
+                return;
+            }
+            Nr(e, t);
+        }), [ Ve, Nr ]);
+        var $r = (0, t.useCallback)((function(e, r) {
+            var t = e.nativeEvent.key;
+            // Checking for a single character to avoid complications from double-byte languages and emojis.
+                        if (t.length === 1) {
+                var n = [];
+                var l = {
+                    index: 0,
+                    value: t
+                };
+                if (!dr.current) {
+                    if (t === " ") {
+                        Vr();
+                        return;
+                    }
+                    n = Ce(yr.current, l);
+                } else if (mr.current.length > 1) {
+                    l.index = dr.current.index + 1;
+                    n = Ce(mr.current, l);
+                }
+                if (n.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 && n.length > 1) {
+                        var i = n.indexOf(yr.current[r]);
+                        if (i >= 0) {
+                            o = i === n.length - 1 ? 0 : i + 1;
+                        }
+                    }
+                    var u = n[o];
+                    var c = u.value, s = u.label;
+                    var f = Sr.current[nr(c, s)];
+                    f === null || f === void 0 ? void 0 : (a = f.focus) === null || a === void 0 ? void 0 : a.call(f);
+                }
+                mr.current = n;
+                dr.current = l;
+                if (br.current) {
+                    clearTimeout(br.current);
+                }
+                br.current = setTimeout(Vr, 500);
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }), []);
+        var Xr = (0, t.useCallback)((function(e, r) {
+            var t = r.value;
+            Te(t);
+            Fe(true);
+            Ee(0);
+            $ === null || $ === void 0 ? void 0 : $(e, {
+                keyword: t
+            });
+        }), [ $ ]);
+        var Ur = (0, t.useCallback)((function() {
+            $e(true);
+        }), []);
+        var Jr = (0, t.useCallback)((function() {
+            $e(false);
+        }), []);
+        var Gr = (0, t.useCallback)((function(e) {
+            if (gr.current !== Pe) {
+                (0, D.scrollIntoViewIfNeeded)(e);
+            }
+        }), [ Pe ]);
+        var Qr = (0, t.useCallback)((function(e, r, t) {
+            if (t) {
+                Cr.current = e;
+            }
+            if (e == null) {
+                delete Sr.current[r];
+            } else {
+                Sr.current[r] = e;
+            }
+        }), [ Sr ]);
+        var Yr = (0, t.useCallback)((function(e) {
+            fr.current = e;
+            Re(m, e);
+        }), [ m, fr ]);
+        var Zr = qr.some((function(e) {
+            var r = Mr.get(e);
+            return r && !r.props.disabled;
+        }));
+        var et = ie === "immediately" ? Dr() : Je;
+        var rt = (0, t.useMemo)((function() {
+            Or.current = 0;
+            kr.current = undefined;
+            xr.current = 0;
+            hr.current = undefined;
+            yr.current = [];
+            var e = function e(r, t) {
+                return function(e) {
+                    return Qr(e, r, t);
+                };
+            };
+            var r;
+            var a = 0;
+            var o = false;
+            // used to avoid overwriting the selected item ref in multiple mode
+                        var i;
+            var u = new Set(qr);
+            var s = new Set(et !== null && et !== void 0 ? et : []);
+            var f = Rr.reduce((function(c, f, d) {
+                // ignore Headings and Dividers
+                if (!tr(f)) {
+                    c.push(f);
+                    return c;
+                }
+                var p = f.props, v = p.disabled, b = p.hidden, m = p.label, y = p.value;
+ // Find out if the search string exactly matches a value
+                                if (y === qe) {
+                    r = true;
+                }
+                var h = u.has(y);
+                var S = !!h && !v && !i;
+                var O = l && !N && !g && !P && !W;
+                var C = nr(y, m);
+                var k = -1;
+                if (O && !v && !b) {
+                    yr.current.push({
+                        label: m,
+                        value: y
+                    });
+                    k = yr.current.length - 1;
+                }
+                // Format the Menu.Item
+                                var x =  (0, t.cloneElement)(f, {
+                    elementRef: e(C, S),
+                    key: f.key || d,
+                    onClick: Wr,
+                    onKeyDown: O ? function(e) {
+                        return $r(e, k);
+                    } : undefined,
+                    selected: h,
+                    multiple: N,
+                    role: "option"
+                });
+                if (S) {
+                    i = true;
+                }
+                if (s.has(y)) {
+                    if (a === 0) {
+                        c.splice(a, 0,  n().createElement(w.Divider, {
+                            key: "topDivider"
+                        }));
+                        o = true;
+                    }
+                    c.splice(a, 0, x);
+                    a += 1;
+                } else {
+                    c.push(x);
+                }
+                return c;
+            }), []);
+            // In multiple mode, add missing items
+                        if (N) {
+                for (var d = qr.length - 1; d >= 0; d -= 1) {
+                    var p = qr[d];
+                    var v = Mr.get(p);
+                    if (!v) {
+                        if (p === qe) {
+                            r = true;
+                        }
+                        var b = s.has(p);
+                        var m = et.length;
+                        if (a === 0) {
+                            f.splice(0, 0,  n().createElement(w.Divider, {
+                                key: "topDivider"
+                            }));
+                            a += 1;
+                            o = true;
+                        }
+                        var y = String(p);
+                        var h = nr(p, y);
+                        f.splice(b ? 0 : m + 1, 0,  n().createElement(U, {
+                            elementRef: e(h),
+                            label: y,
+                            value: p,
+                            key: "missing-value-".concat(p),
+                            onClick: Wr,
+                            multiple: N,
+                            selected: true
+                        }));
+                        if (b) {
+                            a += 1;
+                        }
+                    }
+                }
+            }
+            var S = g === "controlled";
+            // Filter the items
+                        var O = (0, M.stringToKeywords)(qe);
+            f = S ? f : f.filter((function(e) {
+                if (tr(e)) {
+                    return (0, M.testPhrase)(e.props.label, O);
+                }
+                return true;
+ // Keep all headers and non-interactive options
+                        })).map((function(e) {
+                if (!tr(e)) {
+                    return e;
+                }
+                // highlight matched text
+                                var r = O && (0, M.keywordLocations)(e.props.label, O);
+                
+                return (0, t.cloneElement)(e, {
+                    matchRanges: r || undefined
+                });
+            }));
+            // Add the option to add the new value
+                        if (c && !r && qe) {
+                var C = o ? a + 1 : a;
+                var k = "".concat(qe, " (new value)");
+                var x = nr(qe, k);
+                f.splice(C, 0,  n().createElement(U, {
+                    elementRef: e(x),
+                    label: k,
+                    value: qe,
+                    key: "newValue",
+                    multiple: N,
+                    onClick: Wr
+                }));
+            }
+            // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
+                        var j = ae === "checkbox" && N && f.length > 1 ? 1 : 0;
+            var E = true;
+            // Highlight the selected Items and remove hidden
+                        f = f.reduce((function(e, r) {
+                // ignore Dividers & Headings
+                if (!tr(r)) {
+                    e.push(r);
+                    return e;
+                }
+                // Ignore any hidden items
+                                if (r.props && r.props.hidden) {
+                    return e;
+                }
+                if (r.props.selected && !r.props.disabled && kr.current == null) {
+                    kr.current = Or.current;
+                }
+                var n = j === Pe;
+                j += 1;
+                Or.current += 1;
+                xr.current += r.props.selected ? 1 : 0;
+                if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
+                    E = false;
+                }
+                if (!n || !We) {
+                    e.push(r);
+                    return e;
+                }
+                if (!r.props.disabled) {
+                    hr.current = r.props.value;
+                }
+                var l =  (0, t.cloneElement)(r, {
+                    active: n,
+                    elementRef: Gr,
+                    id: we
+                });
+                e.push(l);
+                return e;
+            }), []);
+            jr.current = xr.current === 0 && "none" || E && "all" || "some";
+            // add select all option
+                        if (ae === "checkbox" && N && Or.current > 0) {
+                var A = Pe === 0 && !!g;
+                var L;
+                if (jr.current === "all") {
+                    if (qe === "") {
+                        L = (0, q._)("Clear all");
+                    } else {
+                        L = (0, q._)("Clear all matches");
+                    }
+                } else if (qe === "") {
+                    L = (0, q._)("Select all");
+                } else {
+                    L = (0, q._)("Select all matches");
+                }
+                if (A) {
+                    hr.current = "selectAll";
+                }
+                f.unshift( n().createElement(oe, {
+                    key: "select-all-option",
+                    active: A,
+                    elementRef: Gr,
+                    id: A ? we : undefined,
+                    onClick: jr.current === "all" ? Kr : Fr,
+                    label: L,
+                    selected: jr.current === "all" || jr.current !== "none" && "some",
+                    totalCount: !!de && qr.length || undefined,
+                    tabIndex: g ? -1 : undefined
+                }),  n().createElement(w.Divider, {
+                    key: "selectAllDivider"
+                }));
+            }
+            wr.current = f.reduce((function(e, r) {
+                if (tr(r)) {
+                    e.push(r.props.value);
+                }
+                return e;
+            }), []);
+            return f;
+        }), [ Pe, we, l, c, Rr, Mr, qr, g, qe, Gr, Kr, Wr, $r, Qr, Fr, P, N, et, W, ae, We, de ]);
+        var tt = function e(r) {
+            var t = r.anchorWidth, l = r.maxHeight, o = r.placement, i = r.toggleId;
+            var u = er({
+                anchorWidth: t,
+                isMultiple: N,
+                maxHeight: l,
+                menuStyle: B
+            });
+            var c = qr.length > 0 && !Zr && !g ? 0 : undefined;
+            var s = {
+                "aria-multiselectable": N || undefined,
+                childrenStart: !!g &&  n().createElement(sr, {
+                    activeItemId: we,
+                    filterA11yId: Ar,
+                    filterKeyword: qe,
+                    hasChildren: rt.some((function(e) {
+                        return tr(e);
+                    })),
+                    inputId: x,
+                    inputRef: j,
+                    menuListboxId: ke,
+                    multiple: N,
+                    onClearAll: Kr,
+                    onSelectAll: Fr,
+                    onTextBlur: Jr,
+                    onTextChange: Xr,
+                    onTextFocus: Ur,
+                    onTextKeyDown: zr,
+                    optionSelection: jr,
+                    placement: o,
+                    selectAllAppearance: ae,
+                    textHasFocus: We
+                }),
+                focusMode: g ? "never" : undefined,
+                isLoading: P,
+                labelledBy: "".concat(Ar !== null && Ar !== void 0 ? Ar : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
+                // NVDA ignores aria-labelledby attribute on popover, but reads it on menu
+                menuId: ke,
+                onScrollBottom: W ? Hr : undefined,
+                placement: o !== null && o !== void 0 ? o : undefined,
+                noOptionsMessage: K,
+                footerMessage: S,
+                animateLoading: a,
+                loadingMessage: I,
+                onScroll: z,
+                style: u,
+                tabIndex: c
+            };
+            if (fe) {
+                
+                return n().createElement(C.VirtualizedResultsMenu, _e({
+                    virtualization: fe
+                }, s), rt);
+            }
+            
+            return n().createElement(k(), s, rt);
+        };
+        var nt = (0, t.useMemo)((function() {
+            
+            return n().createElement(pr, _e({
+                appearance: i,
+                append: u,
+                currentValues: qr,
+                "data-test": N ? "multiselect" : "select",
+                describedBy: v,
+                disabled: b,
+                elementRef: Yr,
+                error: y,
+                inline: O,
+                labelText: A,
+                labelledBy: E,
+                multiple: N,
+                onClick: X,
+                placeholder: Z,
+                prefixLabel: ee,
+                prepend: re,
+                required: Q,
+                suffixLabel: ue,
+                toggle: de,
+                toggleContent: ve,
+                maxLabelItems: me
+            }, ye), s);
+        }), [ i, u, qr, N, v, b, Yr, y, O, A, E, X, Z, ee, re, Q, ue, de, ve, me, ye, s ]);
+        
+        return n().createElement(h(), {
+            closeReasons: rr,
+            inputId: x,
+            "aria-labelledby": Ar,
+            toggle: nt,
+            onRequestOpen: _r,
+            onRequestClose: Br,
+            open: Ve,
+            openWithArrowKeys: true,
+            repositionMode: ne,
+            defaultPlacement: d,
+            canCoverAnchor: Ae().innerHeight < 500,
+            retainFocus: false,
+            takeFocus: qr.length === 0 || qr.length > 0 && !Zr || !!g
+        }, tt);
+    }
+    br.propTypes = Ye;
+    br.componentType = "SelectBase";
+    br.Option = U;
+    br.Divider = w.Divider;
+    br.Heading = w.Heading;
+    /* harmony default export */    const mr = br;
+    // CONCATENATED MODULE: ./src/SelectBase/index.ts
+    module.exports = r;
+    /******/})();