@react-aria/combobox 3.9.1-nightly.4624 → 3.9.1

package/dist/useComboBox.main.js

@@ -46,9 +46,9 @@ $parcel$export(module.exports, "useComboBox", () => $242452271d1e4c0e$export$8c1
 function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
     let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, shouldFocusWrap: // completionMode = 'suggest',
     shouldFocusWrap, isReadOnly: isReadOnly, isDisabled: isDisabled } = props;
-    let stringFormatter = (0, $BGXP4$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($8d1e5da058b86bb9$exports))), "@react-aria/combobox");
+    let stringFormatter = (0, $BGXP4$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($8d1e5da058b86bb9$exports))), '@react-aria/combobox');
     let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $BGXP4$reactariamenu.useMenuTrigger)({
-        type: "listbox",
+        type: 'listbox',
         isDisabled: isDisabled || isReadOnly
     }, state, buttonRef);
     // Set listbox id so it can be used when calling getItemId later
@@ -78,13 +78,13 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
     // For textfield specific keydown operations
     let onKeyDown = (e)=>{
         switch(e.key){
-            case "Enter":
-            case "Tab":
+            case 'Enter':
+            case 'Tab':
                 // Prevent form submission if menu is open since we may be selecting a option
-                if (state.isOpen && e.key === "Enter") e.preventDefault();
+                if (state.isOpen && e.key === 'Enter') e.preventDefault();
                 // If the focused item is a link, trigger opening it. Items that are links are not selectable.
                 if (state.isOpen && state.selectionManager.focusedKey != null && state.selectionManager.isLink(state.selectionManager.focusedKey)) {
-                    if (e.key === "Enter") {
+                    if (e.key === 'Enter') {
                         let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
                         if (item instanceof HTMLAnchorElement) {
                             let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
@@ -94,18 +94,18 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
                     state.close();
                 } else state.commit();
                 break;
-            case "Escape":
-                if (state.selectedKey !== null || state.inputValue === "" || props.allowsCustomValue) e.continuePropagation();
+            case 'Escape':
+                if (state.selectedKey !== null || state.inputValue === '' || props.allowsCustomValue) e.continuePropagation();
                 state.revert();
                 break;
-            case "ArrowDown":
-                state.open("first", "manual");
+            case 'ArrowDown':
+                state.open('first', 'manual');
                 break;
-            case "ArrowUp":
-                state.open("last", "manual");
+            case 'ArrowUp':
+                state.open('last', 'manual');
                 break;
-            case "ArrowLeft":
-            case "ArrowRight":
+            case 'ArrowLeft':
+            case 'ArrowRight':
                 state.selectionManager.setFocusedKey(null);
                 break;
         }
@@ -132,33 +132,33 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
         onBlur: onBlur,
         value: state.inputValue,
         onFocus: onFocus,
-        autoComplete: "off",
+        autoComplete: 'off',
         validate: undefined,
         [(0, $BGXP4$reactstatelyform.privateValidationStateProp)]: state
     }, inputRef);
     // Press handlers for the ComboBox button
     let onPress = (e)=>{
-        if (e.pointerType === "touch") {
+        if (e.pointerType === 'touch') {
             // Focus the input field in case it isn't focused yet
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
         }
     };
     let onPressStart = (e)=>{
-        if (e.pointerType !== "touch") {
+        if (e.pointerType !== 'touch') {
             inputRef.current.focus();
-            state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+            state.toggle(e.pointerType === 'keyboard' || e.pointerType === 'virtual' ? 'first' : null, 'manual');
         }
     };
     let triggerLabelProps = (0, $BGXP4$reactariautils.useLabels)({
         id: menuTriggerProps.id,
-        "aria-label": stringFormatter.format("buttonLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('buttonLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     let listBoxProps = (0, $BGXP4$reactariautils.useLabels)({
         id: menuProps.id,
-        "aria-label": stringFormatter.format("listboxLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('listboxLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     // If a touch happens on direct center of ComboBox input, might be virtual click from iPad so open ComboBox menu
     let lastEventTime = (0, $BGXP4$react.useRef)(0);
@@ -177,7 +177,7 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
         if (touch.clientX === centerX && touch.clientY === centerY) {
             e.preventDefault();
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
             lastEventTime.current = e.timeStamp;
         }
     };
@@ -195,14 +195,14 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
         if ((0, $BGXP4$reactariautils.isAppleDevice)() && focusedItem != null && itemKey !== lastItem.current) {
             let isSelected = state.selectionManager.isSelected(itemKey);
             let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
-            let sectionTitle = (section === null || section === void 0 ? void 0 : section["aria-label"]) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === "string" ? section.rendered : "") || "";
-            let announcement = stringFormatter.format("focusAnnouncement", {
+            let sectionTitle = (section === null || section === void 0 ? void 0 : section['aria-label']) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === 'string' ? section.rendered : '') || '';
+            let announcement = stringFormatter.format('focusAnnouncement', {
                 isGroupChange: section && sectionKey !== lastSection.current,
                 groupTitle: sectionTitle,
                 groupCount: section ? [
                     ...(0, $BGXP4$reactstatelycollections.getChildNodes)(section, state.collection)
                 ].length : 0,
-                optionText: focusedItem["aria-label"] || focusedItem.textValue || "",
+                optionText: focusedItem['aria-label'] || focusedItem.textValue || '',
                 isSelected: isSelected
             });
             (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
@@ -220,7 +220,7 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
         // The exception is VoiceOver since this isn't included in the message above.
         let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || (0, $BGXP4$reactariautils.isAppleDevice)());
         if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
-            let announcement = stringFormatter.format("countAnnouncement", {
+            let announcement = stringFormatter.format('countAnnouncement', {
                 optionCount: optionCount
             });
             (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
@@ -232,8 +232,8 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
     let lastSelectedKey = (0, $BGXP4$react.useRef)(state.selectedKey);
     (0, $BGXP4$react.useEffect)(()=>{
         if ((0, $BGXP4$reactariautils.isAppleDevice)() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
-            let optionText = state.selectedItem["aria-label"] || state.selectedItem.textValue || "";
-            let announcement = stringFormatter.format("selectedAnnouncement", {
+            let optionText = state.selectedItem['aria-label'] || state.selectedItem.textValue || '';
+            let announcement = stringFormatter.format('selectedAnnouncement', {
                 optionText: optionText
             });
             (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
@@ -261,24 +261,24 @@ function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
             isDisabled: isDisabled || isReadOnly
         },
         inputProps: (0, $BGXP4$reactariautils.mergeProps)(inputProps, {
-            role: "combobox",
-            "aria-expanded": menuTriggerProps["aria-expanded"],
-            "aria-controls": state.isOpen ? menuProps.id : undefined,
+            role: 'combobox',
+            'aria-expanded': menuTriggerProps['aria-expanded'],
+            'aria-controls': state.isOpen ? menuProps.id : undefined,
             // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
-            "aria-autocomplete": "list",
-            "aria-activedescendant": focusedItem ? (0, $BGXP4$reactarialistbox.getItemId)(state, focusedItem.key) : undefined,
+            'aria-autocomplete': 'list',
+            'aria-activedescendant': focusedItem ? (0, $BGXP4$reactarialistbox.getItemId)(state, focusedItem.key) : undefined,
             onTouchEnd: onTouchEnd,
             // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
-            autoCorrect: "off",
+            autoCorrect: 'off',
             // This disable's the macOS Safari spell check auto corrections.
-            spellCheck: "false"
+            spellCheck: 'false'
         }),
         listBoxProps: (0, $BGXP4$reactariautils.mergeProps)(menuProps, listBoxProps, {
             autoFocus: state.focusStrategy,
             shouldUseVirtualFocus: true,
             shouldSelectOnPressUp: true,
             shouldFocusOnHover: true,
-            linkBehavior: "selection"
+            linkBehavior: 'selection'
         }),
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,

package/dist/useComboBox.mjs

@@ -40,9 +40,9 @@ function $parcel$interopDefault(a) {
 function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, shouldFocusWrap: // completionMode = 'suggest',
     shouldFocusWrap, isReadOnly: isReadOnly, isDisabled: isDisabled } = props;
-    let stringFormatter = (0, $dShfP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dShfP$intlStringsmodulejs))), "@react-aria/combobox");
+    let stringFormatter = (0, $dShfP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dShfP$intlStringsmodulejs))), '@react-aria/combobox');
     let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $dShfP$useMenuTrigger)({
-        type: "listbox",
+        type: 'listbox',
         isDisabled: isDisabled || isReadOnly
     }, state, buttonRef);
     // Set listbox id so it can be used when calling getItemId later
@@ -72,13 +72,13 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     // For textfield specific keydown operations
     let onKeyDown = (e)=>{
         switch(e.key){
-            case "Enter":
-            case "Tab":
+            case 'Enter':
+            case 'Tab':
                 // Prevent form submission if menu is open since we may be selecting a option
-                if (state.isOpen && e.key === "Enter") e.preventDefault();
+                if (state.isOpen && e.key === 'Enter') e.preventDefault();
                 // If the focused item is a link, trigger opening it. Items that are links are not selectable.
                 if (state.isOpen && state.selectionManager.focusedKey != null && state.selectionManager.isLink(state.selectionManager.focusedKey)) {
-                    if (e.key === "Enter") {
+                    if (e.key === 'Enter') {
                         let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
                         if (item instanceof HTMLAnchorElement) {
                             let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
@@ -88,18 +88,18 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
                     state.close();
                 } else state.commit();
                 break;
-            case "Escape":
-                if (state.selectedKey !== null || state.inputValue === "" || props.allowsCustomValue) e.continuePropagation();
+            case 'Escape':
+                if (state.selectedKey !== null || state.inputValue === '' || props.allowsCustomValue) e.continuePropagation();
                 state.revert();
                 break;
-            case "ArrowDown":
-                state.open("first", "manual");
+            case 'ArrowDown':
+                state.open('first', 'manual');
                 break;
-            case "ArrowUp":
-                state.open("last", "manual");
+            case 'ArrowUp':
+                state.open('last', 'manual');
                 break;
-            case "ArrowLeft":
-            case "ArrowRight":
+            case 'ArrowLeft':
+            case 'ArrowRight':
                 state.selectionManager.setFocusedKey(null);
                 break;
         }
@@ -126,33 +126,33 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         onBlur: onBlur,
         value: state.inputValue,
         onFocus: onFocus,
-        autoComplete: "off",
+        autoComplete: 'off',
         validate: undefined,
         [(0, $dShfP$privateValidationStateProp)]: state
     }, inputRef);
     // Press handlers for the ComboBox button
     let onPress = (e)=>{
-        if (e.pointerType === "touch") {
+        if (e.pointerType === 'touch') {
             // Focus the input field in case it isn't focused yet
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
         }
     };
     let onPressStart = (e)=>{
-        if (e.pointerType !== "touch") {
+        if (e.pointerType !== 'touch') {
             inputRef.current.focus();
-            state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+            state.toggle(e.pointerType === 'keyboard' || e.pointerType === 'virtual' ? 'first' : null, 'manual');
         }
     };
     let triggerLabelProps = (0, $dShfP$useLabels)({
         id: menuTriggerProps.id,
-        "aria-label": stringFormatter.format("buttonLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('buttonLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     let listBoxProps = (0, $dShfP$useLabels)({
         id: menuProps.id,
-        "aria-label": stringFormatter.format("listboxLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('listboxLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     // If a touch happens on direct center of ComboBox input, might be virtual click from iPad so open ComboBox menu
     let lastEventTime = (0, $dShfP$useRef)(0);
@@ -171,7 +171,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         if (touch.clientX === centerX && touch.clientY === centerY) {
             e.preventDefault();
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
             lastEventTime.current = e.timeStamp;
         }
     };
@@ -189,14 +189,14 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         if ((0, $dShfP$isAppleDevice)() && focusedItem != null && itemKey !== lastItem.current) {
             let isSelected = state.selectionManager.isSelected(itemKey);
             let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
-            let sectionTitle = (section === null || section === void 0 ? void 0 : section["aria-label"]) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === "string" ? section.rendered : "") || "";
-            let announcement = stringFormatter.format("focusAnnouncement", {
+            let sectionTitle = (section === null || section === void 0 ? void 0 : section['aria-label']) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === 'string' ? section.rendered : '') || '';
+            let announcement = stringFormatter.format('focusAnnouncement', {
                 isGroupChange: section && sectionKey !== lastSection.current,
                 groupTitle: sectionTitle,
                 groupCount: section ? [
                     ...(0, $dShfP$getChildNodes)(section, state.collection)
                 ].length : 0,
-                optionText: focusedItem["aria-label"] || focusedItem.textValue || "",
+                optionText: focusedItem['aria-label'] || focusedItem.textValue || '',
                 isSelected: isSelected
             });
             (0, $dShfP$announce)(announcement);
@@ -214,7 +214,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         // The exception is VoiceOver since this isn't included in the message above.
         let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || (0, $dShfP$isAppleDevice)());
         if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
-            let announcement = stringFormatter.format("countAnnouncement", {
+            let announcement = stringFormatter.format('countAnnouncement', {
                 optionCount: optionCount
             });
             (0, $dShfP$announce)(announcement);
@@ -226,8 +226,8 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     let lastSelectedKey = (0, $dShfP$useRef)(state.selectedKey);
     (0, $dShfP$useEffect)(()=>{
         if ((0, $dShfP$isAppleDevice)() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
-            let optionText = state.selectedItem["aria-label"] || state.selectedItem.textValue || "";
-            let announcement = stringFormatter.format("selectedAnnouncement", {
+            let optionText = state.selectedItem['aria-label'] || state.selectedItem.textValue || '';
+            let announcement = stringFormatter.format('selectedAnnouncement', {
                 optionText: optionText
             });
             (0, $dShfP$announce)(announcement);
@@ -255,24 +255,24 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
             isDisabled: isDisabled || isReadOnly
         },
         inputProps: (0, $dShfP$mergeProps)(inputProps, {
-            role: "combobox",
-            "aria-expanded": menuTriggerProps["aria-expanded"],
-            "aria-controls": state.isOpen ? menuProps.id : undefined,
+            role: 'combobox',
+            'aria-expanded': menuTriggerProps['aria-expanded'],
+            'aria-controls': state.isOpen ? menuProps.id : undefined,
             // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
-            "aria-autocomplete": "list",
-            "aria-activedescendant": focusedItem ? (0, $dShfP$getItemId)(state, focusedItem.key) : undefined,
+            'aria-autocomplete': 'list',
+            'aria-activedescendant': focusedItem ? (0, $dShfP$getItemId)(state, focusedItem.key) : undefined,
             onTouchEnd: onTouchEnd,
             // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
-            autoCorrect: "off",
+            autoCorrect: 'off',
             // This disable's the macOS Safari spell check auto corrections.
-            spellCheck: "false"
+            spellCheck: 'false'
         }),
         listBoxProps: (0, $dShfP$mergeProps)(menuProps, listBoxProps, {
             autoFocus: state.focusStrategy,
             shouldUseVirtualFocus: true,
             shouldSelectOnPressUp: true,
             shouldFocusOnHover: true,
-            linkBehavior: "selection"
+            linkBehavior: 'selection'
         }),
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,

package/dist/useComboBox.module.js

@@ -40,9 +40,9 @@ function $parcel$interopDefault(a) {
 function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, shouldFocusWrap: // completionMode = 'suggest',
     shouldFocusWrap, isReadOnly: isReadOnly, isDisabled: isDisabled } = props;
-    let stringFormatter = (0, $dShfP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dShfP$intlStringsmodulejs))), "@react-aria/combobox");
+    let stringFormatter = (0, $dShfP$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dShfP$intlStringsmodulejs))), '@react-aria/combobox');
     let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $dShfP$useMenuTrigger)({
-        type: "listbox",
+        type: 'listbox',
         isDisabled: isDisabled || isReadOnly
     }, state, buttonRef);
     // Set listbox id so it can be used when calling getItemId later
@@ -72,13 +72,13 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     // For textfield specific keydown operations
     let onKeyDown = (e)=>{
         switch(e.key){
-            case "Enter":
-            case "Tab":
+            case 'Enter':
+            case 'Tab':
                 // Prevent form submission if menu is open since we may be selecting a option
-                if (state.isOpen && e.key === "Enter") e.preventDefault();
+                if (state.isOpen && e.key === 'Enter') e.preventDefault();
                 // If the focused item is a link, trigger opening it. Items that are links are not selectable.
                 if (state.isOpen && state.selectionManager.focusedKey != null && state.selectionManager.isLink(state.selectionManager.focusedKey)) {
-                    if (e.key === "Enter") {
+                    if (e.key === 'Enter') {
                         let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
                         if (item instanceof HTMLAnchorElement) {
                             let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
@@ -88,18 +88,18 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
                     state.close();
                 } else state.commit();
                 break;
-            case "Escape":
-                if (state.selectedKey !== null || state.inputValue === "" || props.allowsCustomValue) e.continuePropagation();
+            case 'Escape':
+                if (state.selectedKey !== null || state.inputValue === '' || props.allowsCustomValue) e.continuePropagation();
                 state.revert();
                 break;
-            case "ArrowDown":
-                state.open("first", "manual");
+            case 'ArrowDown':
+                state.open('first', 'manual');
                 break;
-            case "ArrowUp":
-                state.open("last", "manual");
+            case 'ArrowUp':
+                state.open('last', 'manual');
                 break;
-            case "ArrowLeft":
-            case "ArrowRight":
+            case 'ArrowLeft':
+            case 'ArrowRight':
                 state.selectionManager.setFocusedKey(null);
                 break;
         }
@@ -126,33 +126,33 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         onBlur: onBlur,
         value: state.inputValue,
         onFocus: onFocus,
-        autoComplete: "off",
+        autoComplete: 'off',
         validate: undefined,
         [(0, $dShfP$privateValidationStateProp)]: state
     }, inputRef);
     // Press handlers for the ComboBox button
     let onPress = (e)=>{
-        if (e.pointerType === "touch") {
+        if (e.pointerType === 'touch') {
             // Focus the input field in case it isn't focused yet
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
         }
     };
     let onPressStart = (e)=>{
-        if (e.pointerType !== "touch") {
+        if (e.pointerType !== 'touch') {
             inputRef.current.focus();
-            state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+            state.toggle(e.pointerType === 'keyboard' || e.pointerType === 'virtual' ? 'first' : null, 'manual');
         }
     };
     let triggerLabelProps = (0, $dShfP$useLabels)({
         id: menuTriggerProps.id,
-        "aria-label": stringFormatter.format("buttonLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('buttonLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     let listBoxProps = (0, $dShfP$useLabels)({
         id: menuProps.id,
-        "aria-label": stringFormatter.format("listboxLabel"),
-        "aria-labelledby": props["aria-labelledby"] || labelProps.id
+        'aria-label': stringFormatter.format('listboxLabel'),
+        'aria-labelledby': props['aria-labelledby'] || labelProps.id
     });
     // If a touch happens on direct center of ComboBox input, might be virtual click from iPad so open ComboBox menu
     let lastEventTime = (0, $dShfP$useRef)(0);
@@ -171,7 +171,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         if (touch.clientX === centerX && touch.clientY === centerY) {
             e.preventDefault();
             inputRef.current.focus();
-            state.toggle(null, "manual");
+            state.toggle(null, 'manual');
             lastEventTime.current = e.timeStamp;
         }
     };
@@ -189,14 +189,14 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         if ((0, $dShfP$isAppleDevice)() && focusedItem != null && itemKey !== lastItem.current) {
             let isSelected = state.selectionManager.isSelected(itemKey);
             let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
-            let sectionTitle = (section === null || section === void 0 ? void 0 : section["aria-label"]) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === "string" ? section.rendered : "") || "";
-            let announcement = stringFormatter.format("focusAnnouncement", {
+            let sectionTitle = (section === null || section === void 0 ? void 0 : section['aria-label']) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === 'string' ? section.rendered : '') || '';
+            let announcement = stringFormatter.format('focusAnnouncement', {
                 isGroupChange: section && sectionKey !== lastSection.current,
                 groupTitle: sectionTitle,
                 groupCount: section ? [
                     ...(0, $dShfP$getChildNodes)(section, state.collection)
                 ].length : 0,
-                optionText: focusedItem["aria-label"] || focusedItem.textValue || "",
+                optionText: focusedItem['aria-label'] || focusedItem.textValue || '',
                 isSelected: isSelected
             });
             (0, $dShfP$announce)(announcement);
@@ -214,7 +214,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
         // The exception is VoiceOver since this isn't included in the message above.
         let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || (0, $dShfP$isAppleDevice)());
         if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
-            let announcement = stringFormatter.format("countAnnouncement", {
+            let announcement = stringFormatter.format('countAnnouncement', {
                 optionCount: optionCount
             });
             (0, $dShfP$announce)(announcement);
@@ -226,8 +226,8 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
     let lastSelectedKey = (0, $dShfP$useRef)(state.selectedKey);
     (0, $dShfP$useEffect)(()=>{
         if ((0, $dShfP$isAppleDevice)() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
-            let optionText = state.selectedItem["aria-label"] || state.selectedItem.textValue || "";
-            let announcement = stringFormatter.format("selectedAnnouncement", {
+            let optionText = state.selectedItem['aria-label'] || state.selectedItem.textValue || '';
+            let announcement = stringFormatter.format('selectedAnnouncement', {
                 optionText: optionText
             });
             (0, $dShfP$announce)(announcement);
@@ -255,24 +255,24 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
             isDisabled: isDisabled || isReadOnly
         },
         inputProps: (0, $dShfP$mergeProps)(inputProps, {
-            role: "combobox",
-            "aria-expanded": menuTriggerProps["aria-expanded"],
-            "aria-controls": state.isOpen ? menuProps.id : undefined,
+            role: 'combobox',
+            'aria-expanded': menuTriggerProps['aria-expanded'],
+            'aria-controls': state.isOpen ? menuProps.id : undefined,
             // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
-            "aria-autocomplete": "list",
-            "aria-activedescendant": focusedItem ? (0, $dShfP$getItemId)(state, focusedItem.key) : undefined,
+            'aria-autocomplete': 'list',
+            'aria-activedescendant': focusedItem ? (0, $dShfP$getItemId)(state, focusedItem.key) : undefined,
             onTouchEnd: onTouchEnd,
             // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
-            autoCorrect: "off",
+            autoCorrect: 'off',
             // This disable's the macOS Safari spell check auto corrections.
-            spellCheck: "false"
+            spellCheck: 'false'
         }),
         listBoxProps: (0, $dShfP$mergeProps)(menuProps, listBoxProps, {
             autoFocus: state.focusStrategy,
             shouldUseVirtualFocus: true,
             shouldSelectOnPressUp: true,
             shouldFocusOnHover: true,
-            linkBehavior: "selection"
+            linkBehavior: 'selection'
         }),
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/combobox",
-  "version": "3.9.1-nightly.4624+d80999e89",
+  "version": "3.9.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,20 +22,20 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/listbox": "3.12.1-nightly.4624+d80999e89",
-    "@react-aria/live-announcer": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/menu": "3.14.1-nightly.4624+d80999e89",
-    "@react-aria/overlays": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/selection": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/textfield": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
-    "@react-stately/collections": "3.0.0-nightly.2912+d80999e89",
-    "@react-stately/combobox": "3.8.4-nightly.4624+d80999e89",
-    "@react-stately/form": "3.0.3-nightly.4624+d80999e89",
-    "@react-types/button": "3.9.4-nightly.4624+d80999e89",
-    "@react-types/combobox": "3.11.1-nightly.4624+d80999e89",
-    "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
+    "@react-aria/i18n": "^3.11.1",
+    "@react-aria/listbox": "^3.12.1",
+    "@react-aria/live-announcer": "^3.3.4",
+    "@react-aria/menu": "^3.14.1",
+    "@react-aria/overlays": "^3.22.1",
+    "@react-aria/selection": "^3.18.1",
+    "@react-aria/textfield": "^3.14.5",
+    "@react-aria/utils": "^3.24.1",
+    "@react-stately/collections": "^3.10.7",
+    "@react-stately/combobox": "^3.8.4",
+    "@react-stately/form": "^3.0.3",
+    "@react-types/button": "^3.9.4",
+    "@react-types/combobox": "^3.11.1",
+    "@react-types/shared": "^3.23.1",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
+  "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
 }