@react-aria/select 3.17.3 → 3.18.0

package/dist/import.mjs

@@ -1,5 +1,4 @@
-import {useSelect as $58aed456727eb0f3$export$e64b2f635402ca43} from "./useSelect.mjs";
-import {HiddenSelect as $bdd25dc72710631f$export$cbd84cdb2e668835, useHiddenSelect as $bdd25dc72710631f$export$f809e80f58e251d1} from "./HiddenSelect.mjs";
+import {useSelect as $da6d22b4ec279f7c$re_export$useSelect, useHiddenSelect as $da6d22b4ec279f7c$re_export$useHiddenSelect, HiddenSelect as $da6d22b4ec279f7c$re_export$HiddenSelect} from "react-aria/useSelect";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -14,6 +13,5 @@ import {HiddenSelect as $bdd25dc72710631f$export$cbd84cdb2e668835, useHiddenSele
  */ 
 
 
-
-export {$58aed456727eb0f3$export$e64b2f635402ca43 as useSelect, $bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};
+export {$da6d22b4ec279f7c$re_export$useSelect as useSelect, $da6d22b4ec279f7c$re_export$useHiddenSelect as useHiddenSelect, $da6d22b4ec279f7c$re_export$HiddenSelect as HiddenSelect};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,14 +1,13 @@
-var $23a1e93dc7fa8653$exports = require("./useSelect.main.js");
-var $6eae0e0872a4cdd4$exports = require("./HiddenSelect.main.js");
+var $88DxE$reactariauseSelect = require("react-aria/useSelect");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "useSelect", () => $23a1e93dc7fa8653$exports.useSelect);
-$parcel$export(module.exports, "useHiddenSelect", () => $6eae0e0872a4cdd4$exports.useHiddenSelect);
-$parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$exports.HiddenSelect);
+$parcel$export(module.exports, "useSelect", function () { return $88DxE$reactariauseSelect.useSelect; });
+$parcel$export(module.exports, "useHiddenSelect", function () { return $88DxE$reactariauseSelect.useHiddenSelect; });
+$parcel$export(module.exports, "HiddenSelect", function () { return $88DxE$reactariauseSelect.HiddenSelect; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -22,5 +21,4 @@ $parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$exports.H
  */ 
 
 
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"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"}
+{"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, useHiddenSelect, HiddenSelect} from 'react-aria/useSelect';\n\nexport type {AriaSelectProps, AriaSelectOptions, SelectAria, AriaHiddenSelectProps, AriaHiddenSelectOptions, HiddenSelectProps, HiddenSelectAria} from 'react-aria/useSelect';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,4 @@
-import {useSelect as $58aed456727eb0f3$export$e64b2f635402ca43} from "./useSelect.module.js";
-import {HiddenSelect as $bdd25dc72710631f$export$cbd84cdb2e668835, useHiddenSelect as $bdd25dc72710631f$export$f809e80f58e251d1} from "./HiddenSelect.module.js";
+import {useSelect as $da6d22b4ec279f7c$re_export$useSelect, useHiddenSelect as $da6d22b4ec279f7c$re_export$useHiddenSelect, HiddenSelect as $da6d22b4ec279f7c$re_export$HiddenSelect} from "react-aria/useSelect";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -14,6 +13,5 @@ import {HiddenSelect as $bdd25dc72710631f$export$cbd84cdb2e668835, useHiddenSele
  */ 
 
 
-
-export {$58aed456727eb0f3$export$e64b2f635402ca43 as useSelect, $bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};
+export {$da6d22b4ec279f7c$re_export$useSelect as useSelect, $da6d22b4ec279f7c$re_export$useHiddenSelect as useHiddenSelect, $da6d22b4ec279f7c$re_export$HiddenSelect as HiddenSelect};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"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":"module.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, useHiddenSelect, HiddenSelect} from 'react-aria/useSelect';\n\nexport type {AriaSelectProps, AriaSelectOptions, SelectAria, AriaHiddenSelectProps, AriaHiddenSelectOptions, HiddenSelectProps, HiddenSelectAria} from 'react-aria/useSelect';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,2 @@
+export { useSelect, useHiddenSelect, HiddenSelect } from 'react-aria/useSelect';
+export type { AriaSelectProps, AriaSelectOptions, SelectAria, AriaHiddenSelectProps, AriaHiddenSelectOptions, HiddenSelectProps, HiddenSelectAria } from 'react-aria/useSelect';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-aria/select",
-  "version": "3.17.3",
+  "version": "3.18.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -26,20 +26,8 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/form": "^3.1.5",
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/label": "^3.7.25",
-    "@react-aria/listbox": "^3.15.3",
-    "@react-aria/menu": "^3.21.0",
-    "@react-aria/selection": "^3.27.2",
-    "@react-aria/utils": "^3.33.1",
-    "@react-aria/visually-hidden": "^3.8.31",
-    "@react-stately/select": "^3.9.2",
-    "@react-types/button": "^3.15.1",
-    "@react-types/select": "^3.12.2",
-    "@react-types/shared": "^3.33.1",
-    "@swc/helpers": "^0.5.0"
+    "@swc/helpers": "^0.5.0",
+    "react-aria": "3.48.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
@@ -48,5 +36,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "targets": {
+    "types": false
+  },
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -9,8 +9,6 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-export {useSelect} from './useSelect';
-export {useHiddenSelect, HiddenSelect} from './HiddenSelect';
-export type {AriaSelectOptions, SelectAria} from './useSelect';
-export type {AriaHiddenSelectProps, HiddenSelectProps} from './HiddenSelect';
-export type {AriaSelectProps} from '@react-types/select';
+export {useSelect, useHiddenSelect, HiddenSelect} from 'react-aria/useSelect';
+
+export type {AriaSelectProps, AriaSelectOptions, SelectAria, AriaHiddenSelectProps, AriaHiddenSelectOptions, HiddenSelectProps, HiddenSelectAria} from 'react-aria/useSelect';

package/dist/HiddenSelect.main.js

@@ -1,169 +0,0 @@
-var $23a1e93dc7fa8653$exports = require("./useSelect.main.js");
-var $ccxQv$reactariautils = require("@react-aria/utils");
-var $ccxQv$react = require("react");
-var $ccxQv$reactariaform = require("@react-aria/form");
-var $ccxQv$reactariavisuallyhidden = require("@react-aria/visually-hidden");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useHiddenSelect", () => $6eae0e0872a4cdd4$export$f809e80f58e251d1);
-$parcel$export(module.exports, "HiddenSelect", () => $6eae0e0872a4cdd4$export$cbd84cdb2e668835);
-/*
- * 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$exports.selectData).get(state) || {};
-    let { autoComplete: autoComplete, name: name = data.name, form: form = data.form, isDisabled: isDisabled = data.isDisabled } = props;
-    let { validationBehavior: validationBehavior, isRequired: isRequired } = data;
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $ccxQv$reactariavisuallyhidden.useVisuallyHidden)({
-        style: {
-            // Prevent page scrolling.
-            position: 'fixed',
-            top: 0,
-            left: 0
-        }
-    });
-    (0, $ccxQv$reactariautils.useFormReset)(props.selectRef, state.defaultValue, state.setValue);
-    (0, $ccxQv$reactariaform.useFormValidation)({
-        validationBehavior: validationBehavior,
-        focus: ()=>{
-            var _triggerRef_current;
-            return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
-        }
-    }, state, props.selectRef);
-    let setValue = state.setValue;
-    let onChange = (0, $ccxQv$react.useCallback)((e)=>{
-        let eventTarget = (0, $ccxQv$reactariautils.getEventTarget)(e);
-        if (eventTarget.multiple) setValue(Array.from(eventTarget.selectedOptions, (option)=>option.value));
-        else setValue(e.currentTarget.value);
-    }, [
-        setValue
-    ]);
-    var _state_value;
-    // 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}.
-    return {
-        containerProps: {
-            ...visuallyHiddenProps,
-            'aria-hidden': true,
-            // @ts-ignore
-            ['data-react-aria-prevent-focus']: true,
-            // @ts-ignore
-            ['data-a11y-ignore']: 'aria-hidden-focus'
-        },
-        inputProps: {
-            style: {
-                display: 'none'
-            }
-        },
-        selectProps: {
-            tabIndex: -1,
-            autoComplete: autoComplete,
-            disabled: isDisabled,
-            multiple: state.selectionManager.selectionMode === 'multiple',
-            required: validationBehavior === 'native' && isRequired,
-            name: name,
-            form: form,
-            value: (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : '',
-            onChange: onChange,
-            onInput: onChange
-        }
-    };
-}
-function $6eae0e0872a4cdd4$export$cbd84cdb2e668835(props) {
-    let { state: state, triggerRef: triggerRef, label: label, name: name, form: form, isDisabled: isDisabled } = props;
-    let selectRef = (0, $ccxQv$react.useRef)(null);
-    let inputRef = (0, $ccxQv$react.useRef)(null);
-    let { containerProps: containerProps, selectProps: selectProps } = $6eae0e0872a4cdd4$export$f809e80f58e251d1({
-        ...props,
-        selectRef: state.collection.size <= 300 ? selectRef : inputRef
-    }, state, triggerRef);
-    let values = Array.isArray(state.value) ? state.value : [
-        state.value
-    ];
-    // 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($ccxQv$react))).createElement("div", {
-        ...containerProps,
-        "data-testid": "hidden-select-container"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("label", null, label, /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("select", {
-        ...selectProps,
-        ref: selectRef
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("option", null), [
-        ...state.collection.getKeys()
-    ].map((key)=>{
-        let item = state.collection.getItem(key);
-        if (item && item.type === 'item') return /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("option", {
-            key: item.key,
-            value: item.key
-        }, item.textValue);
-    }), state.collection.size === 0 && name && values.map((value, i)=>/*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("option", {
-            key: i,
-            value: value !== null && value !== void 0 ? value : ''
-        })))));
-    else if (name) {
-        let data = (0, $23a1e93dc7fa8653$exports.selectData).get(state) || {};
-        let { validationBehavior: validationBehavior } = data;
-        // Always render at least one hidden input to ensure required form submission.
-        if (values.length === 0) values = [
-            null
-        ];
-        let res = values.map((value, i)=>{
-            let inputProps = {
-                type: 'hidden',
-                autoComplete: selectProps.autoComplete,
-                name: name,
-                form: form,
-                disabled: isDisabled,
-                value: value !== null && value !== void 0 ? value : ''
-            };
-            if (validationBehavior === 'native') // Use a hidden <input type="text"> rather than <input type="hidden">
-            // so that an empty value blocks HTML form submission when the field is required.
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("input", {
-                key: i,
-                ...inputProps,
-                ref: i === 0 ? inputRef : null,
-                style: {
-                    display: 'none'
-                },
-                type: "text",
-                required: i === 0 ? selectProps.required : false,
-                onChange: ()=>{}
-            });
-            return /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement("input", {
-                key: i,
-                ...inputProps,
-                ref: i === 0 ? inputRef : null
-            });
-        });
-        return /*#__PURE__*/ (0, ($parcel$interopDefault($ccxQv$react))).createElement((0, ($parcel$interopDefault($ccxQv$react))).Fragment, null, res);
-    }
-    return null;
-}
-
-
-//# sourceMappingURL=HiddenSelect.main.js.map

package/dist/HiddenSelect.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["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 */\n\nimport {FocusableElement, Key, RefObject} from '@react-types/shared';\nimport {getEventTarget, useFormReset} from '@react-aria/utils';\nimport React, {InputHTMLAttributes, JSX, ReactNode, useCallback, useRef} from 'react';\nimport {selectData} from './useSelect';\nimport {SelectionMode} from '@react-types/select';\nimport {SelectState} from '@react-stately/select';\nimport {useFormValidation} from '@react-aria/form';\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  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string,\n\n  /** Sets the disabled state of the select and input. */\n  isDisabled?: boolean\n}\n\nexport interface HiddenSelectProps<T, M extends SelectionMode = 'single'> extends AriaHiddenSelectProps {\n  /** State for the select. */\n  state: SelectState<T, M>,\n\n  /** A ref to the trigger element. */\n  triggerRef: RefObject<FocusableElement | null>\n}\n\nexport interface AriaHiddenSelectOptions extends AriaHiddenSelectProps {\n  /** A ref to the hidden `<select>` element. */\n  selectRef?: RefObject<HTMLSelectElement | HTMLInputElement | null>\n}\n\nexport interface HiddenSelectAria {\n  /** Props for the container element. */\n  containerProps: React.HTMLAttributes<FocusableElement>,\n\n  /** Props for the hidden input element. */\n  inputProps: React.InputHTMLAttributes<HTMLInputElement>,\n\n  /** Props for the hidden select element. */\n  selectProps: React.SelectHTMLAttributes<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, M extends SelectionMode = 'single'>(props: AriaHiddenSelectOptions, state: SelectState<T, M>, triggerRef: RefObject<FocusableElement | null>): HiddenSelectAria {\n  let data = selectData.get(state) || {};\n  let {autoComplete, name = data.name, form = data.form, isDisabled = data.isDisabled} = props;\n  let {validationBehavior, isRequired} = data;\n  let {visuallyHiddenProps} = useVisuallyHidden({\n    style: {\n      // Prevent page scrolling.\n      position: 'fixed',\n      top: 0,\n      left: 0\n    }\n  });\n\n  useFormReset(props.selectRef, state.defaultValue, state.setValue);\n  useFormValidation({\n    validationBehavior,\n    focus: () => triggerRef.current?.focus()\n  }, state, props.selectRef);\n\n  let setValue = state.setValue;\n  let onChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {\n    let eventTarget = getEventTarget(e);\n    if (eventTarget.multiple) {\n      setValue(Array.from(\n        eventTarget.selectedOptions,\n        (option) => option.value\n      ) as any);\n    } else {\n      setValue(e.currentTarget.value as any);\n    }\n  }, [setValue]);\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  return {\n    containerProps: {\n      ...visuallyHiddenProps,\n      'aria-hidden': true,\n      // @ts-ignore\n      ['data-react-aria-prevent-focus']: true,\n      // @ts-ignore\n      ['data-a11y-ignore']: 'aria-hidden-focus'\n    },\n    inputProps: {\n      style: {display: 'none'}\n    },\n    selectProps: {\n      tabIndex: -1,\n      autoComplete,\n      disabled: isDisabled,\n      multiple: state.selectionManager.selectionMode === 'multiple',\n      required: validationBehavior === 'native' && isRequired,\n      name,\n      form,\n      value: (state.value as string | string[]) ?? '',\n      onChange,\n      onInput: onChange\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, M extends SelectionMode = 'single'>(props: HiddenSelectProps<T, M>): JSX.Element | null {\n  let {state, triggerRef, label, name, form, isDisabled} = props;\n  let selectRef = useRef(null);\n  let inputRef = useRef(null);\n  let {containerProps, selectProps} = useHiddenSelect({...props, selectRef: state.collection.size <= 300 ? selectRef : inputRef}, state, triggerRef);\n\n  let values: (Key | null)[] = Array.isArray(state.value) ? state.value : [state.value];\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        <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 && item.type === 'item') {\n                return (\n                  <option\n                    key={item.key}\n                    value={item.key}>\n                    {item.textValue}\n                  </option>\n                );\n              }\n            })}\n            {/* The collection may be empty during the initial render. */}\n            {/* Rendering options for the current values ensures the select has a value immediately, */}\n            {/* making FormData reads consistent. */}\n            {state.collection.size === 0 && name && values.map((value, i) => <option key={i} value={value ?? ''} />)}\n          </select>\n        </label>\n      </div>\n    );\n  } else if (name) {\n    let data = selectData.get(state) || {};\n    let {validationBehavior} = data;\n\n    // Always render at least one hidden input to ensure required form submission.\n    if (values.length === 0) {\n      values = [null];\n    }\n\n    let res = values.map((value, i) => {\n      let inputProps: InputHTMLAttributes<HTMLInputElement> = {\n        type: 'hidden',\n        autoComplete: selectProps.autoComplete,\n        name,\n        form,\n        disabled: isDisabled,\n        value: value ?? ''\n      };\n\n      if (validationBehavior === 'native') {\n        // Use a hidden <input type=\"text\"> rather than <input type=\"hidden\">\n        // so that an empty value blocks HTML form submission when the field is required.\n        return (\n          <input\n            key={i}\n            {...inputProps}\n            ref={i === 0 ? inputRef : null}\n            style={{display: 'none'}}\n            type=\"text\"\n            required={i === 0 ? selectProps.required : false}\n            onChange={() => {/** Ignore react warning. */}} />\n        );\n      }\n\n      return (\n        <input key={i} {...inputProps} ref={i === 0 ? inputRef : null} />\n      );\n    });\n\n    return <>{res}</>;\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"HiddenSelect.main.js.map"}

package/dist/HiddenSelect.mjs

@@ -1,159 +0,0 @@
-import {selectData as $58aed456727eb0f3$export$703601b7e90536f8} from "./useSelect.mjs";
-import {useFormReset as $8BE50$useFormReset, getEventTarget as $8BE50$getEventTarget} from "@react-aria/utils";
-import $8BE50$react, {useCallback as $8BE50$useCallback, useRef as $8BE50$useRef} from "react";
-import {useFormValidation as $8BE50$useFormValidation} from "@react-aria/form";
-import {useVisuallyHidden as $8BE50$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.
- */ 
-
-
-
-
-function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
-    let data = (0, $58aed456727eb0f3$export$703601b7e90536f8).get(state) || {};
-    let { autoComplete: autoComplete, name: name = data.name, form: form = data.form, isDisabled: isDisabled = data.isDisabled } = props;
-    let { validationBehavior: validationBehavior, isRequired: isRequired } = data;
-    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $8BE50$useVisuallyHidden)({
-        style: {
-            // Prevent page scrolling.
-            position: 'fixed',
-            top: 0,
-            left: 0
-        }
-    });
-    (0, $8BE50$useFormReset)(props.selectRef, state.defaultValue, state.setValue);
-    (0, $8BE50$useFormValidation)({
-        validationBehavior: validationBehavior,
-        focus: ()=>{
-            var _triggerRef_current;
-            return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
-        }
-    }, state, props.selectRef);
-    let setValue = state.setValue;
-    let onChange = (0, $8BE50$useCallback)((e)=>{
-        let eventTarget = (0, $8BE50$getEventTarget)(e);
-        if (eventTarget.multiple) setValue(Array.from(eventTarget.selectedOptions, (option)=>option.value));
-        else setValue(e.currentTarget.value);
-    }, [
-        setValue
-    ]);
-    var _state_value;
-    // 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}.
-    return {
-        containerProps: {
-            ...visuallyHiddenProps,
-            'aria-hidden': true,
-            // @ts-ignore
-            ['data-react-aria-prevent-focus']: true,
-            // @ts-ignore
-            ['data-a11y-ignore']: 'aria-hidden-focus'
-        },
-        inputProps: {
-            style: {
-                display: 'none'
-            }
-        },
-        selectProps: {
-            tabIndex: -1,
-            autoComplete: autoComplete,
-            disabled: isDisabled,
-            multiple: state.selectionManager.selectionMode === 'multiple',
-            required: validationBehavior === 'native' && isRequired,
-            name: name,
-            form: form,
-            value: (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : '',
-            onChange: onChange,
-            onInput: onChange
-        }
-    };
-}
-function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
-    let { state: state, triggerRef: triggerRef, label: label, name: name, form: form, isDisabled: isDisabled } = props;
-    let selectRef = (0, $8BE50$useRef)(null);
-    let inputRef = (0, $8BE50$useRef)(null);
-    let { containerProps: containerProps, selectProps: selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
-        ...props,
-        selectRef: state.collection.size <= 300 ? selectRef : inputRef
-    }, state, triggerRef);
-    let values = Array.isArray(state.value) ? state.value : [
-        state.value
-    ];
-    // 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, $8BE50$react).createElement("div", {
-        ...containerProps,
-        "data-testid": "hidden-select-container"
-    }, /*#__PURE__*/ (0, $8BE50$react).createElement("label", null, label, /*#__PURE__*/ (0, $8BE50$react).createElement("select", {
-        ...selectProps,
-        ref: selectRef
-    }, /*#__PURE__*/ (0, $8BE50$react).createElement("option", null), [
-        ...state.collection.getKeys()
-    ].map((key)=>{
-        let item = state.collection.getItem(key);
-        if (item && item.type === 'item') return /*#__PURE__*/ (0, $8BE50$react).createElement("option", {
-            key: item.key,
-            value: item.key
-        }, item.textValue);
-    }), state.collection.size === 0 && name && values.map((value, i)=>/*#__PURE__*/ (0, $8BE50$react).createElement("option", {
-            key: i,
-            value: value !== null && value !== void 0 ? value : ''
-        })))));
-    else if (name) {
-        let data = (0, $58aed456727eb0f3$export$703601b7e90536f8).get(state) || {};
-        let { validationBehavior: validationBehavior } = data;
-        // Always render at least one hidden input to ensure required form submission.
-        if (values.length === 0) values = [
-            null
-        ];
-        let res = values.map((value, i)=>{
-            let inputProps = {
-                type: 'hidden',
-                autoComplete: selectProps.autoComplete,
-                name: name,
-                form: form,
-                disabled: isDisabled,
-                value: value !== null && value !== void 0 ? value : ''
-            };
-            if (validationBehavior === 'native') // Use a hidden <input type="text"> rather than <input type="hidden">
-            // so that an empty value blocks HTML form submission when the field is required.
-            return /*#__PURE__*/ (0, $8BE50$react).createElement("input", {
-                key: i,
-                ...inputProps,
-                ref: i === 0 ? inputRef : null,
-                style: {
-                    display: 'none'
-                },
-                type: "text",
-                required: i === 0 ? selectProps.required : false,
-                onChange: ()=>{}
-            });
-            return /*#__PURE__*/ (0, $8BE50$react).createElement("input", {
-                key: i,
-                ...inputProps,
-                ref: i === 0 ? inputRef : null
-            });
-        });
-        return /*#__PURE__*/ (0, $8BE50$react).createElement((0, $8BE50$react).Fragment, null, res);
-    }
-    return null;
-}
-
-
-export {$bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};
-//# sourceMappingURL=HiddenSelect.module.js.map