@ariakit/react - npm Package Compare versions

Comparing version 0.3.7 to 0.3.8

CHANGELOG.md

 # @ariakit/react
 
+## 0.3.8
+
+### Multi-selectable Combobox
+
+We've added support for the [Combobox](https://ariakit.org/components/combobox) with multiple selection capabilities using a new [`selectedValue`](https://ariakit.org/reference/combobox-provider#selectedvalue) prop, along with [`defaultSelectedValue`](https://ariakit.org/reference/combobox-provider#defaultselectedvalue) and [`setSelectedValue`](https://ariakit.org/reference/combobox-provider#setselectedvalue).
+
+This works similarly to the [`value`](https://ariakit.org/reference/select-provider#value) prop on [Select](https://ariakit.org/components/select) components. If it receives an array, the combobox will allow multiple selections. By default, it's a string that represents the selected value in a single-select combobox.
+
+Check out the [Multi-selectable Combobox](https://ariakit.org/examples/combobox-multiple) example to see it in action.
+
+### New Combobox components
+
+This version introduces new [Combobox](https://ariakit.org/components/combobox) components:
+
+- [`ComboboxLabel`](https://ariakit.org/reference/combobox-label): This renders a `label` element for a [`Combobox`](https://ariakit.org/reference/combobox), with the `htmlFor` prop set automatically.
+- [`ComboboxItemCheck`](https://ariakit.org/reference/combobox-item-check): This displays a checkmark for a [`ComboboxItem`](https://ariakit.org/reference/combobox-item) when the item is selected.
+
+### Other updates
+
+- Added [`resetValueOnSelect`](https://ariakit.org/reference/combobox-provider#resetvalueonselect) state to [Combobox](https://ariakit.org/components/combobox) components.
+- Added [`selectValueOnClick`](https://ariakit.org/reference/combobox-item#selectvalueonclick) prop to [`ComboboxItem`](https://ariakit.org/reference/combobox-item).
+- Fixed [`SelectItem`](https://ariakit.org/reference/select-item) rendering an `aria-selected` attribute even when the [`value`](https://ariakit.org/reference/select-item#value) prop is omitted.
+- Updated dependencies: `@ariakit/react-core@0.3.8`
+
 ## 0.3.7
@@ -4,0 +28,0 @@

cjs/combobox.d.ts

@@ -9,4 +9,6 @@ export { useComboboxStore } from "@ariakit/react-core/combobox/combobox-store";
 export { ComboboxGroup } from "@ariakit/react-core/combobox/combobox-group";
+export { ComboboxItemCheck } from "@ariakit/react-core/combobox/combobox-item-check";
 export { ComboboxItemValue } from "@ariakit/react-core/combobox/combobox-item-value";
 export { ComboboxItem } from "@ariakit/react-core/combobox/combobox-item";
+export { ComboboxLabel } from "@ariakit/react-core/combobox/combobox-label";
 export { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
@@ -23,4 +25,6 @@ export { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
 export type { ComboboxGroupOptions, ComboboxGroupProps, } from "@ariakit/react-core/combobox/combobox-group";
+export type { ComboboxItemCheckOptions, ComboboxItemCheckProps, } from "@ariakit/react-core/combobox/combobox-item-check";
 export type { ComboboxItemValueOptions, ComboboxItemValueProps, } from "@ariakit/react-core/combobox/combobox-item-value";
 export type { ComboboxItemOptions, ComboboxItemProps, } from "@ariakit/react-core/combobox/combobox-item";
+export type { ComboboxLabelOptions, ComboboxLabelProps, } from "@ariakit/react-core/combobox/combobox-label";
 export type { ComboboxListOptions, ComboboxListProps, } from "@ariakit/react-core/combobox/combobox-list";
@@ -27,0 +31,0 @@ export type { ComboboxPopoverOptions, ComboboxPopoverProps, } from "@ariakit/react-core/combobox/combobox-popover";

esm/combobox.d.ts

@@ -9,4 +9,6 @@ export { useComboboxStore } from "@ariakit/react-core/combobox/combobox-store";
 export { ComboboxGroup } from "@ariakit/react-core/combobox/combobox-group";
+export { ComboboxItemCheck } from "@ariakit/react-core/combobox/combobox-item-check";
 export { ComboboxItemValue } from "@ariakit/react-core/combobox/combobox-item-value";
 export { ComboboxItem } from "@ariakit/react-core/combobox/combobox-item";
+export { ComboboxLabel } from "@ariakit/react-core/combobox/combobox-label";
 export { ComboboxList } from "@ariakit/react-core/combobox/combobox-list";
@@ -23,4 +25,6 @@ export { ComboboxPopover } from "@ariakit/react-core/combobox/combobox-popover";
 export type { ComboboxGroupOptions, ComboboxGroupProps, } from "@ariakit/react-core/combobox/combobox-group";
+export type { ComboboxItemCheckOptions, ComboboxItemCheckProps, } from "@ariakit/react-core/combobox/combobox-item-check";
 export type { ComboboxItemValueOptions, ComboboxItemValueProps, } from "@ariakit/react-core/combobox/combobox-item-value";
 export type { ComboboxItemOptions, ComboboxItemProps, } from "@ariakit/react-core/combobox/combobox-item";
+export type { ComboboxLabelOptions, ComboboxLabelProps, } from "@ariakit/react-core/combobox/combobox-label";
 export type { ComboboxListOptions, ComboboxListProps, } from "@ariakit/react-core/combobox/combobox-list";
@@ -27,0 +31,0 @@ export type { ComboboxPopoverOptions, ComboboxPopoverProps, } from "@ariakit/react-core/combobox/combobox-popover";

esm/combobox.js

@@ -9,3 +9,5 @@ "use client";
   ComboboxItem,
+  ComboboxItemCheck,
   ComboboxItemValue,
+  ComboboxLabel,
   ComboboxList,
@@ -18,3 +20,3 @@ ComboboxPopover,
   useComboboxStore
-} from "./__chunks/BMQRQS5U.js";
+} from "./__chunks/L4M2Z5VM.js";
 export {
@@ -27,3 +29,5 @@ Combobox,
   ComboboxItem,
+  ComboboxItemCheck,
   ComboboxItemValue,
+  ComboboxLabel,
   ComboboxList,
@@ -30,0 +34,0 @@ ComboboxPopover,

esm/index.js

@@ -86,3 +86,5 @@ "use client";
   ComboboxItem,
+  ComboboxItemCheck,
   ComboboxItemValue,
+  ComboboxLabel,
   ComboboxList,
@@ -95,3 +97,3 @@ ComboboxPopover,
   useComboboxStore
-} from "./__chunks/BMQRQS5U.js";
+} from "./__chunks/L4M2Z5VM.js";
 import {
@@ -236,3 +238,5 @@ Portal,
   ComboboxItem,
+  ComboboxItemCheck,
   ComboboxItemValue,
+  ComboboxLabel,
   ComboboxList,
@@ -239,0 +243,0 @@ ComboboxPopover,

package.json

 {
   "name": "@ariakit/react",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Toolkit for building accessible web apps with React",
@@ -40,3 +40,3 @@ "sideEffects": false,
   "dependencies": {
-    "@ariakit/react-core": "0.3.7"
+    "@ariakit/react-core": "0.3.8"
   },
@@ -43,0 +43,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

224340

1.85%

Lines of code

2420

1%

Dependency changes

• + Added

  @ariakit/core@0.3.7
  (transitive)

• + Added

  @ariakit/react-core@0.3.8
  (transitive)

• - Removed

  @ariakit/core@0.3.6
  (transitive)

• - Removed

  @ariakit/react-core@0.3.7
  (transitive)

• Updated

  @ariakit/react-core@0.3.8