@ariakit/react 0.4.1 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,59 @@
1
1
  # @ariakit/react
2
2
 
3
+ ## 0.4.3
4
+
5
+ - Fixed TypeScript types for `ref`.
6
+ - Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) occasionally failing to set the [`activeId`](https://ariakit.org/reference/use-composite-store#activeid) state on focus.
7
+ - Fixed [`unmountOnHide`](https://ariakit.org/reference/tab-panel#unmountonhide) prop not working on [`TabPanel`](https://ariakit.org/reference/tab-panel) without [`tabId`](https://ariakit.org/reference/tab-panel#tabid).
8
+ - Fixed regression in `v0.4.2` that caused nested tabs to stop working.
9
+ - Added new [`combobox`](https://ariakit.org/reference/tab-provider#combobox) property to tab store.
10
+ - Improved JSDocs.
11
+ - Updated dependencies: `@ariakit/react-core@0.4.3`
12
+
13
+ ## 0.4.2
14
+
15
+ ### Tooltip behavior improvements
16
+
17
+ When using [Tooltip](https://ariakit.org/components/tooltip) components alongside elements that move focus upon clicking (like [`MenuButton`](https://ariakit.org/reference/menu-button), which moves focus to its [`Menu`](https://ariakit.org/reference/menu) when clicked), the tooltip will now stop from appearing after the user clicks the anchor element. It will only show when the mouse leaves and re-enters the anchor element.
18
+
19
+ This was already the case when tooltips had no [`timeout`](https://ariakit.org/reference/tooltip-provider#timeout). Now, the behavior is consistent regardless of the timeout value.
20
+
21
+ ### Combobox with tabs
22
+
23
+ [Tab](https://ariakit.org/components/tab) components can now be rendered as part of other composite widgets, like [Combobox](https://ariakit.org/components/combobox). The following structure should work seamlessly:
24
+
25
+ ```jsx "TabProvider" "TabList" "Tab" "TabPanel"
26
+ <ComboboxProvider>
27
+ <Combobox />
28
+ <ComboboxPopover>
29
+ <TabProvider>
30
+ <TabList>
31
+ <Tab />
32
+ </TabList>
33
+ <TabPanel unmountOnHide>
34
+ <ComboboxList>
35
+ <ComboboxItem />
36
+ </ComboboxList>
37
+ </TabPanel>
38
+ </TabProvider>
39
+ </ComboboxPopover>
40
+ </ComboboxProvider>
41
+ ```
42
+
43
+ ### Other updates
44
+
45
+ - Fixed `inert` behavior on older browsers.
46
+ - Fixed [Portal](https://ariakit.org/components/portal) rendering extra `span` even when the [`portal`](https://ariakit.org/reference/portal#portal-1) prop is `false`.
47
+ - Fixed [`Focusable`](https://ariakit.org/reference/focusable) to identify `summary` as a native tabbable element.
48
+ - Added [`Role.summary`](https://ariakit.org/reference/role) component.
49
+ - Improved typeahead functionality on unmounted composite items.
50
+ - Added new [`composite`](https://ariakit.org/reference/tab-provider#composite) property to tab store.
51
+ - Added new [`hideWhenEmpty`](https://ariakit.org/reference/combobox-cancel#hidewhenempty) prop to [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel).
52
+ - Added support for nested [`ComboboxList`](https://ariakit.org/reference/combobox-list).
53
+ - Added [`unmountOnHide`](https://ariakit.org/reference/tab-panel#unmountonhide) prop to [`TabPanel`](https://ariakit.org/reference/tab-panel).
54
+ - Improved JSDocs.
55
+ - Updated dependencies: `@ariakit/react-core@0.4.2`
56
+
3
57
  ## 0.4.1
4
58
 
5
59
  ### New `autoSelect` mode
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ariakit/react",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "description": "Toolkit for building accessible web apps with React",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -37,7 +37,7 @@
37
37
  "components"
38
38
  ],
39
39
  "dependencies": {
40
- "@ariakit/react-core": "0.4.1"
40
+ "@ariakit/react-core": "0.4.3"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "^17.0.0 || ^18.0.0",