ariakit

Patch Changes

• Added missing defaultValue prop back to useRadioStore. (#2265)

Patch Changes

• Added missing defaultValue prop back to useRadioStore. (#2265)

• Updated dependencies: @ariakit/[email protected].

Patch Changes

• Updated dependencies: @ariakit/[email protected].

Patch Changes

• Added missing defaultValue prop back to useRadioStore. (#2265)

• Updated dependencies: @ariakit/[email protected], @ariakit/[email protected].

Patch Changes

• Removed extra console.log from Hovercard.

• Updated dependencies: @ariakit/[email protected].

Patch Changes

• Removed extra console.log from Hovercard.

Minor Changes

• Combobox doesn't support filtering via the list and matches props anymore. Instead, you can use a library such as match-sorter to filter the list.

  Before:

  const combobox = useComboboxState({ list });
  
  combobox.matches.map((value) => <ComboboxItem key={value} value={value} />);
  

  After:

  const combobox = useComboboxStore();
  const value = combobox.useState("value");
  const matches = useMemo(() => matchSorter(list, value), [value]);
  
  matches.map((value) => <ComboboxItem key={value} value={value} />);
  

  This gives you more control over the filtering process, and you can use any library you want. Besides match-sorter, we also recommend fast-fuzzy for fuzzy matching.

• Replaced state hooks (e.g., useComboboxState) with component stores (e.g., useComboboxStore).

  Before:

  const combobox = useComboboxState({ defaultValue: "value" });
  const value = combobox.value;
  
  <Combobox state={combobox} />;
  

  After:

  const combobox = useComboboxStore({ defaultValue: "value" });
  const value = combobox.useState("value");
  
  <Combobox store={combobox} />;
  

  This change applies to all state hooks, not just combobox, and has some API differences. Please, refer to the TypeScript definitions for more information. Learn more about the motivation behind this change in the RFC.

• The initialFocusRef and finalFocusRef props from Dialog and derived components have been renamed to initialFocus and finalFocus respectively. They now support HTMLElement in addition to refs.

  - <Dialog initialFocusRef={initialFocusRef} finalFocusRef={finalFocusRef} />
  + <Dialog initialFocus={initialFocusRef} finalFocus={finalFocusRef} />
  

• useMenuStore and useSelectStore can now receive a combobox prop to combine them with a Combobox component. This replaces the old method of passing the result of useComboboxState directly as an argument to useMenuState and useSelectState.

  Before:

  const combobox = useComboboxState();
  const menu = useMenuState(combobox);
  const select = useSelectState(combobox);
  

  After:

  const combobox = useComboboxStore();
  const menu = useMenuStore({ combobox });
  const select = useSelectStore({ combobox });
  

• Updated package names to include the @ariakit scope, providing a more distinct and specific namespace for our packages.

  Additionally, we've made a change to the versioning system, moving from v2.0.0-beta.x to v0.x.x. This alteration means that although the library is still in beta, we can release breaking changes in minor versions without disrupting projects that don't set exact versions in their package.json.

  - npm i ariakit
  + npm i @ariakit/react
  

• We've made changes to the package structure, and component hooks such as useButton and useCheckbox are no longer exported from @ariakit/react. Instead, you can import them from @ariakit/react-core:

  - import { useButton } from "@ariakit/react";
  + import { useButton } from "@ariakit/react-core/button/button";
  

  By doing so, we can reduce the API surface of the @ariakit/react package and move towards a stable release. It's important to note that @ariakit/react-core does not follow semver conventions, and breaking changes may be introduced in minor and patch versions.

Patch Changes

• Packages are now ESM by default (commonjs modules are still available with the .cjs extension).

• Updated dependencies: @ariakit/[email protected], @ariakit/[email protected].

Minor Changes

• Updated package names to include the @ariakit scope, providing a more distinct and specific namespace for our packages.

  Additionally, we've made a change to the versioning system, moving from v2.0.0-beta.x to v0.x.x. This alteration means that although the library is still in beta, we can release breaking changes in minor versions without disrupting projects that don't set exact versions in their package.json.

  - npm i ariakit
  + npm i @ariakit/react
  

Patch Changes

• Packages are now ESM by default (commonjs modules are still available with the .cjs extension).

• Updated dependencies: @ariakit/[email protected].

Minor Changes

• Updated package names to include the @ariakit scope, providing a more distinct and specific namespace for our packages.

  Additionally, we've made a change to the versioning system, moving from v2.0.0-beta.x to v0.x.x. This alteration means that although the library is still in beta, we can release breaking changes in minor versions without disrupting projects that don't set exact versions in their package.json.

  - npm i ariakit
  + npm i @ariakit/react
  

Patch Changes

• Packages are now ESM by default (commonjs modules are still available with the .cjs extension).

• Updated dependencies: @ariakit/[email protected].

Minor Changes

• Updated package names to include the @ariakit scope, providing a more distinct and specific namespace for our packages.

  Additionally, we've made a change to the versioning system, moving from v2.0.0-beta.x to v0.x.x. This alteration means that although the library is still in beta, we can release breaking changes in minor versions without disrupting projects that don't set exact versions in their package.json.

  - npm i ariakit
  + npm i @ariakit/react
  

Patch Changes

• Packages are now ESM by default (commonjs modules are still available with the .cjs extension).

Patch Changes

• Fixed Checkbox with a string value prop used in combination with the useCheckboxState hook. (#2223)

Patch Changes

• Updated dependencies: [email protected].

Patch Changes

• Fixed infinite loop when rendering <Popover portal> with no tabbable elements inside. (#2170)

Patch Changes

• Updated dependencies: [email protected].

Minor Changes

• Extracted React specific utilities from the ariakit-utils package to the ariakit-react-utils package. (#1819)

Patch Changes

• Updated dependencies: [email protected].

Patch Changes

• Extracted React specific utilities from the ariakit-utils package to the ariakit-react-utils package. (#1819)

• Fixed type errors in TypeScript v4.8. (#1885)

• Updated dependencies: [email protected].

Patch Changes

• Extracted React specific utilities from the ariakit-utils package to the ariakit-react-utils package. (#1819)

• Updated dependencies: [email protected], [email protected].

Patch Changes

• Extracted React specific utilities from the ariakit-utils package to the ariakit-react-utils package. (#1819)

• Fixed type errors in TypeScript v4.8. (#1885)

• TypeScript: Renamed types to have unique names matching their pattern. (#2153)

• Updated dependencies: [email protected], [email protected].

Patch Changes

• Updated dependencies: [email protected].