@react-aria/combobox
Advanced tools
Comparing version
@@ -6,2 +6,3 @@ var $8d1e5da058b86bb9$exports = require("./intlStrings.main.js"); | ||
var $BGXP4$reactariautils = require("@react-aria/utils"); | ||
var $BGXP4$reactariafocus = require("@react-aria/focus"); | ||
var $BGXP4$react = require("react"); | ||
@@ -47,2 +48,3 @@ var $BGXP4$reactstatelycollections = require("@react-stately/collections"); | ||
function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) { | ||
@@ -269,2 +271,8 @@ let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, layoutDelegate: layoutDelegate, shouldFocusWrap: // completionMode = 'suggest', | ||
]); | ||
(0, $BGXP4$reactariautils.useUpdateEffect)(()=>{ | ||
// Re-show focus ring when there is no virtually focused item. | ||
if (!focusedItem && inputRef.current && (0, $BGXP4$reactariautils.getActiveElement)((0, $BGXP4$reactariautils.getOwnerDocument)(inputRef.current)) === inputRef.current) (0, $BGXP4$reactariafocus.dispatchVirtualFocus)(inputRef.current, null); | ||
}, [ | ||
focusedItem | ||
]); | ||
return { | ||
@@ -271,0 +279,0 @@ labelProps: labelProps, |
@@ -5,3 +5,4 @@ import $dShfP$intlStringsmodulejs from "./intlStrings.module.js"; | ||
import {listData as $dShfP$listData, getItemId as $dShfP$getItemId} from "@react-aria/listbox"; | ||
import {useRouter as $dShfP$useRouter, chain as $dShfP$chain, useLabels as $dShfP$useLabels, isAppleDevice as $dShfP$isAppleDevice, mergeProps as $dShfP$mergeProps} from "@react-aria/utils"; | ||
import {useRouter as $dShfP$useRouter, chain as $dShfP$chain, useLabels as $dShfP$useLabels, isAppleDevice as $dShfP$isAppleDevice, useUpdateEffect as $dShfP$useUpdateEffect, getActiveElement as $dShfP$getActiveElement, getOwnerDocument as $dShfP$getOwnerDocument, mergeProps as $dShfP$mergeProps} from "@react-aria/utils"; | ||
import {dispatchVirtualFocus as $dShfP$dispatchVirtualFocus} from "@react-aria/focus"; | ||
import {useRef as $dShfP$useRef, useMemo as $dShfP$useMemo, useEffect as $dShfP$useEffect} from "react"; | ||
@@ -41,2 +42,3 @@ import {getChildNodes as $dShfP$getChildNodes, getItemCount as $dShfP$getItemCount} from "@react-stately/collections"; | ||
function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) { | ||
@@ -263,2 +265,8 @@ let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, layoutDelegate: layoutDelegate, shouldFocusWrap: // completionMode = 'suggest', | ||
]); | ||
(0, $dShfP$useUpdateEffect)(()=>{ | ||
// Re-show focus ring when there is no virtually focused item. | ||
if (!focusedItem && inputRef.current && (0, $dShfP$getActiveElement)((0, $dShfP$getOwnerDocument)(inputRef.current)) === inputRef.current) (0, $dShfP$dispatchVirtualFocus)(inputRef.current, null); | ||
}, [ | ||
focusedItem | ||
]); | ||
return { | ||
@@ -265,0 +273,0 @@ labelProps: labelProps, |
{ | ||
"name": "@react-aria/combobox", | ||
"version": "3.0.0-nightly-2788d8afd-250205", | ||
"version": "3.0.0-nightly-27e5ef1b7-250319", | ||
"description": "Spectrum UI components in React", | ||
@@ -25,16 +25,17 @@ "license": "Apache-2.0", | ||
"dependencies": { | ||
"@react-aria/i18n": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/listbox": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/live-announcer": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/menu": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/overlays": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/selection": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/textfield": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/utils": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-stately/collections": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-stately/combobox": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-stately/form": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-types/button": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-types/combobox": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-types/shared": "3.0.0-nightly-2788d8afd-250205", | ||
"@react-aria/focus": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/i18n": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/listbox": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/live-announcer": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/menu": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/overlays": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/selection": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/textfield": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-aria/utils": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-stately/collections": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-stately/combobox": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-stately/form": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-types/button": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-types/combobox": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@react-types/shared": "3.0.0-nightly-27e5ef1b7-250319", | ||
"@swc/helpers": "^0.5.0" | ||
@@ -41,0 +42,0 @@ }, |
@@ -19,4 +19,5 @@ /* | ||
import {BaseEvent, DOMAttributes, KeyboardDelegate, LayoutDelegate, PressEvent, RefObject, RouterOptions, ValidationResult} from '@react-types/shared'; | ||
import {chain, isAppleDevice, mergeProps, useLabels, useRouter} from '@react-aria/utils'; | ||
import {chain, getActiveElement, getOwnerDocument, isAppleDevice, mergeProps, useLabels, useRouter, useUpdateEffect} from '@react-aria/utils'; | ||
import {ComboBoxState} from '@react-stately/combobox'; | ||
import {dispatchVirtualFocus} from '@react-aria/focus'; | ||
import {FocusEvent, InputHTMLAttributes, KeyboardEvent, TouchEvent, useEffect, useMemo, useRef} from 'react'; | ||
@@ -346,2 +347,9 @@ import {getChildNodes, getItemCount} from '@react-stately/collections'; | ||
useUpdateEffect(() => { | ||
// Re-show focus ring when there is no virtually focused item. | ||
if (!focusedItem && inputRef.current && getActiveElement(getOwnerDocument(inputRef.current)) === inputRef.current) { | ||
dispatchVirtualFocus(inputRef.current, null); | ||
} | ||
}, [focusedItem]); | ||
return { | ||
@@ -348,0 +356,0 @@ labelProps, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
351851
0.95%3735
0.81%18
5.88%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated
Updated