@react-aria/select 3.14.4-nightly.4555 → 3.14.4-nightly.4558

package/dist/import.mjs

@@ -1,169 +1,5 @@
-import {filterDOMProps as $thkiX$filterDOMProps, mergeProps as $thkiX$mergeProps, useId as $thkiX$useId, chain as $thkiX$chain, useFormReset as $thkiX$useFormReset} from "@react-aria/utils";
-import $thkiX$react, {useMemo as $thkiX$useMemo, useRef as $thkiX$useRef} from "react";
-import {ListKeyboardDelegate as $thkiX$ListKeyboardDelegate, useTypeSelect as $thkiX$useTypeSelect} from "@react-aria/selection";
-import {setInteractionModality as $thkiX$setInteractionModality, useInteractionModality as $thkiX$useInteractionModality} from "@react-aria/interactions";
-import {useCollator as $thkiX$useCollator} from "@react-aria/i18n";
-import {useField as $thkiX$useField} from "@react-aria/label";
-import {useMenuTrigger as $thkiX$useMenuTrigger} from "@react-aria/menu";
-import {useFormValidation as $thkiX$useFormValidation} from "@react-aria/form";
-import {useVisuallyHidden as $thkiX$useVisuallyHidden} from "@react-aria/visually-hidden";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-const $58aed456727eb0f3$export$703601b7e90536f8 = new WeakMap();
-function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
-    let { keyboardDelegate: keyboardDelegate, isDisabled: isDisabled, isRequired: isRequired, name: name, validationBehavior: validationBehavior = "aria" } = props;
-    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-    // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = (0, $thkiX$useCollator)({
-        usage: "search",
-        sensitivity: "base"
-    });
-    let delegate = (0, $thkiX$useMemo)(()=>keyboardDelegate || new (0, $thkiX$ListKeyboardDelegate)(state.collection, state.disabledKeys, null, collator), [
-        keyboardDelegate,
-        state.collection,
-        state.disabledKeys,
-        collator
-    ]);
-    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $thkiX$useMenuTrigger)({
-        isDisabled: isDisabled,
-        type: "listbox"
-    }, state, ref);
-    let onKeyDown = (e)=>{
-        switch(e.key){
-            case "ArrowLeft":
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();
-                    if (key) state.setSelectedKey(key);
-                    break;
-                }
-            case "ArrowRight":
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();
-                    if (key) state.setSelectedKey(key);
-                    break;
-                }
-        }
-    };
-    let { typeSelectProps: typeSelectProps } = (0, $thkiX$useTypeSelect)({
-        keyboardDelegate: delegate,
-        selectionManager: state.selectionManager,
-        onTypeSelect (key) {
-            state.setSelectedKey(key);
-        }
-    });
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $thkiX$useField)({
-        ...props,
-        labelElementType: "span",
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;
-    delete typeSelectProps.onKeyDownCapture;
-    let domProps = (0, $thkiX$filterDOMProps)(props, {
-        labelable: true
-    });
-    let triggerProps = (0, $thkiX$mergeProps)(typeSelectProps, menuTriggerProps, fieldProps);
-    let valueId = (0, $thkiX$useId)();
-    $58aed456727eb0f3$export$703601b7e90536f8.set(state, {
-        isDisabled: isDisabled,
-        isRequired: isRequired,
-        name: name,
-        validationBehavior: validationBehavior
-    });
-    return {
-        labelProps: {
-            ...labelProps,
-            onClick: ()=>{
-                if (!props.isDisabled) {
-                    ref.current.focus();
-                    // Show the focus ring so the user knows where focus went
-                    (0, $thkiX$setInteractionModality)("keyboard");
-                }
-            }
-        },
-        triggerProps: (0, $thkiX$mergeProps)(domProps, {
-            ...triggerProps,
-            isDisabled: isDisabled,
-            onKeyDown: (0, $thkiX$chain)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
-            onKeyUp: props.onKeyUp,
-            "aria-labelledby": [
-                valueId,
-                triggerProps["aria-labelledby"],
-                triggerProps["aria-label"] && !triggerProps["aria-labelledby"] ? triggerProps.id : null
-            ].filter(Boolean).join(" "),
-            onFocus (e) {
-                if (state.isFocused) return;
-                if (props.onFocus) props.onFocus(e);
-                if (props.onFocusChange) props.onFocusChange(true);
-                state.setFocused(true);
-            },
-            onBlur (e) {
-                if (state.isOpen) return;
-                if (props.onBlur) props.onBlur(e);
-                if (props.onFocusChange) props.onFocusChange(false);
-                state.setFocused(false);
-            }
-        }),
-        valueProps: {
-            id: valueId
-        },
-        menuProps: {
-            ...menuProps,
-            autoFocus: state.focusStrategy || true,
-            shouldSelectOnPressUp: true,
-            shouldFocusOnHover: true,
-            disallowEmptySelection: true,
-            linkBehavior: "selection",
-            onBlur: (e)=>{
-                if (e.currentTarget.contains(e.relatedTarget)) return;
-                if (props.onBlur) props.onBlur(e);
-                if (props.onFocusChange) props.onFocusChange(false);
-                state.setFocused(false);
-            },
-            "aria-labelledby": [
-                fieldProps["aria-labelledby"],
-                triggerProps["aria-label"] && !fieldProps["aria-labelledby"] ? triggerProps.id : null
-            ].filter(Boolean).join(" ")
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    };
-}
-
+import {useSelect as $58aed456727eb0f3$export$e64b2f635402ca43} from "./useSelect.mjs";
+import {HiddenSelect as $bdd25dc72710631f$export$cbd84cdb2e668835, useHiddenSelect as $bdd25dc72710631f$export$f809e80f58e251d1} from "./HiddenSelect.mjs";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -179,103 +15,5 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
 
 
 
-
-
-function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
-    let data = (0, $58aed456727eb0f3$export$703601b7e90536f8).get(state) || {};
-    let { autoComplete: autoComplete, name: name = data.name, isDisabled: isDisabled = data.isDisabled } = props;
-    let { validationBehavior: validationBehavior, isRequired: isRequired } = data;
-    let modality = (0, $thkiX$useInteractionModality)();
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $thkiX$useVisuallyHidden)();
-    (0, $thkiX$useFormReset)(props.selectRef, state.selectedKey, state.setSelectedKey);
-    (0, $thkiX$useFormValidation)({
-        validationBehavior: validationBehavior,
-        focus: ()=>triggerRef.current.focus()
-    }, state, props.selectRef);
-    var _state_selectedKey;
-    // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.
-    // In Firefox, there must be a <label> to identify the <select> whereas other browsers
-    // seem to identify it just by surrounding text.
-    // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a
-    // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>
-    // non tabbable with tabIndex={-1}.
-    //
-    // In mobile browsers, there are next/previous buttons above the software keyboard for navigating
-    // between fields in a form. These only support native form inputs that are tabbable. In order to
-    // support those, an additional hidden input is used to marshall focus to the button. It is tabbable
-    // except when the button is focused, so that shift tab works properly to go to the actual previous
-    // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes
-    // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to
-    // prevent Safari from zooming in on the input when it is focused.
-    //
-    // If the current interaction modality is null, then the user hasn't interacted with the page yet.
-    // In this case, we set the tabIndex to -1 on the input element so that automated accessibility
-    // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.
-    return {
-        containerProps: {
-            ...visuallyHiddenProps,
-            "aria-hidden": true,
-            ["data-hidden-select-ignore"]: true,
-            ["data-a11y-ignore"]: "aria-hidden-focus"
-        },
-        inputProps: {
-            type: "text",
-            tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,
-            style: {
-                fontSize: 16
-            },
-            onFocus: ()=>triggerRef.current.focus(),
-            disabled: isDisabled
-        },
-        selectProps: {
-            tabIndex: -1,
-            autoComplete: autoComplete,
-            disabled: isDisabled,
-            required: validationBehavior === "native" && isRequired,
-            name: name,
-            value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : "",
-            onChange: (e)=>state.setSelectedKey(e.target.value)
-        }
-    };
-}
-function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
-    let { state: state, triggerRef: triggerRef, label: label, name: name, isDisabled: isDisabled } = props;
-    let selectRef = (0, $thkiX$useRef)(null);
-    let { containerProps: containerProps, inputProps: inputProps, selectProps: selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
-        ...props,
-        selectRef: selectRef
-    }, state, triggerRef);
-    var _state_selectedKey;
-    // If used in a <form>, use a hidden input so the value can be submitted to a server.
-    // If the collection isn't too big, use a hidden <select> element for this so that browser
-    // autofill will work. Otherwise, use an <input type="hidden">.
-    if (state.collection.size <= 300) return /*#__PURE__*/ (0, $thkiX$react).createElement("div", {
-        ...containerProps,
-        "data-testid": "hidden-select-container"
-    }, /*#__PURE__*/ (0, $thkiX$react).createElement("input", inputProps), /*#__PURE__*/ (0, $thkiX$react).createElement("label", null, label, /*#__PURE__*/ (0, $thkiX$react).createElement("select", {
-        ...selectProps,
-        ref: selectRef
-    }, /*#__PURE__*/ (0, $thkiX$react).createElement("option", null), [
-        ...state.collection.getKeys()
-    ].map((key)=>{
-        let item = state.collection.getItem(key);
-        if (item.type === "item") return /*#__PURE__*/ (0, $thkiX$react).createElement("option", {
-            key: item.key,
-            value: item.key
-        }, item.textValue);
-    }))));
-    else if (name) return /*#__PURE__*/ (0, $thkiX$react).createElement("input", {
-        type: "hidden",
-        autoComplete: selectProps.autoComplete,
-        name: name,
-        disabled: isDisabled,
-        value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
-    });
-    return null;
-}
-
-
-
-
 export {$58aed456727eb0f3$export$e64b2f635402ca43 as useSelect, $bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,36 +1,15 @@
-var $j4fa6$reactariautils = require("@react-aria/utils");
-var $j4fa6$react = require("react");
-var $j4fa6$reactariaselection = require("@react-aria/selection");
-var $j4fa6$reactariainteractions = require("@react-aria/interactions");
-var $j4fa6$reactariai18n = require("@react-aria/i18n");
-var $j4fa6$reactarialabel = require("@react-aria/label");
-var $j4fa6$reactariamenu = require("@react-aria/menu");
-var $j4fa6$reactariaform = require("@react-aria/form");
-var $j4fa6$reactariavisuallyhidden = require("@react-aria/visually-hidden");
+var $23a1e93dc7fa8653$exports = require("./useSelect.main.js");
+var $6eae0e0872a4cdd4$exports = require("./HiddenSelect.main.js");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "useSelect", () => $23a1e93dc7fa8653$export$e64b2f635402ca43);
-$parcel$export(module.exports, "useHiddenSelect", () => $6eae0e0872a4cdd4$export$f809e80f58e251d1);
-$parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$export$cbd84cdb2e668835);
+$parcel$export(module.exports, "useSelect", () => $23a1e93dc7fa8653$exports.useSelect);
+$parcel$export(module.exports, "useHiddenSelect", () => $6eae0e0872a4cdd4$exports.useHiddenSelect);
+$parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$exports.HiddenSelect);
 /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -44,249 +23,4 @@ $parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$export$cb
 
 
 
