@ariakit/react 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @ariakit/react
 
+## 0.4.5
+
+### Multi-selectable Combobox with inline autocomplete
+
+When rendering a [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) with the [`autoComplete`](https://ariakit.org/reference/combobox#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
+
+- Updated [`Combobox`](https://ariakit.org/reference/combobox) to no longer use `ReactDOM.flushSync` when updating the value.
+- Added new [`resetValueOnSelect`](https://ariakit.org/reference/combobox-item#resetvalueonselect) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Added new [`resetValue`](https://ariakit.org/reference/use-combobox-store#resetvalue) method to combobox store.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/react-core@0.4.5`
+
+## 0.4.4
+
+### Combobox `autoFocusOnHide` behavior
+
+Previously, the [`autoFocusOnHide`](https://ariakit.org/reference/combobox-popover#autofocusonhide) feature on [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover) 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`](https://ariakit.org/reference/combobox-provider#virtualfocus) is set to `false`.
+
+### Better SVG strokes
+
+The `strokeWidth` property on SVG elements rendered by [`CheckboxCheck`](https://ariakit.org/reference/checkbox-check), [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel), [`ComboboxDisclosure`](https://ariakit.org/reference/combobox-disclosure), [`DialogDismiss`](https://ariakit.org/reference/dialog-dismiss), [`HovercardDisclosure`](https://ariakit.org/reference/hovercard-disclosure), [`PopoverDisclosureArrow`](https://ariakit.org/reference/popover-disclosure-arrow), and all components that use any of these now defaults to `1.5px` instead of `1.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`](https://ariakit.org/reference/combobox#showminlength) prop has been added to the [`Combobox`](https://ariakit.org/reference/combobox) component. This prop lets you set the minimum length of the value before the combobox options appear. The default value is `0`.
+
+```jsx
+<Combobox showMinLength={2} />
+```
+
+Previously, achieving this behavior required combining three separate props: [`showOnChange`](https://ariakit.org/reference/combobox#showonchange), [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress). 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`](https://ariakit.org/reference/composite-item) as an input element using the [`render`](https://ariakit.org/reference/composite-item#render) prop:
+
+```jsx
+<CompositeItem render={<input />} />
+```
+
+Before, you could only do this with the experimental `CompositeInput` component. Now, this functionality is integrated directly into the [`CompositeItem`](https://ariakit.org/reference/composite-item) component.
+
+### Other updates
+
+- Fixed [`Dialog`](https://ariakit.org/reference/dialog) calling [`autoFocusOnHide`](https://ariakit.org/reference/dialog#autofocusonhide) twice.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/react-core@0.4.4`
+
 ## 0.4.3
 
 - Fixed TypeScript types for `ref`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "Toolkit for building accessible web apps with React",
   "sideEffects": false,
   "license": "MIT",
@@ -37,7 +37,7 @@
     "components"
   ],
   "dependencies": {
-    "@ariakit/react-core": "0.4.3"
+    "@ariakit/react-core": "0.4.5"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",