Skip to content

chore(deps): bump react-aria versions#5761

Merged
wingkwong merged 3 commits into
canaryfrom
chore/eng-2824
Oct 4, 2025
Merged

chore(deps): bump react-aria versions#5761
wingkwong merged 3 commits into
canaryfrom
chore/eng-2824

Conversation

@wingkwong
Copy link
Copy Markdown
Member

@wingkwong wingkwong commented Oct 3, 2025

Closes #

📝 Description

https://react-spectrum.adobe.com/releases/2025-10-02.html

⛳️ Current behavior (updates)

🚀 New behavior

💣 Is this a breaking change (Yes/No):

📝 Additional Information

Summary by CodeRabbit

  • New Features
    • Added selectionAlignment prop to Calendar, DatePicker, DateRangePicker, and RangeCalendar to control initial month alignment (default: center).
  • Documentation
    • Documented selectionAlignment across relevant components.
    • Updated installation snippets with latest @internationalized/date and @react-aria/i18n versions.
  • Chores
    • Bumped various dependencies across components, hooks, and docs to newer patch/minor versions for consistency and maintenance.

@linear
Copy link
Copy Markdown

linear Bot commented Oct 3, 2025

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Oct 3, 2025

🦋 Changeset detected

Latest commit: 42cda06

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 56 packages
Name Type
@heroui/use-aria-accordion-item Patch
@heroui/use-aria-modal-overlay Patch
@heroui/use-aria-multiselect Patch
@heroui/use-aria-accordion Patch
@heroui/autocomplete Patch
@heroui/number-input Patch
@heroui/breadcrumbs Patch
@heroui/date-picker Patch
@heroui/use-aria-overlay Patch
@heroui/date-input Patch
@heroui/pagination Patch
@heroui/use-aria-button Patch
@heroui/accordion Patch
@heroui/input-otp Patch
@heroui/use-disclosure Patch
@heroui/use-pagination Patch
@heroui/aria-utils Patch
@heroui/calendar Patch
@heroui/checkbox Patch
@heroui/dropdown Patch
@heroui/progress Patch
@heroui/use-aria-link Patch
@heroui/use-draggable Patch
@heroui/divider Patch
@heroui/listbox Patch
@heroui/popover Patch
@heroui/snippet Patch
@heroui/tooltip Patch
@heroui/avatar Patch
@heroui/button Patch
@heroui/navbar Patch
@heroui/select Patch
@heroui/slider Patch
@heroui/switch Patch
@heroui/input Patch
@heroui/modal Patch
@heroui/radio Patch
@heroui/table Patch
@heroui/toast Patch
@heroui/card Patch
@heroui/chip Patch
@heroui/form Patch
@heroui/link Patch
@heroui/menu Patch
@heroui/tabs Patch
@heroui/user Patch
@heroui/system-rsc Patch
@heroui/system Patch
@heroui/react Patch
@heroui/drawer Patch
@heroui/alert Patch
@heroui/code Patch
@heroui/kbd Patch
@heroui/spacer Patch
@heroui/spinner Patch
@heroui/framer-utils Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link
Copy Markdown

vercel Bot commented Oct 3, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
heroui Ready Ready Preview Comment Oct 3, 2025 3:22am
heroui-sb Ready Ready Preview Comment Oct 3, 2025 3:22am

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Oct 3, 2025

Walkthrough

Monorepo-wide dependency version bumps across @react-aria, @react-stately, and @internationalized/date. Documentation updated to reflect new versions and adds a new selectionAlignment prop for Calendar, DatePicker, DateRangePicker, and RangeCalendar. A changeset notes patch bumps and react-aria updates. No source logic changes beyond docs; one parse-dependencies mapping updated.

Changes