-
-
-
-const $23a1e93dc7fa8653$export$703601b7e90536f8 = new WeakMap();
-function $23a1e93dc7fa8653$export$e64b2f635402ca43(props, state, ref) {
-    let { keyboardDelegate: keyboardDelegate, isDisabled: isDisabled, isRequired: isRequired, name: name, validationBehavior: validationBehavior = "aria" } = props;
-    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-    // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = (0, $j4fa6$reactariai18n.useCollator)({
-        usage: "search",
-        sensitivity: "base"
-    });
-    let delegate = (0, $j4fa6$react.useMemo)(()=>keyboardDelegate || new (0, $j4fa6$reactariaselection.ListKeyboardDelegate)(state.collection, state.disabledKeys, null, collator), [
-        keyboardDelegate,
-        state.collection,
-        state.disabledKeys,
-        collator
-    ]);
-    let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $j4fa6$reactariamenu.useMenuTrigger)({
-        isDisabled: isDisabled,
-        type: "listbox"
-    }, state, ref);
-    let onKeyDown = (e)=>{
-        switch(e.key){
-            case "ArrowLeft":
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();
-                    if (key) state.setSelectedKey(key);
-                    break;
-                }
-            case "ArrowRight":
-                {
-                    // prevent scrolling containers
-                    e.preventDefault();
-                    let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();
-                    if (key) state.setSelectedKey(key);
-                    break;
-                }
-        }
-    };
-    let { typeSelectProps: typeSelectProps } = (0, $j4fa6$reactariaselection.useTypeSelect)({
-        keyboardDelegate: delegate,
-        selectionManager: state.selectionManager,
-        onTypeSelect (key) {
-            state.setSelectedKey(key);
-        }
-    });
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $j4fa6$reactarialabel.useField)({
-        ...props,
-        labelElementType: "span",
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;
-    delete typeSelectProps.onKeyDownCapture;
-    let domProps = (0, $j4fa6$reactariautils.filterDOMProps)(props, {
-        labelable: true
-    });
-    let triggerProps = (0, $j4fa6$reactariautils.mergeProps)(typeSelectProps, menuTriggerProps, fieldProps);
-    let valueId = (0, $j4fa6$reactariautils.useId)();
-    $23a1e93dc7fa8653$export$703601b7e90536f8.set(state, {
-        isDisabled: isDisabled,
-        isRequired: isRequired,
-        name: name,
-        validationBehavior: validationBehavior
-    });
-    return {
-        labelProps: {
-            ...labelProps,
-            onClick: ()=>{
-                if (!props.isDisabled) {
-                    ref.current.focus();
-                    // Show the focus ring so the user knows where focus went
-                    (0, $j4fa6$reactariainteractions.setInteractionModality)("keyboard");
-                }
-            }
-        },
-        triggerProps: (0, $j4fa6$reactariautils.mergeProps)(domProps, {
-            ...triggerProps,
-            isDisabled: isDisabled,
-            onKeyDown: (0, $j4fa6$reactariautils.chain)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
-            onKeyUp: props.onKeyUp,
-            "aria-labelledby": [
-                valueId,
-                triggerProps["aria-labelledby"],
-                triggerProps["aria-label"] && !triggerProps["aria-labelledby"] ? triggerProps.id : null
-            ].filter(Boolean).join(" "),
-            onFocus (e) {
-                if (state.isFocused) return;
-                if (props.onFocus) props.onFocus(e);
-                if (props.onFocusChange) props.onFocusChange(true);
-                state.setFocused(true);
-            },
-            onBlur (e) {
-                if (state.isOpen) return;
-                if (props.onBlur) props.onBlur(e);
-                if (props.onFocusChange) props.onFocusChange(false);
-                state.setFocused(false);
-            }
-        }),
-        valueProps: {
-            id: valueId
-        },
-        menuProps: {
-            ...menuProps,
-            autoFocus: state.focusStrategy || true,
-            shouldSelectOnPressUp: true,
-            shouldFocusOnHover: true,
-            disallowEmptySelection: true,
-            linkBehavior: "selection",
-            onBlur: (e)=>{
-                if (e.currentTarget.contains(e.relatedTarget)) return;
-                if (props.onBlur) props.onBlur(e);
-                if (props.onFocusChange) props.onFocusChange(false);
-                state.setFocused(false);
-            },
-            "aria-labelledby": [
-                fieldProps["aria-labelledby"],
-                triggerProps["aria-label"] && !fieldProps["aria-labelledby"] ? triggerProps.id : null
-            ].filter(Boolean).join(" ")
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    };
-}
-
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-function $6eae0e0872a4cdd4$export$f809e80f58e251d1(props, state, triggerRef) {
-    let data = (0, $23a1e93dc7fa8653$export$703601b7e90536f8).get(state) || {};
-    let { autoComplete: autoComplete, name: name = data.name, isDisabled: isDisabled = data.isDisabled } = props;
-    let { validationBehavior: validationBehavior, isRequired: isRequired } = data;
-    let modality = (0, $j4fa6$reactariainteractions.useInteractionModality)();
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $j4fa6$reactariavisuallyhidden.useVisuallyHidden)();
-    (0, $j4fa6$reactariautils.useFormReset)(props.selectRef, state.selectedKey, state.setSelectedKey);
-    (0, $j4fa6$reactariaform.useFormValidation)({
-        validationBehavior: validationBehavior,
-        focus: ()=>triggerRef.current.focus()
-    }, state, props.selectRef);
-    var _state_selectedKey;
-    // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.
-    // In Firefox, there must be a <label> to identify the <select> whereas other browsers
-    // seem to identify it just by surrounding text.
-    // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a
-    // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>
-    // non tabbable with tabIndex={-1}.
-    //
-    // In mobile browsers, there are next/previous buttons above the software keyboard for navigating
-    // between fields in a form. These only support native form inputs that are tabbable. In order to
-    // support those, an additional hidden input is used to marshall focus to the button. It is tabbable
-    // except when the button is focused, so that shift tab works properly to go to the actual previous
-    // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes
-    // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to
-    // prevent Safari from zooming in on the input when it is focused.
-    //
-    // If the current interaction modality is null, then the user hasn't interacted with the page yet.
-    // In this case, we set the tabIndex to -1 on the input element so that automated accessibility
-    // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.
-    return {
-        containerProps: {
-            ...visuallyHiddenProps,
-            "aria-hidden": true,
-            ["data-hidden-select-ignore"]: true,
-            ["data-a11y-ignore"]: "aria-hidden-focus"
-        },
-        inputProps: {
-            type: "text",
-            tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,
-            style: {
-                fontSize: 16
-            },
-            onFocus: ()=>triggerRef.current.focus(),
-            disabled: isDisabled
-        },
-        selectProps: {
-            tabIndex: -1,
-            autoComplete: autoComplete,
-            disabled: isDisabled,
-            required: validationBehavior === "native" && isRequired,
-            name: name,
-            value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : "",
-            onChange: (e)=>state.setSelectedKey(e.target.value)
-        }
-    };
-}
-function $6eae0e0872a4cdd4$export$cbd84cdb2e668835(props) {
-    let { state: state, triggerRef: triggerRef, label: label, name: name, isDisabled: isDisabled } = props;
-    let selectRef = (0, $j4fa6$react.useRef)(null);
-    let { containerProps: containerProps, inputProps: inputProps, selectProps: selectProps } = $6eae0e0872a4cdd4$export$f809e80f58e251d1({
-        ...props,
-        selectRef: selectRef
-    }, state, triggerRef);
-    var _state_selectedKey;
-    // If used in a <form>, use a hidden input so the value can be submitted to a server.
-    // If the collection isn't too big, use a hidden <select> element for this so that browser
-    // autofill will work. Otherwise, use an <input type="hidden">.
-    if (state.collection.size <= 300) return /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("div", {
-        ...containerProps,
-        "data-testid": "hidden-select-container"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("input", inputProps), /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("label", null, label, /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("select", {
-        ...selectProps,
-        ref: selectRef
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("option", null), [
-        ...state.collection.getKeys()
-    ].map((key)=>{
-        let item = state.collection.getItem(key);
-        if (item.type === "item") return /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("option", {
-            key: item.key,
-            value: item.key
-        }, item.textValue);
-    }))));
-    else if (name) return /*#__PURE__*/ (0, ($parcel$interopDefault($j4fa6$react))).createElement("input", {
-        type: "hidden",
-        autoComplete: selectProps.autoComplete,
-        name: name,
-        disabled: isDisabled,
-        value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
-    });
-    return null;
-}
-
-
-
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-aria/select/src/index.ts","packages/@react-aria/select/src/useSelect.ts","packages/@react-aria/select/src/HiddenSelect.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useSelect} from './useSelect';\nexport {useHiddenSelect, HiddenSelect} from './HiddenSelect';\nexport type {AriaSelectOptions, SelectAria} from './useSelect';\nexport type {AriaHiddenSelectProps, HiddenSelectProps} from './HiddenSelect';\nexport type {AriaSelectProps} from '@react-types/select';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaListBoxOptions} from '@react-aria/listbox';\nimport {AriaSelectProps} from '@react-types/select';\nimport {chain, filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {DOMAttributes, FocusableElement, KeyboardDelegate, ValidationResult} from '@react-types/shared';\nimport {FocusEvent, RefObject, useMemo} from 'react';\nimport {ListKeyboardDelegate, useTypeSelect} from '@react-aria/selection';\nimport {SelectState} from '@react-stately/select';\nimport {setInteractionModality} from '@react-aria/interactions';\nimport {useCollator} from '@react-aria/i18n';\nimport {useField} from '@react-aria/label';\nimport {useMenuTrigger} from '@react-aria/menu';\n\nexport interface AriaSelectOptions<T> extends Omit<AriaSelectProps<T>, 'children'> {\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate\n}\n\nexport interface SelectAria<T> extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: DOMAttributes,\n\n  /** Props for the popup trigger element. */\n  triggerProps: AriaButtonProps,\n\n  /** Props for the element representing the selected value. */\n  valueProps: DOMAttributes,\n\n  /** Props for the popup. */\n  menuProps: AriaListBoxOptions<T>,\n\n  /** Props for the select's description element, if any. */\n  descriptionProps: DOMAttributes,\n\n  /** Props for the select's error message element, if any. */\n  errorMessageProps: DOMAttributes\n}\n\ninterface SelectData {\n  isDisabled?: boolean,\n  isRequired?: boolean,\n  name?: string,\n  validationBehavior?: 'aria' | 'native'\n}\n\nexport const selectData = new WeakMap<SelectState<any>, SelectData>();\n\n/**\n * Provides the behavior and accessibility implementation for a select component.\n * A select displays a collapsible list of options and allows a user to select one of them.\n * @param props - Props for the select.\n * @param state - State for the select, as returned by `useListState`.\n */\nexport function useSelect<T>(props: AriaSelectOptions<T>, state: SelectState<T>, ref: RefObject<FocusableElement>): SelectAria<T> {\n  let {\n    keyboardDelegate,\n    isDisabled,\n    isRequired,\n    name,\n    validationBehavior = 'aria'\n  } = props;\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let delegate = useMemo(() => keyboardDelegate || new ListKeyboardDelegate(state.collection, state.disabledKeys, null, collator), [keyboardDelegate, state.collection, state.disabledKeys, collator]);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger<T>(\n    {\n      isDisabled,\n      type: 'listbox'\n    },\n    state,\n    ref\n  );\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowLeft': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();\n        if (key) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        // prevent scrolling containers\n        e.preventDefault();\n\n        let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();\n        if (key) {\n          state.setSelectedKey(key);\n        }\n        break;\n      }\n    }\n  };\n\n  let {typeSelectProps} = useTypeSelect({\n    keyboardDelegate: delegate,\n    selectionManager: state.selectionManager,\n    onTypeSelect(key) {\n      state.setSelectedKey(key);\n    }\n  });\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;\n  delete typeSelectProps.onKeyDownCapture;\n\n  let domProps = filterDOMProps(props, {labelable: true});\n  let triggerProps = mergeProps(typeSelectProps, menuTriggerProps, fieldProps);\n\n  let valueId = useId();\n\n  selectData.set(state, {\n    isDisabled,\n    isRequired,\n    name,\n    validationBehavior\n  });\n\n  return {\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        if (!props.isDisabled) {\n          ref.current.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality('keyboard');\n        }\n      }\n    },\n    triggerProps: mergeProps(domProps, {\n      ...triggerProps,\n      isDisabled,\n      onKeyDown: chain(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),\n      onKeyUp: props.onKeyUp,\n      'aria-labelledby': [\n        valueId,\n        triggerProps['aria-labelledby'],\n        triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null\n      ].filter(Boolean).join(' '),\n      onFocus(e: FocusEvent) {\n        if (state.isFocused) {\n          return;\n        }\n\n        if (props.onFocus) {\n          props.onFocus(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(true);\n        }\n\n        state.setFocused(true);\n      },\n      onBlur(e: FocusEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      }\n    }),\n    valueProps: {\n      id: valueId\n    },\n    menuProps: {\n      ...menuProps,\n      autoFocus: state.focusStrategy || true,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: true,\n      disallowEmptySelection: true,\n      linkBehavior: 'selection',\n      onBlur: (e) => {\n        if (e.currentTarget.contains(e.relatedTarget as Node)) {\n          return;\n        }\n\n        if (props.onBlur) {\n          props.onBlur(e);\n        }\n\n        if (props.onFocusChange) {\n          props.onFocusChange(false);\n        }\n\n        state.setFocused(false);\n      },\n      'aria-labelledby': [\n        fieldProps['aria-labelledby'],\n        triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null\n      ].filter(Boolean).join(' ')\n    },\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {FocusableElement} from '@react-types/shared';\nimport React, {ReactNode, RefObject, useRef} from 'react';\nimport {selectData} from './useSelect';\nimport {SelectState} from '@react-stately/select';\nimport {useFormReset} from '@react-aria/utils';\nimport {useFormValidation} from '@react-aria/form';\nimport {useInteractionModality} from '@react-aria/interactions';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport interface AriaHiddenSelectProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string,\n\n  /** The text label for the select. */\n  label?: ReactNode,\n\n  /** HTML form input name. */\n  name?: string,\n\n  /** Sets the disabled state of the select and input. */\n  isDisabled?: boolean\n}\n\nexport interface HiddenSelectProps<T> extends AriaHiddenSelectProps {\n  /** State for the select. */\n  state: SelectState<T>,\n\n  /** A ref to the trigger element. */\n  triggerRef: RefObject<FocusableElement>\n}\n\nexport interface AriaHiddenSelectOptions extends AriaHiddenSelectProps {\n  /** A ref to the hidden `<select>` element. */\n  selectRef?: RefObject<HTMLSelectElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a hidden `<select>` element, which\n * can be used in combination with `useSelect` to support browser form autofill, mobile form\n * navigation, and native HTML form submission.\n */\nexport function useHiddenSelect<T>(props: AriaHiddenSelectOptions, state: SelectState<T>, triggerRef: RefObject<FocusableElement>) {\n  let data = selectData.get(state) || {};\n  let {autoComplete, name = data.name, isDisabled = data.isDisabled} = props;\n  let {validationBehavior, isRequired} = data;\n  let modality = useInteractionModality();\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  useFormReset(props.selectRef, state.selectedKey, state.setSelectedKey);\n  useFormValidation({\n    validationBehavior,\n    focus: () => triggerRef.current.focus()\n  }, state, props.selectRef);\n\n  // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.\n  // In Firefox, there must be a <label> to identify the <select> whereas other browsers\n  // seem to identify it just by surrounding text.\n  // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a\n  // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>\n  // non tabbable with tabIndex={-1}.\n  //\n  // In mobile browsers, there are next/previous buttons above the software keyboard for navigating\n  // between fields in a form. These only support native form inputs that are tabbable. In order to\n  // support those, an additional hidden input is used to marshall focus to the button. It is tabbable\n  // except when the button is focused, so that shift tab works properly to go to the actual previous\n  // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes\n  // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to\n  // prevent Safari from zooming in on the input when it is focused.\n  //\n  // If the current interaction modality is null, then the user hasn't interacted with the page yet.\n  // In this case, we set the tabIndex to -1 on the input element so that automated accessibility\n  // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.\n  return {\n    containerProps: {\n      ...visuallyHiddenProps,\n      'aria-hidden': true,\n      ['data-hidden-select-ignore']: true,\n      ['data-a11y-ignore']: 'aria-hidden-focus'\n    },\n    inputProps: {\n      type: 'text',\n      tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,\n      style: {fontSize: 16},\n      onFocus: () => triggerRef.current.focus(),\n      disabled: isDisabled\n    },\n    selectProps: {\n      tabIndex: -1,\n      autoComplete,\n      disabled: isDisabled,\n      required: validationBehavior === 'native' && isRequired,\n      name,\n      value: state.selectedKey ?? '',\n      onChange: (e: React.ChangeEvent<HTMLSelectElement>) => state.setSelectedKey(e.target.value)\n    }\n  };\n}\n\n/**\n * Renders a hidden native `<select>` element, which can be used to support browser\n * form autofill, mobile form navigation, and native form submission.\n */\nexport function HiddenSelect<T>(props: HiddenSelectProps<T>) {\n  let {state, triggerRef, label, name, isDisabled} = props;\n  let selectRef = useRef(null);\n  let {containerProps, inputProps, selectProps} = useHiddenSelect({...props, selectRef}, state, triggerRef);\n\n  // If used in a <form>, use a hidden input so the value can be submitted to a server.\n  // If the collection isn't too big, use a hidden <select> element for this so that browser\n  // autofill will work. Otherwise, use an <input type=\"hidden\">.\n  if (state.collection.size <= 300) {\n    return (\n      <div {...containerProps} data-testid=\"hidden-select-container\">\n        <input {...inputProps} />\n        <label>\n          {label}\n          <select {...selectProps} ref={selectRef}>\n            <option />\n            {[...state.collection.getKeys()].map(key => {\n              let item = state.collection.getItem(key);\n              if (item.type === 'item') {\n                return (\n                  <option\n                    key={item.key}\n                    value={item.key}>\n                    {item.textValue}\n                  </option>\n                );\n              }\n            })}\n          </select>\n        </label>\n      </div>\n    );\n  } else if (name) {\n    return (\n      <input\n        type=\"hidden\"\n        autoComplete={selectProps.autoComplete}\n        name={name}\n        disabled={isDisabled}\n        value={state.selectedKey ?? ''} />\n    );\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/select/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useSelect} from './useSelect';\nexport {useHiddenSelect, HiddenSelect} from './HiddenSelect';\nexport type {AriaSelectOptions, SelectAria} from './useSelect';\nexport type {AriaHiddenSelectProps, HiddenSelectProps} from './HiddenSelect';\nexport type {AriaSelectProps} from '@react-types/select';\n"],"names":[],"version":3,"file":"main.js.map"}