ariakit

Minor Changes

• The hidden prop passed to Dialog is now inherited by the internal DialogBackdrop component. (#1387)

  Before, if we wanted to pass hidden={false} to both the dialog and the backdrop components, we would have to do this (still works):

  <Dialog hidden={false} backdropProps={{ hidden: false }} />
  

  Now, the backdropProps is not necessary anymore:

  <Dialog hidden={false} />
  

Patch Changes

• Fixed ComboboxPopover being shown on right clicks on the combobox input. (#1371)

• Fixed Command component not being clicked when using the keyboard on Firefox when it's rendered as a summary element. (#1392)

• Fixed Dialog and derived dialog components not hiding when dragging elements outside it. (#1378)

• Fixed SelectPopover being shown on right clicks on the select button. (#1371)

• Updated dependencies: [email protected].

Patch Changes

• Added new mouseDown and mouseUp functions. (#1379)

• Added new select util to ariakit-test. (#1386)

• Updated dependencies: [email protected].

Patch Changes

• Adjusted the return type of useStoreProvider to be more accurate. (#1367)

Patch Changes

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

Patch Changes

• Updated dependencies: [email protected].

Minor Changes

• The flip prop on usePopoverState and derived hooks now supports a string of fallback placements. (#1337)

  See the popover-flip example.

Minor Changes

• useBooleanEventCallback has been renamed to useBooleanEvent. (#1323)

• useEventCallback has been renamed to useEvent. (#1323, #1332)

Patch Changes

• Updated dependencies: [email protected].

Minor Changes

• Event handlers returned by Ariakit components are now always stable references. (#1326)

Patch Changes

• Fixed infinite loop on Portal when used within React.Suspense. (#1327)

• Updated dependency @floating-ui/dom to v0.5.0. (#1333)

• Updated dependencies: [email protected].

Patch Changes

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

Minor Changes

• The ariakit-test-utils package has been renamed to ariakit-test. (#1296)

Patch Changes

• Fixed SelectLabelProps type to default to div instead of label. (#1281)

Patch Changes

• Updated dependencies: [email protected].

Patch Changes

• Fixed focus flash when Combobox has autoSelect set to true.

• Fixed Dialog not closing when pressing Esc when the ref prop is lazily evaluated.

• Fixed Dialog not correctly preventing body scroll on iOS. (#1271)

• Fixed Hovercard not disabling pointer events outside while the mouse is moving torwards the card when the ref prop is lazily evaluated.

• Fixed Menu initial focus when all the menu items are re-mounted. (#1260)

• Stopped shipping the src folder with the npm package to reduce the size of the package. (#1272)

• --popover-available-width, --popover-available-height, and --popover-anchor-width are now defined as integer values instead of floats.

• Fixed the data-focus-visible attribute flash on Select after clicking on it. (#1262)

• Updated dependencies: [email protected].

Patch Changes

• Stopped shipping the src folder with the npm package to reduce the size of the package. (#1272)

Minor Changes

• pressing ArrowUp, ArrowRight, ArrowDown and ArrowLeft on text fields now changes the selection/caret position.

• pressing printable characters on text fields now uses type underneath, which means they are typed in the input.

Patch Changes

• Stopped shipping the src folder with the npm package to reduce the size of the package. (#1272)

• Updated dependencies: [email protected].

Patch Changes

• Stopped shipping the src folder with the npm package to reduce the size of the package. (#1272)

• Updated CodeMirror version to 0.20.0. (#1270)

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

Major Changes

• Dropped support for React 16. (#1225)

  The package may still work with React 16.8, but we're not testing the codebase against this version anymore. Upgrade to React 17 or higher to guarantee that your app works with Ariakit.

• Dropped support for auto, auto-start and auto-end placements on usePopoverState and derived state hooks. (#1229)

• Replaced defaultAnchorRect, anchorRect and setAnchorRect props on usePopoverState by a single getAnchorRect prop. (#1252)

  Before:

  const popover = usePopoverState();
  
  // inside an effect or event handler
  popover.setAnchorRect({ x: 10, y: 10 });
  

  After:

  const popover = usePopoverState({ getAnchorRect: () => ({ x: 10, y: 10 }) });
  

• The padding prop has been renamed to overflowPadding on usePopoverState and derived state hooks. (#1229)

    const popover = usePopoverState({
  -   padding: 4,
  +   overflowPadding: 4,
    });
  

• The shift and gutter props on usePopoverState and derived state hooks don't support string values anymore. Now only numbers are supported. (#1229)

• The preventOverflow prop has been renamed to slide on usePopoverState and derived state hooks. (#1229)

    const popover = usePopoverState({
  -   preventOverflow: false,
  +   slide: false,
    });
  

Minor Changes

• The setValueOnClick prop from ComboboxItem now also supports a function that receives the click event and returns a boolean value.

• Added setValueOnChange prop to Combobox.

• Added setValueOnClick prop to Combobox.

• Added fitViewport prop to usePopoverState and derived state hooks. (#1229)

• Added overlap prop to usePopoverState and derived state hooks. (#1229)

Patch Changes

• Fixed Combobox with autoSelect and autoComplete="both" props setting an incorrect value when there are no matches. (#1219)

• Fixed useDisclosureState reading from a mutating ref on the render phase. (#1224)

• Fixed extra re-renders on FormField, FormInput, FormCheckbox and FormError components when they have been touched.

• Fixed a bug where quickly hovering over nested Hovercard components right after they were mounted would cause the parent and the nested Hovercard to hide. (#1229)

• Fixed how the "transit polygon" is shaped on Hovercard to make it easier to hover over adjacent elements. (#1240)

• Fixed types for @types/react v18. (#1222)

• Updated dependencies: [email protected].

Minor Changes

• Dropped support for React 16. (#1225)

  The package may still work with React 16.8, but we're not testing the codebase against this version anymore. Upgrade to React 17 or higher to guarantee that your app works with Ariakit.

Patch Changes

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

Minor Changes

• Dropped support for React 16. (#1225)

  The package may still work with React 16.8, but we're not testing the codebase against this version anymore. Upgrade to React 17 or higher to guarantee that your app works with Ariakit.

Patch Changes

• Exposed ariakit-test-utils/mock-get-client-rects module. (#1227)

• Updated dependencies: [email protected].