chakra-ui/zag @zag-js/pin-input@2.0.0-next.4

on GitHub

Major Changes

• #3342
  3838af0 Thanks
  @github-actions! - - Breaking: Remove blurOnComplete. Move focus in
  onValueComplete instead.

  - blurOnComplete: true,
  + onValueComplete() {
  +   document.getElementById("verify")?.focus()
  + },

  • Breaking: Remove selectOnFocus. A focused input always selects its character.

    - selectOnFocus: true,

  • Breaking: Rename sanitizeValue to normalizeValue, which also applies to typed text.

    - sanitizeValue: (value) => value.toUpperCase(),
    + normalizeValue: (value) => value.toUpperCase(),

  • Drop spaces and invalid characters from pasted text instead of rejecting it, and report them through
    onValueInvalid.

  • Fill from the first input when a full code is pasted or autofilled into any input.

  • Only set autocomplete="one-time-code" on the first input, and only when otp is set.

  • Delete everything before the cursor on Cmd/Ctrl/Alt + Backspace.

  • Fix Backspace, Delete and paste changing a readOnly value.

  • Fix pasting into a filled input clearing the characters after it, and two characters inserted at once keeping only
    the last.

  • Fix onValueComplete and autoSubmit not running when a pasted code replaces a complete one.

  • Fix focus staying on a later input after the value is cleared from outside.

  • Fix IME input filling the wrong input and accepting full-width characters.

Patch Changes

• #3342
  730ea29 Thanks
  @github-actions! - - Fix focus, scroll and sync work scheduled for the next
  frame running after the component unmounts.
• Updated dependencies [a80b307]:
  • @zag-js/dom-query@2.0.0-next.4
  • @zag-js/core@2.0.0-next.4
  • @zag-js/anatomy@2.0.0-next.4
  • @zag-js/types@2.0.0-next.4
  • @zag-js/utils@2.0.0-next.4