Cohort / File(s) Summary
Changeset metadata
.changeset/calm-bulldogs-switch.md
Adds patch bumps for multiple @heroui packages and indicates a react-aria version bump.
Docs: versions and API
apps/docs/components/docs/components/code-demo/parse-dependencies.ts, apps/docs/content/docs/components/calendar.mdx, apps/docs/content/docs/components/date-input.mdx, apps/docs/content/docs/components/date-picker.mdx, apps/docs/content/docs/components/date-range-picker.mdx, apps/docs/content/docs/components/range-calendar.mdx, apps/docs/package.json
Bumps @internationalized/date and various @react-aria/* docs references; adds selectionAlignment prop docs to Calendar, DatePicker, DateRangePicker, RangeCalendar; updates parseDependencies fixedVersions.
Components: dependency bumps (calendar/date inputs)
packages/components/calendar/package.json, packages/components/date-input/package.json, packages/components/date-picker/package.json
Updates @internationalized/date and related @react-aria/@react-stately/@react-types dependencies to newer patch/minor versions.
Components: overlays/menus/tooltips
packages/components/modal/package.json, packages/components/popover/package.json, packages/components/tooltip/package.json, packages/components/navbar/package.json, packages/components/select/package.json, packages/components/dropdown/package.json, packages/components/menu/package.json
Bumps @react-aria/overlays, dialog, menu, tooltip and related stately/types packages to latest patch/minor versions.
Components: general UI and inputs
packages/components/accordion/package.json, packages/components/autocomplete/package.json, packages/components/avatar/package.json, packages/components/breadcrumbs/package.json, packages/components/button/package.json, packages/components/card/package.json, packages/components/checkbox/package.json, packages/components/chip/package.json, packages/components/divider/package.json, packages/components/input-otp/package.json, packages/components/input/package.json, packages/components/link/package.json, packages/components/listbox/package.json, packages/components/number-input/package.json, packages/components/pagination/package.json, packages/components/progress/package.json, packages/components/radio/package.json, packages/components/slider/package.json, packages/components/snippet/package.json, packages/components/switch/package.json, packages/components/table/package.json, packages/components/tabs/package.json, packages/components/toast/package.json, packages/components/user/package.json
Dependency version bumps across @react-aria/@react-stately/@react-types packages; no logic changes.
Hooks: dependency bumps
packages/hooks/use-aria-accordion-item/package.json, packages/hooks/use-aria-accordion/package.json, packages/hooks/use-aria-button/package.json, packages/hooks/use-aria-link/package.json, packages/hooks/use-aria-modal-overlay/package.json, packages/hooks/use-aria-multiselect/package.json, packages/hooks/use-aria-overlay/package.json, packages/hooks/use-disclosure/package.json, packages/hooks/use-draggable/package.json, packages/hooks/use-pagination/package.json
Updates to @react-aria, @react-stately, and @react-types dependencies; no API or code changes.
Core packages
packages/core/react/package.json, packages/core/system/package.json, packages/core/system-rsc/package.json
Bumps @react-aria/* and @react-types/shared versions; no functional edits.
Utilities
packages/utilities/aria-utils/package.json
Updates @react-aria/utils, @react-stately/collections, and @react-types/* versions.

Sequence Diagram(s)

sequenceDiagram
  actor User
  participant App
  participant DatePicker
  participant Calendar

  User->>App: Load page
  App->>DatePicker: Initialize with props (incl. selectionAlignment)
  DatePicker->>Calendar: Create visible months
  alt selection exists
    Calendar->>Calendar: Align view to selection (start/center/end)
  else no selection
    Calendar->>Calendar: Align view to current date (start/center/end)
  end
  Calendar-->>DatePicker: Initial month grid(s)
  DatePicker-->>User: Rendered calendar view
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

Suggested reviewers

  • jrgarciadev
  • winchesHe

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Description Check ⚠️ Warning The PR description includes the template structure but most required sections such as the brief description, current behavior, new behavior, breaking change indication, and additional information remain unfilled or only contain placeholders without substantive content. Please provide a concise summary of the changes, describe the existing and updated behavior, indicate whether this is a breaking change, and add any additional context or references as outlined in the repository’s PR template.
✅ Passed checks (2 passed)
Check name Status Explanation
Title Check ✅ Passed The title clearly communicates that this is a dependency chore focused on bumping react-aria versions, which reflects a central aspect of the changeset and follows conventional commit style for dependency updates.
Docstring Coverage ✅ Passed No functions found in the changes. Docstring coverage check skipped.
✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch chore/eng-2824

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Oct 3, 2025

Open in StackBlitz

@heroui/accordion

npm i https://pkg.pr.new/@heroui/accordion@5761

@heroui/alert

npm i https://pkg.pr.new/@heroui/alert@5761

@heroui/autocomplete

npm i https://pkg.pr.new/@heroui/autocomplete@5761

@heroui/avatar

npm i https://pkg.pr.new/@heroui/avatar@5761

@heroui/badge

npm i https://pkg.pr.new/@heroui/badge@5761

@heroui/breadcrumbs

npm i https://pkg.pr.new/@heroui/breadcrumbs@5761

@heroui/button

npm i https://pkg.pr.new/@heroui/button@5761

@heroui/calendar

npm i https://pkg.pr.new/@heroui/calendar@5761

@heroui/card

npm i https://pkg.pr.new/@heroui/card@5761

@heroui/checkbox

npm i https://pkg.pr.new/@heroui/checkbox@5761

@heroui/chip

npm i https://pkg.pr.new/@heroui/chip@5761

@heroui/code

npm i https://pkg.pr.new/@heroui/code@5761

@heroui/date-input

npm i https://pkg.pr.new/@heroui/date-input@5761

@heroui/date-picker

npm i https://pkg.pr.new/@heroui/date-picker@5761

@heroui/divider

npm i https://pkg.pr.new/@heroui/divider@5761

@heroui/drawer

npm i https://pkg.pr.new/@heroui/drawer@5761

@heroui/dropdown

npm i https://pkg.pr.new/@heroui/dropdown@5761

@heroui/form

npm i https://pkg.pr.new/@heroui/form@5761

@heroui/image

npm i https://pkg.pr.new/@heroui/image@5761

@heroui/input

npm i https://pkg.pr.new/@heroui/input@5761

@heroui/input-otp

npm i https://pkg.pr.new/@heroui/input-otp@5761

@heroui/kbd

npm i https://pkg.pr.new/@heroui/kbd@5761

@heroui/link

npm i https://pkg.pr.new/@heroui/link@5761

@heroui/listbox

npm i https://pkg.pr.new/@heroui/listbox@5761

@heroui/menu

npm i https://pkg.pr.new/@heroui/menu@5761

@heroui/modal

npm i https://pkg.pr.new/@heroui/modal@5761

@heroui/navbar

npm i https://pkg.pr.new/@heroui/navbar@5761

@heroui/number-input

npm i https://pkg.pr.new/@heroui/number-input@5761

@heroui/pagination

npm i https://pkg.pr.new/@heroui/pagination@5761

@heroui/popover

npm i https://pkg.pr.new/@heroui/popover@5761

@heroui/progress

npm i https://pkg.pr.new/@heroui/progress@5761

@heroui/radio

npm i https://pkg.pr.new/@heroui/radio@5761

@heroui/ripple

npm i https://pkg.pr.new/@heroui/ripple@5761

@heroui/scroll-shadow

npm i https://pkg.pr.new/@heroui/scroll-shadow@5761

@heroui/select

npm i https://pkg.pr.new/@heroui/select@5761

@heroui/skeleton

npm i https://pkg.pr.new/@heroui/skeleton@5761

@heroui/slider

npm i https://pkg.pr.new/@heroui/slider@5761

@heroui/snippet

npm i https://pkg.pr.new/@heroui/snippet@5761

@heroui/spacer

npm i https://pkg.pr.new/@heroui/spacer@5761

@heroui/spinner

npm i https://pkg.pr.new/@heroui/spinner@5761

@heroui/switch

npm i https://pkg.pr.new/@heroui/switch@5761

@heroui/table

npm i https://pkg.pr.new/@heroui/table@5761

@heroui/tabs

npm i https://pkg.pr.new/@heroui/tabs@5761

@heroui/toast

npm i https://pkg.pr.new/@heroui/toast@5761

@heroui/tooltip

npm i https://pkg.pr.new/@heroui/tooltip@5761

@heroui/user

npm i https://pkg.pr.new/@heroui/user@5761

@heroui/react

npm i https://pkg.pr.new/@heroui/react@5761

@heroui/system

npm i https://pkg.pr.new/@heroui/system@5761

@heroui/system-rsc

npm i https://pkg.pr.new/@heroui/system-rsc@5761

@heroui/theme

npm i https://pkg.pr.new/@heroui/theme@5761

@heroui/use-aria-accordion

npm i https://pkg.pr.new/@heroui/use-aria-accordion@5761

@heroui/use-aria-accordion-item

npm i https://pkg.pr.new/@heroui/use-aria-accordion-item@5761

@heroui/use-aria-button

npm i https://pkg.pr.new/@heroui/use-aria-button@5761

@heroui/use-aria-link

npm i https://pkg.pr.new/@heroui/use-aria-link@5761

@heroui/use-aria-modal-overlay

npm i https://pkg.pr.new/@heroui/use-aria-modal-overlay@5761

@heroui/use-aria-multiselect

npm i https://pkg.pr.new/@heroui/use-aria-multiselect@5761

@heroui/use-aria-overlay

npm i https://pkg.pr.new/@heroui/use-aria-overlay@5761

@heroui/use-callback-ref

npm i https://pkg.pr.new/@heroui/use-callback-ref@5761

@heroui/use-clipboard

npm i https://pkg.pr.new/@heroui/use-clipboard@5761

@heroui/use-data-scroll-overflow

npm i https://pkg.pr.new/@heroui/use-data-scroll-overflow@5761

@heroui/use-disclosure

npm i https://pkg.pr.new/@heroui/use-disclosure@5761

@heroui/use-draggable

npm i https://pkg.pr.new/@heroui/use-draggable@5761

@heroui/use-form-reset

npm i https://pkg.pr.new/@heroui/use-form-reset@5761

@heroui/use-image

npm i https://pkg.pr.new/@heroui/use-image@5761

@heroui/use-infinite-scroll

npm i https://pkg.pr.new/@heroui/use-infinite-scroll@5761

@heroui/use-intersection-observer

npm i https://pkg.pr.new/@heroui/use-intersection-observer@5761

@heroui/use-is-mobile

npm i https://pkg.pr.new/@heroui/use-is-mobile@5761

@heroui/use-is-mounted

npm i https://pkg.pr.new/@heroui/use-is-mounted@5761

@heroui/use-measure

npm i https://pkg.pr.new/@heroui/use-measure@5761

@heroui/use-pagination

npm i https://pkg.pr.new/@heroui/use-pagination@5761

@heroui/use-real-shape

npm i https://pkg.pr.new/@heroui/use-real-shape@5761

@heroui/use-ref-state

npm i https://pkg.pr.new/@heroui/use-ref-state@5761

@heroui/use-resize

npm i https://pkg.pr.new/@heroui/use-resize@5761

@heroui/use-safe-layout-effect

npm i https://pkg.pr.new/@heroui/use-safe-layout-effect@5761

@heroui/use-scroll-position

npm i https://pkg.pr.new/@heroui/use-scroll-position@5761

@heroui/use-ssr

npm i https://pkg.pr.new/@heroui/use-ssr@5761

@heroui/use-theme

npm i https://pkg.pr.new/@heroui/use-theme@5761

@heroui/use-update-effect

npm i https://pkg.pr.new/@heroui/use-update-effect@5761

@heroui/use-viewport-size

npm i https://pkg.pr.new/@heroui/use-viewport-size@5761

@heroui/aria-utils

npm i https://pkg.pr.new/@heroui/aria-utils@5761

@heroui/dom-animation

npm i https://pkg.pr.new/@heroui/dom-animation@5761

@heroui/framer-utils

npm i https://pkg.pr.new/@heroui/framer-utils@5761

@heroui/react-rsc-utils

npm i https://pkg.pr.new/@heroui/react-rsc-utils@5761

@heroui/react-utils

npm i https://pkg.pr.new/@heroui/react-utils@5761

@heroui/shared-icons

npm i https://pkg.pr.new/@heroui/shared-icons@5761

@heroui/shared-utils

npm i https://pkg.pr.new/@heroui/shared-utils@5761

@heroui/stories-utils

npm i https://pkg.pr.new/@heroui/stories-utils@5761

@heroui/test-utils

npm i https://pkg.pr.new/@heroui/test-utils@5761

commit: 42cda06

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c322411 and 42cda06.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (57)
  • .changeset/calm-bulldogs-switch.md (1 hunks)
  • apps/docs/components/docs/components/code-demo/parse-dependencies.ts (1 hunks)
  • apps/docs/content/docs/components/calendar.mdx (1 hunks)
  • apps/docs/content/docs/components/date-input.mdx (6 hunks)
  • apps/docs/content/docs/components/date-picker.mdx (7 hunks)
  • apps/docs/content/docs/components/date-range-picker.mdx (8 hunks)
  • apps/docs/content/docs/components/range-calendar.mdx (1 hunks)
  • apps/docs/package.json (2 hunks)
  • packages/components/accordion/package.json (1 hunks)
  • packages/components/autocomplete/package.json (2 hunks)
  • packages/components/avatar/package.json (1 hunks)
  • packages/components/breadcrumbs/package.json (1 hunks)
  • packages/components/button/package.json (1 hunks)
  • packages/components/calendar/package.json (1 hunks)
  • packages/components/card/package.json (1 hunks)
  • packages/components/checkbox/package.json (1 hunks)
  • packages/components/chip/package.json (1 hunks)
  • packages/components/date-input/package.json (1 hunks)
  • packages/components/date-picker/package.json (2 hunks)
  • packages/components/divider/package.json (1 hunks)
  • packages/components/dropdown/package.json (1 hunks)
  • packages/components/form/package.json (1 hunks)
  • packages/components/input-otp/package.json (1 hunks)
  • packages/components/input/package.json (1 hunks)
  • packages/components/link/package.json (1 hunks)
  • packages/components/listbox/package.json (1 hunks)
  • packages/components/menu/package.json (1 hunks)
  • packages/components/modal/package.json (1 hunks)
  • packages/components/navbar/package.json (1 hunks)
  • packages/components/number-input/package.json (1 hunks)
  • packages/components/pagination/package.json (1 hunks)
  • packages/components/popover/package.json (1 hunks)
  • packages/components/progress/package.json (1 hunks)
  • packages/components/radio/package.json (1 hunks)
  • packages/components/select/package.json (1 hunks)
  • packages/components/slider/package.json (1 hunks)
  • packages/components/snippet/package.json (1 hunks)
  • packages/components/switch/package.json (1 hunks)
  • packages/components/table/package.json (2 hunks)
  • packages/components/tabs/package.json (1 hunks)
  • packages/components/toast/package.json (1 hunks)
  • packages/components/tooltip/package.json (1 hunks)
  • packages/components/user/package.json (1 hunks)
  • packages/core/react/package.json (1 hunks)
  • packages/core/system-rsc/package.json (1 hunks)
  • packages/core/system/package.json (1 hunks)
  • packages/hooks/use-aria-accordion-item/package.json (1 hunks)
  • packages/hooks/use-aria-accordion/package.json (1 hunks)
  • packages/hooks/use-aria-button/package.json (1 hunks)
  • packages/hooks/use-aria-link/package.json (1 hunks)
  • packages/hooks/use-aria-modal-overlay/package.json (1 hunks)
  • packages/hooks/use-aria-multiselect/package.json (1 hunks)
  • packages/hooks/use-aria-overlay/package.json (1 hunks)
  • packages/hooks/use-disclosure/package.json (1 hunks)
  • packages/hooks/use-draggable/package.json (1 hunks)
  • packages/hooks/use-pagination/package.json (1 hunks)
  • packages/utilities/aria-utils/package.json (1 hunks)
🔇 Additional comments (9)
packages/components/progress/package.json (1)

46-47: Patch bumps look good

Thanks for keeping the progress package aligned with the latest react-aria/react-types patches. No issues spotted.

packages/components/navbar/package.json (1)

50-54: Dependency bumps look consistent.

Patch upgrades across the React Aria/Stately packages align with the repo-wide version sweep and preserve semver guarantees.

packages/components/toast/package.json (1)

49-50: Version bumps align with upstream release.

Matches the coordinated React Aria upgrade; no additional action needed.

packages/components/breadcrumbs/package.json (1)

46-48: Dependency bump looks good

React Aria packages are aligned with the referenced release notes, and no additional changes are required on this package.

packages/components/modal/package.json (1)

54-57: Dependency bumps look good

Minor/patch upgrades across the React Aria stack stay within supported ranges and align with the synchronized version sweep noted in the PR summary. No further changes needed.

packages/components/tooltip/package.json (1)

51-55: Dependencies align with the latest React Aria release.

Patch bumps look good and stay consistent with the React Spectrum 2025-10-02 drop. No further action needed.

packages/components/autocomplete/package.json (1)

55-59: Dependencies updated as expected.

Version pins line up with the 2025-10-02 React Aria release, and no conflicting peer ranges surfaced. All good here.

Also applies to: 68-68

apps/docs/content/docs/components/date-picker.mdx (1)

120-220: selectionAlignment prop missing in DatePicker source
Documentation references selectionAlignment, but there’s no implementation or typing for it in packages/components/date-picker; implement the prop or remove it from the docs.

apps/docs/content/docs/components/range-calendar.mdx (1)

260-265: Verify selectionAlignment support in RangeCalendar
Confirm that the RangeCalendar component in the library actually accepts and handles a selectionAlignment prop—if it’s not implemented, remove this entry from the docs.

Comment thread .changeset/calm-bulldogs-switch.md
@wingkwong wingkwong merged commit 136bdf6 into canary Oct 4, 2025
10 checks passed
@wingkwong wingkwong deleted the chore/eng-2824 branch October 4, 2025 02:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant