[Snyk] Upgrade @ariakit/react from 0.3.14 to 0.4.5 #59
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was automatically created by Snyk using the credentials of a real user.
Snyk has created this PR to upgrade @ariakit/react from 0.3.14 to 0.4.5.
ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.
Release notes
Package name: @ariakit/react
Multi-selectable Combobox with inline autocomplete
When rendering a Multi-selectable Combobox with the
autoComplete
prop set to"inline"
or"both"
, the completion string will no longer be inserted into the input upon deselecting an item. This is because the completion string generally represents an addition action, whereas deselecting an item is a removal action.Other updates
Combobox
to no longer useReactDOM.flushSync
when updating the value.resetValueOnSelect
prop toComboboxItem
.resetValue
method to combobox store.ComboboxValue
component.@ ariakit/[email protected]
Combobox
autoFocusOnHide
behaviorPreviously, the
autoFocusOnHide
feature onComboboxPopover
was turned off by default. Most of the time, this didn't have any practical impact because the combobox input element was already focused when the popover was hidden.Now, this feature is enabled by default and should work consistently even when
virtualFocus
is set tofalse
.Better SVG strokes
The
strokeWidth
property on SVG elements rendered byCheckboxCheck
,ComboboxCancel
,ComboboxDisclosure
,DialogDismiss
,HovercardDisclosure
,PopoverDisclosureArrow
, and all components that use any of these now defaults to1.5px
instead of1.5pt
. This should make the strokes slightly thinner.Remember, you can always override the SVG element rendered by these components by rendering custom
children
.Minimum value length to show combobox options
A new
showMinLength
prop has been added to theCombobox
component. This prop lets you set the minimum length of the value before the combobox options appear. The default value is0
.Previously, achieving this behavior required combining three separate props:
showOnChange
,showOnClick
, andshowOnKeyPress
. We've added this prop to simplify this common task.These props continue to work as expected as they can be used to customize the behavior for each distinct event.
Rendering composite items as input elements
We've added the ability to render
CompositeItem
as an input element using therender
prop:Before, you could only do this with the experimental
CompositeInput
component. Now, this functionality is integrated directly into theCompositeItem
component.Other updates
Dialog
callingautoFocusOnHide
twice.@ ariakit/[email protected]
within
function to queries.@ ariakit/[email protected]
Commit messages
Package name: @ariakit/react
Compare
Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.
For more information:
🧐 View latest project report
🛠 Adjust upgrade PR settings
🔕 Ignore this dependency or unsubscribe from future upgrade PRs